​Как изучить frontend?

Рубрика “Ваши вопросы - Мои ответы” продолжается. На этот раз поговорим о Frontend.

За какое время можно самостоятельно обучиться frontend?

Здесь надо понимать, на каком уровне вы сейчас. Знаете ли вы алгоритмы и каковы ваши успехи со школьной информатикой. Если все ок, то до поиска первой работы Junior обычно уходит 6-9 месяцев. Если заниматься каждый день 2-3 часа.

Но, во-первых, надо реально стараться, а, во-вторых, грамотно выбрать траекторию. Одно дело - изучать все подряд, другое - бить точечно и учить конкретно то, что спрашивают на собеседовании. Также потребуется продемонстрировать свои проекты (например, на Github), чтобы работодатель оценил ваши скилы визуально.

С чего начинать?

Если вы никогда не были связаны с программированием, то рекомендую начинать с алгоритмов и книг вида “JavaScipt для начинающих”, “Java для чайников” и др. (замените на свой язык программирования). Кому-то хорошо заходят ролики с Ютуба.

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

После - понимаем CSS, селекторы, стили (ссылки берем с предыдущего абзаца). Стилизуем вашу страничку по-простому. Учим продвинутый вариант CSS (псевдоэлементы, анимации, мобильная верстка), пробуем создать полноценный лендинг (например, дублируем примеры работ с HTML5). Кстати, забавные уроки стилизации онлайн здесь.

Переходим к JavaScript. Хороший ресурс LearnJavascript, но многим он покажется скучным. Есть альтернативы: Gitbook и ресурс от Mozilla. Учим все, что касается “JavaScript для начинающих”. Пробуем добавлять на страницу слайдер, меню-гамбур, табы и др. (берем пример реализации с Codyhouse и стараемся понять его). Весело попрактиковаться с JS можно здесь.

Затем переходим к сборке итогового проекта. Познаем Gulp, Webpack, Saas, шаблонизатора (например, Handlebars). Параллельно учим Git и стараемся работать в команде (можно через Github Desktop).

На этом этапе можно взять лендинг средней сложности на верстку где-то за 7000 - 10 000 руб. Сейчас вам надо наработать портфолио.

Наконец, начинаем изучать React, чтобы поставить заветную галочку в резюме. Познаем через самоучитель для начинающих, учимся разработать свой первый сайт на React и Webpack (верстка на React, библиотечные элементы Material UI, state). Параллельно повышаем уровень JavaScript с помощью материалов “JavaScript для продвинутых”.

Уровнем “мастер” будет, если вы начнете изучать Redux (залогинитесь, чтобы видеть книгу) и примените его в собственном проекте.

Все выучили?) Вот теперь можно отправляться на собеседование.

Кстати, мне было бы интересно подобный курс с итоговым проектом для вас провести. Кто заинтересован, пишите в личку.

P. S. Про Python вижу вопрос, отвечу позднее) Свой вопрос мне можно задать здесь, как видите, я на них отвечаю)