Безрукий программист | DOKTOR

​​Однажды кто-то не согласился, что CSS это удобно.#обзор #технологии #посложнееSass - сасная надстройка над языком веб-стилей CSS, позволяющая добавить в него все фичи 🦾, которых тебе, возможно, не хватало, если ты уже хоть немного писал стили для веб-страниц (да и если ты уже собаку съел на этом, но почему-то ещё не знаком с sass - тебе тоже будет что почерпнуть).Для совсем юных умов, только начинающих изучать верстку - Sass может показаться ненужным усложнением, поэтому если ты из таких - можешь просто ознакомиться с существованием такого прекрасного явления.Существование Sass возможно благодаря препроцессингу - преобразованию sass в обычный css. Зачем? Потому что браузеры всё ещё умеют только в css. Не так вкусно, но и не грустно. Препроцессинг легко настроить почти в любой среде разработки, и тогда она сама будет под капотом делать тебе нужный css для браузера. А все сопряженные с этим проблемы уже спрошены на форумах и успешно решены 😌Если ты всё же кодишь в блокноте как настоящий senior coder - всё ещё сможешь установить sass и настроить препроцессинг через консоль следующей командой: sass --watch app/sass:public/stylesheets(она будет перегонять все sass файлы в папке app/sass в css файлы в папке public/stylesheets, выглядит несложно?) 🤔Теперь к самому сочному: списку возможностей которых нет в css, которые теперь будут доступны прочитавшему данный пост:— Переменные. Один раз вписал туда цвет и используй где хочешь. Надо будет поменять цвет? Достаточно поменять переменную.— Вложенность. Надоело писать вместо слектора змею вроде "main > article > content > heading > title > subtitle"? Вложи в каждый из них стили его подблоков, препроцессор всё разложит как надо.— Импорт. Раньше все отдельные стили нужно было импортировать в html файл, теперь стили можно импортировать друг в друга!— Математика. Нужно вычислить 1/6 от размера экрана? Как насчёт "width: 1/6 x 100%"?— Миксины. Приходилось вешать много одинаковых свойств на разные стилевые классы? Объедини их

​​Деление айтишников по крутости. Каков же путь до всемогущего сеньора?Пора наконец-таки разобраться в чём отличие между пресловутыми джуном 🙂, мидлом🧐 и сеньором😈. А ещё расскажем, какие признаки говорят о том пора ли тебе гордо называться мидлом на собеседовании :)Стажер. Далеко не так часто упоминается, но именно он предшествует джуниору. Работа стажера не всегда оплачивается, да и не всегда является работой в полной мере. Если компания предполагает позицию стажера, значит на этом этапе она присматривается к стажерам как к кандидатам на полноценное трудоустройство. Значит и сам стажер имеет возможность без больших обязательств присмотреться к компании, попробовать себя в ней.Junior. Считается начальным уровнем айтишника, хотя чем дальше развивается сфреа - тем больше к джуну предъявляется требований! Но главным отличием джуна устроенного на работу - малая самостоятельность, необходимость в менторе и проверке кода.Обычно от джуна требуется знание только базовых не-специфичных вещей. Умение же быстро учиться потребуется точно, а также огромным плюсом будут прокачанные софт-скиллы. Это и определит, насколько быстро джун превратится в....Middle. Считается самостоятельной боевой единицей - этим и отличается от джуна. Хотя мидл и не обязан знать всё подряд - он должен быть осведомлен о "best practices" и иметь опыт в большинстве профильных задач. Главное для мидла - понимание процесса работы и используемых инструментов. Ему можно отдать почти любую задачу и быть уверенным в её эффективном выполнении - ответственность будет на нём, а не на менторе. Сам же мидл уже может быть ментором. Именно зарплаты мидлов обычно мелькают в разного рода статистике по IT профессиям.Senior. От него ожидается глубокое понимание разных технологий в сфере своей специальности. Предполагается, что сеньор имеет большой и разнообразный опыт работы с разными инструментами и технологиями.Настолько большой, что он может принимать архитектурные решения на проектах, организовывать их структуру и

На чем-то же пишут самые крутые сайты 🦾#обзор #фреймворки #продвинутоеReactJS - фреймворк для создания веб-сайтов в формате single page application (или SPA - приложение на одной странице). Он берёт на себя динамический вывод информации из переменных в JS на веб-страницу, а точнее - в HTML. Он может "из коробки" динамически изменять не только строки и числа на странице, но и стили всех объектов, и даже всю страницу целиком (например переключение между разделами).Обычно чтобы изменить выведенные на страницу данные - нужно явным образом вызвать это изменение в JS, указав что и куда будет передано. А ещё необходимо синхронизировать состояние страницы с тем что лежит на сервере.Если данных становится больше и они взаимно связаны - это становится трудно и превращается в кашу 😰. Столкнувшись с этой проблемой, Facebook разработали React и именно здесь он нам и помогает.React отслеживает изменение переменных, формируя "состояние". При изменении состояния он автоматически перерисовывает страницу в соответствии с ним. React также работает с пакетным менеджером, который позволяет загрузить множество библиотек, реализующих полезный функционал.При разработке используется язык JSX, похожий на HTML, но позволяющий делать вставки из JS кода - в нём то и делается вывод данных на страницу. Из JSX кода формируются "компоненты", которые могут вкладываться друг в друга, в итоге составляя целое приложение.Всё это позволяет просто складывать приходящие с сервера данные в состояние и сфокусироваться на том, как именно их обрабатывать, обновлять, создавать, спокойно забыв про изобретение велосипедов и постоянное обновление HTML документа вручную.Говорят, что знание фронтенд фреймворка увеличивает доход вдвое 🤫#it_доступно_всем

​​Не одним знанием языка программирования сыт будешь?#обзор #концепции #базовоеСтруктура данных - определенный способ организации любых данных, обычно множества объектов. Структура данных определит какие между ними будут связи, какие над ними можно провести операции, и насколько эти операции будут быстрыми.Зачем? А затем, что операции бывают нужны разные - то быстрое чтение, то быстрая запись, то просто занять минимум памяти. Для каждой из известных задач есть известная структура данных, и ты уже вероятно слышал о некоторых из них, не так ли?👀Массив - объекты тупо сложены подряд, у каждого свой индекс начиная от 0.Граф - хранит объекты и произвольные связи между ними. Классический пример графа - карта станций метро.Частные случаи графа - связный список (последовательное соединение), дерево (используется для индексирования и быстрого поиска в базах данных 📚).Словарь (map) - хранит пары ключ-значение. При добавлении объекта высчитывает для него свой ключ. В словаре по ключу можно найти объект почти моментально, даже если словарь содержит миллионы ключей (в массиве пришлось бы перебирать всё) 🤷‍♂️.Эти структуры чаще всего встречаются в разработке, хотя всего их гораздо больше. В процессе работы с данными могут понадобиться разные действия с ними - для этого данные сначала и приводятся к нужной структуре, это как разложить ноутбук для работы с ним и сложить потом для переноса. 💻Хотя если ты по-настоящему ленив - сможешь прожить и на массивах 😜 (но только до зарплаты в 70к💵)#it_доступно_всем

#обзор #технологии #базовоеА для начала лучше всего напрашивается...HTML (HyperText Markup Language - язык гипертекстовой разметки) - на нём нельзя программировать, зато можно размечать. В основном страницы в браузере, но в общем случае он может размечать любую инфу передаваемую по сети.Это самое простейшее с чего можно начать свое знакомство с IT если ты мечтаешь кодить за 300к$/сек, но до сих пор по каким-то причинам не потянул культяпки к клавишам.Узрев мощь и простоту HTML ты, скорее всего, поверишь в себя и свой потенциал. Меньше чем за час можно написать вообще-то кайфовую на вид страницу!Узрев же недостаток всяких прикольных штук в HTML ты точно полезешь учить смежные технологии. HTML плотно стыкуется с CSS и JS, эта тройка почти всегда идёт нераздельно.Разметка в HTML строится из <тегов>, которые могут быть <tag><вложенными></tag> друг в друга. Если посмотришь на любую веб-страницу, заметишь что она строится из прямоугольных блоков, вложенных друг в друга - это оно и есть. Прямо в HTML файл также можно делать вставки из CSS и JS, а ещё неплохо если разметка оптимизирована для поисковых запросов, иначе твой сайт никто не найдет в интернетах.#it_доступно_всем

#обзор. Что это? А это небольшие посты о том как устроена айтишка!Не всем хочется перелопачивать документации по каждой первой технологии, а оно и не надо - вы прочтёте о них прямо здесь и решитеА надо ли оно вам? Ну поехали, узнаем :)В начале было слово. Нет. В начале было деление на специальности. Какие специальности, разве не все там программисты?⚙️ Разработчики. Полагаем очевидно - пишут код. Настолько сильно делятся на разные подвиды, что об этом выкатим отдельный пост! Будешь: писать код, чинить в нем баги, читать документации.📱 Дизайнеры. Знают и рассказывают остальным как должен выглядеть продукт для юзера. Будешь: рисовать, подбирать цвета, делать макеты, обладать хорошим вкусом 🤌🔎 Тестировщики. Без них код не выдается конечному юзеру. Проверяют всё вдоль и поперек. Будешь: протыкивать весь функционал системы, находить ошибки в работе и оформлять их описание.📊 Аналитики. Формализуют задания, доводят до разработчиков, понимают как нужно развивать продукт. Будешь: общаться с юзером/заказчиком, анализировать рынок, писать документации.🪜 Менеджеры. Управляют разными ресурсами в компании/команде, без них координация была бы невозможной. Будешь: распределять задачи, общаться с подчиненными, доводить информацию.Даже не всем нужно кодить, чтобы стать айтишником, а кем хочешь быть ты?🤔#it_доступно_всем

Привет мир!Наконец - то дошли ручки сделать паблик со своими мыслями в айтишке и анонсами.Тут будут анонсы, посты, иногда мысли. И первый отчётик - недавно сделал свой Boosty, туда теперь можно подписаться и уже есть один платный материал - как увеличить свой доход до 400 т.р./мес менее чем за год.Ссылка: https://boosty.to/alex_andrero/posts/9287fbb4-a8de-490c-b240-786271678a9a?share=post_linkВ целом у меня всё, спамить не буду, можете приглашать тех, кому это может быть интересно)

Channel photo updated

Channel created