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

2022-06-14 08:00:05 ​​Однажды кто-то не согласился, что 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%"?
— Миксины. Приходилось вешать много одинаковых свойств на разные стилевые классы? Объедини их в миксин, дай ему название и используй его в одну строчку. Если эти свойства немного различаются от места к месту - в миксин можно передавать аргумент чтобы он был как функция. Пример:

bigRedText($size: 20px) {
font-size: $size;
color: red;
display: inline-block;
}
.myText{
@include bigRedText(30px)
}
Теперь myText будет размером 30px. Если не передавать аргумент, а сделать include bigRedText - будет 20px

Это основные функции Sass, позаимствованные с главной страницы русской документации sass-scss.ru, и её авторы хотят, чтобы ты её посмотрел . Всё вышеописанное имеет создано с одной целью - простота, понятность и поддерживаемость твоего кода. Эти признаки и отличают хороший код от плохого.

#it_доступно_всем Открыть/Комментировать

2022-05-11 19:16:09 ​​Деление айтишников по крутости. Каков же путь до всемогущего сеньора?

Пора наконец-таки разобраться в чём отличие между пресловутыми джуном , мидлом и сеньором .
А ещё расскажем, какие признаки говорят о том пора ли тебе гордо называться мидлом на собеседовании :)

Стажер. Далеко не так часто упоминается, но именно он предшествует джуниору. Работа стажера не всегда оплачивается, да и не всегда является работой в полной мере.
Если компания предполагает позицию стажера, значит на этом этапе она присматривается к стажерам как к кандидатам на полноценное трудоустройство. Значит и сам стажер имеет возможность без больших обязательств присмотреться к компании, попробовать себя в ней.

Junior. Считается начальным уровнем айтишника, хотя чем дальше развивается сфреа - тем больше к джуну предъявляется требований! Но главным отличием джуна устроенного на работу - малая самостоятельность, необходимость в менторе и проверке кода.
Обычно от джуна требуется знание только базовых не-специфичных вещей. Умение же быстро учиться потребуется точно, а также огромным плюсом будут прокачанные софт-скиллы. Это и определит, насколько быстро джун превратится в....

Middle. Считается самостоятельной боевой единицей - этим и отличается от джуна. Хотя мидл и не обязан знать всё подряд - он должен быть осведомлен о "best practices" и иметь опыт в большинстве профильных задач.
Главное для мидла - понимание процесса работы и используемых инструментов. Ему можно отдать почти любую задачу и быть уверенным в её эффективном выполнении - ответственность будет на нём, а не на менторе.
Сам же мидл уже может быть ментором. Именно зарплаты мидлов обычно мелькают в разного рода статистике по IT профессиям.

Senior. От него ожидается глубокое понимание разных технологий в сфере своей специальности. Предполагается, что сеньор имеет большой и разнообразный опыт работы с разными инструментами и технологиями.
Настолько большой, что он может принимать архитектурные решения на проектах, организовывать их структуру и оценивать риски и сроки на выполнение работ.
На этом этапе всё больше в задачи входит менторство и передача знаний коллегам, управление командой.

А дальше?...
Lead. Фокусируется на управлении командой, задачами и ресурсами. Меньше кодит.
Principal. Это сеньор знающий весь проект, консультирует коллег, планирует применение новых технологий, доработки и оптимизации всего процесса в проекте.
System/Solution architect. Огранизует общую концепцию построения системы. Выбирает техническое оснащение.

А дальше - всё что захочешь. Рост от джуна до синьора может занять не больше 5-ти лет. В рамках всей карьеры это лишь небольшой блок твоих навыков, составляющий не более 30%. Дальше есть возможность сменить специальность на смежную (developer->devOps->System architect), разрабатывать новые фреймворки и платформы, передавать знания - всё ограничивается только твоей фантазией!

#it_доступно_всем Открыть/Комментировать

2022-04-29 14:05:29 На чем-то же пишут самые крутые сайты
#обзор #фреймворки #продвинутое

ReactJS - фреймворк для создания веб-сайтов в формате single page application (или SPA - приложение на одной странице). Он берёт на себя динамический вывод информации из переменных в JS на веб-страницу, а точнее - в HTML.
Он может "из коробки" динамически изменять не только строки и числа на странице, но и стили всех объектов, и даже всю страницу целиком (например переключение между разделами).

Обычно чтобы изменить выведенные на страницу данные - нужно явным образом вызвать это изменение в JS, указав что и куда будет передано. А ещё необходимо синхронизировать состояние страницы с тем что лежит на сервере.
Если данных становится больше и они взаимно связаны - это становится трудно и превращается в кашу . Столкнувшись с этой проблемой, Facebook разработали React и именно здесь он нам и помогает.

React отслеживает изменение переменных, формируя "состояние". При изменении состояния он автоматически перерисовывает страницу в соответствии с ним. React также работает с пакетным менеджером, который позволяет загрузить множество библиотек, реализующих полезный функционал.
При разработке используется язык JSX, похожий на HTML, но позволяющий делать вставки из JS кода - в нём то и делается вывод данных на страницу. Из JSX кода формируются "компоненты", которые могут вкладываться друг в друга, в итоге составляя целое приложение.

Всё это позволяет просто складывать приходящие с сервера данные в состояние и сфокусироваться на том, как именно их обрабатывать, обновлять, создавать, спокойно забыв про изобретение велосипедов и постоянное обновление HTML документа вручную.

Говорят, что знание фронтенд фреймворка увеличивает доход вдвое

#it_доступно_всем Открыть/Комментировать

2022-04-23 14:42:00 ​​Не одним знанием языка программирования сыт будешь?
#обзор #концепции #базовое
Структура данных - определенный способ организации любых данных, обычно множества объектов. Структура данных определит какие между ними будут связи, какие над ними можно провести операции, и насколько эти операции будут быстрыми.

Зачем? А затем, что операции бывают нужны разные - то быстрое чтение, то быстрая запись, то просто занять минимум памяти. Для каждой из известных задач есть известная структура данных, и ты уже вероятно слышал о некоторых из них, не так ли?

Массив - объекты тупо сложены подряд, у каждого свой индекс начиная от 0.

Граф - хранит объекты и произвольные связи между ними. Классический пример графа - карта станций метро.
Частные случаи графа - связный список (последовательное соединение), дерево (используется для индексирования и быстрого поиска в базах данных ).

Словарь (map) - хранит пары ключ-значение. При добавлении объекта высчитывает для него свой ключ. В словаре по ключу можно найти объект почти моментально, даже если словарь содержит миллионы ключей (в массиве пришлось бы перебирать всё) .

Эти структуры чаще всего встречаются в разработке, хотя всего их гораздо больше. В процессе работы с данными могут понадобиться разные действия с ними - для этого данные сначала и приводятся к нужной структуре, это как разложить ноутбук для работы с ним и сложить потом для переноса.

Хотя если ты по-настоящему ленив - сможешь прожить и на массивах (но только до зарплаты в 70к )

#it_доступно_всем Открыть/Комментировать

2022-04-16 09:59:26 #обзор #технологии #базовое
А для начала лучше всего напрашивается...
HTML (HyperText Markup Language - язык гипертекстовой разметки) - на нём нельзя программировать, зато можно размечать. В основном страницы в браузере, но в общем случае он может размечать любую инфу передаваемую по сети.

Это самое простейшее с чего можно начать свое знакомство с IT если ты мечтаешь кодить за 300к$/сек, но до сих пор по каким-то причинам не потянул культяпки к клавишам.
Узрев мощь и простоту HTML ты, скорее всего, поверишь в себя и свой потенциал. Меньше чем за час можно написать вообще-то кайфовую на вид страницу!
Узрев же недостаток всяких прикольных штук в HTML ты точно полезешь учить смежные технологии. HTML плотно стыкуется с CSS и JS, эта тройка почти всегда идёт нераздельно.

Разметка в HTML строится из <тегов>, которые могут быть <вложенными> друг в друга. Если посмотришь на любую веб-страницу, заметишь что она строится из прямоугольных блоков, вложенных друг в друга - это оно и есть. Прямо в HTML файл также можно делать вставки из CSS и JS, а ещё неплохо если разметка оптимизирована для поисковых запросов, иначе твой сайт никто не найдет в интернетах.
#it_доступно_всем Открыть/Комментировать

2022-04-16 09:59:23 Открыть/Комментировать

2022-04-14 17:50:22 #обзор. Что это? А это небольшие посты о том как устроена айтишка!
Не всем хочется перелопачивать документации по каждой первой технологии, а оно и не надо - вы прочтёте о них прямо здесь и решите
А надо ли оно вам?

Ну поехали, узнаем :)
В начале было слово. Нет. В начале было деление на специальности. Какие специальности, разве не все там программисты?


Разработчики. Полагаем очевидно - пишут код. Настолько сильно делятся на разные подвиды, что об этом выкатим отдельный пост! Будешь: писать код, чинить в нем баги, читать документации.

Дизайнеры. Знают и рассказывают остальным как должен выглядеть продукт для юзера. Будешь: рисовать, подбирать цвета, делать макеты, обладать хорошим вкусом

Тестировщики. Без них код не выдается конечному юзеру. Проверяют всё вдоль и поперек. Будешь: протыкивать весь функционал системы, находить ошибки в работе и оформлять их описание.

Аналитики. Формализуют задания, доводят до разработчиков, понимают как нужно развивать продукт. Будешь: общаться с юзером/заказчиком, анализировать рынок, писать документации.

Менеджеры. Управляют разными ресурсами в компании/команде, без них координация была бы невозможной. Будешь: распределять задачи, общаться с подчиненными, доводить информацию.

Даже не всем нужно кодить, чтобы стать айтишником, а кем хочешь быть ты?
#it_доступно_всем Открыть/Комментировать

2022-04-12 19:33:27 Привет мир!

Наконец - то дошли ручки сделать паблик со своими мыслями в айтишке и анонсами.

Тут будут анонсы, посты, иногда мысли.

И первый отчётик - недавно сделал свой Boosty, туда теперь можно подписаться и уже есть один платный материал - как увеличить свой доход до 400 т.р./мес менее чем за год.

Ссылка: https://boosty.to/alex_andrero/posts/9287fbb4-a8de-490c-b240-786271678a9a?share=post_link

В целом у меня всё, спамить не буду, можете приглашать тех, кому это может быть интересно) Открыть/Комментировать

2022-04-12 19:28:59 Channel photo updated Открыть/Комментировать