Верстка — это необходимый, но не достаточный навык для современной фронтэнд разработки. Нужно стремиться получить необходимые знания в клиентском программировании и смежных областях.

Предложенный набор материалов рассчитан на 5 месяцев. Если у вас уже есть опыт (верстка, программирование, веб-разработка), то времени уйдет значительно меньше.

Области знаний

• Командная строка
• Система контроля версий: Git и GitHub
• NPM
• jQuery
• JavaScript
• Инструменты разработчика
• Сборка: Gulp, Webpack
• ...

Код

• Примеры плохого и хорошего кода

Прочее

• Английский язык
• Слепая печать
• Программирование

Рекомендации по прохождению курсов

• Для ускоренного воспроизведения видео можно использовать плагин для Хрома.
• Зачастую в курсах задачи предлагается решать в онлайн-редакторе. Однако, лучше делать это сначала в своем любимом редакторе или IDE. Во-первых, так удобнее, во вторых, IDE покажет синтаксические ошибки. А если будет глюк, то вы не потеряете код.
• Останавливать видео и пробовать выполнить то же, что делает автор. После видео, как правило, есть практические задачи, но их довольно мало и они порой надуманные. Профит от обучения будет гораздо лучше, если все пощупать самостоятельно.
• Не понятно, что говорят на видео? Отдохни и пересмотри заново.
• Делать конспекты, чтобы можно было быстро найти то, что было в видео. Можно создать себе репозиторий на Гитхабе и делать заметки прямо там на маркдауне.
• Сразу же в процессе работы с курсом применять на практике полученные знания. Посмотрели про псевдонимы в баше, решили, что alias ll='ls -alF' может быть полезен — отрыли свой ~/.bash_profile и записали.
• Записывать вопросы и задавать их коллегам (или наставнику, если таковой имеется). Если в знаниях есть пробелы, то эти знания не качественные. Нужно понимать все на столько глубоко, на сколько это возможно.
• Разбивать прохождения курса на несколько дней. Мозгу нужно время, чтобы осознать новую информацию и если все проглотить целиком, то все очень быстро забудется. Но и затягивать не нужно.
• Периодически нужно вспоминать то, что вы узнали. Особенно хорошо это делать перед сном. Просто прокрутить в голове то, что вы узнали сегодня. Это дает ощутимый эффект, информация лучше запомнится.
• Если что-то не ясно даже после гуглежа, пересмотра, то лучше остановиться, отдохнуть, попробовать еще раз. Не помогает — спрашивать коллег и наставника. Спешить не нужно, нужно стараться понять.

Что учить во время стажировки

• Командная строка: базовые знания.
• Git: базовые знания, знакомство с продвинутыми техниками (понимать, что можно делать с помощью Гита, знать где про это почитать/посмотреть уроки).
• Верстка: HTML/CSS выше среднего.
• Chrome Dev Tools, проверка кроссбраузерности.
• Фотошоп: нарезка макета, работа с графикой.
• БЭМ: грамотно пользоваться методологией (TODO: нужна своя форма контроля, есть в курсе от htmlacademy).
• Верстка писем: особенности, инструменты, проверка в разных клиентах.
• Графика: работа с Фотошопом, резка макета и графические форматы.
• Шрифты: грамотное подключение, работа с иконочнымм шрифтами.
• SVG: работа со спрайтами, оптимизация.
• jQuery: ядро, внутреннее устройство, оптимизация, организация кода, события, ajax, плагины, знакомство с widget factory.
• JS: глубокое понимание основ (примитивы, структуры данных, объекты, функции, конструкторы).
• Сборка ресурсов: препроцессоры, Webpack, Gulp, лоадеры и плагины.
• Основы PHP: уметь пользоваться языком как шаблонизатором и работать с встроенный локальным сервером.
• Работа с проектом локально: раскатать, работа с базой, сервером, версиями PHP и MySQL.
• Мадженто: работа в админке (User Guide), работа с темами (Design Guide).
• Знакомство с Continuous Integration (Jenkins): как это все работает, зачем нужно и как этим пользоваться.

Что учить джуниору

• Готовиться к получению сертификата Magento Frontend Developer.
• Продвинутая работа с Node, Gulp, Webpack для решения повседневных задач.