Карта развития Frontend разработчика (Часть 1)

"Как съесть слона?" - "По кусочкам!"

Многие думают, что стать разработчиком сложно и это едва ли под силу каждому, однако я считаю, что как в любом деле, в первую очередь, нужен план, время и желание.

С чего же начать свой путь в качестве Frontend разработчика? Начните в основ. Основой считаются следующие технологии:

1. Язык разметки HTML/HTML5;

• структура HTML
• семантичная верстка
• доступность
• работа с формами

2. Таблицы стилей CSS/CSS3;

• Фоны;
• Подключение шрифтов;
• CSS3 (анимации);
• Блочная модель;
• Псевдо-классы и псевдо-элементы;
• Единицы измерения;
• Адаптивная верстка;
• Медиа-запросы и многое другое;

3. Контроль версии Git/Github;

Очень полезный инструмент разработки особенно для тех, кто любит проливать кофе на клавиатуру переделывать версии сайта неоднократно. С помощью этих двух инструментов вы сможете откатить версию сайта до необходимой, а также показать свой код будущему работодателю =)

4. CSS-препроцессоры (Less/SASS/SCSS/Stylus/PostCSS);

Очень много споров вокруг препроцессоров, так как выделить какой-то один невозможно и споры возникают из-за несовпадения вкусов. На мой взгляд, все 4 препроцессора интересны и имеют много общих черт, например: переменные, миксины и т.п.

5. Базовый JavaScript - манипуляции с DOM.

На данном этапе нужен базовый JS для подключения сторонних библиотек и плагинов)