Если вбить слово «фронтенд» в поисковую строку, можно найти огромное количество курсов по данному направлению. Проблема в том, что все курсы являются платными и, как правило, имеют ценник в несколько десятков тысяч рублей.
Чтобы разбавить засилие платных курсов, мы с фронтенд-разработчиком Юрием Петровым подготовили для вас программу обучения «Frontend-разработчик с нуля», которая состоит только из бесплатных материалов.

Справка
Frontend-разработчик — это специалист, который занимается разработкой клиентской части сайтов и веб-приложений. Он отвечает за создание интерфейса, внешний вид, интерактивные элементы и функциональность.
В данной программе рассматриваем связку с React / Redux.
Этап 1. Знакомство
Мы ничего не знаем о фронтенд-разработке, поэтому смотрим вводные ролики на YouTube: Все о Frontend-разработке за 15 минут, Что делает фронтенд разработчик на работе и Про Frontend, React и ChatGPT. После этого, в целях закрепления, читаем статью Увлекательный мир фронтенда.
Этап 2. Изучение базы
Прежде чем начнём изучать язык программирования и другие сопутствующие технологии, нам необходимо изучить базу. Понимаем, что вам хочется сразу в бой, но данный этап является фундаментальным. Набираемся терпения и проходим следующие курсы: Основы Computer Science и CS50 на русском.
Этап 3. Изучение основного стека
Мы уже имеем представление о том, как работают компьютеры. Это здорово, но чтобы разрабатывать сайты и веб-приложения, нам нужно изучить основной стек:
язык гипертекстовой разметки: HTML курс 2024
язык для описания вида документов: CSS курс 2024
язык программирования: JavaScript с Нуля
разработка пользовательских интерфейсов: React JS с Нуля
управление состоянием приложения: Полный курс Redux
К сожалению, бесплатные курсы редко обновляются, поэтому иногда возникают ошибки из-за несоответствия версий. В случае таких проблем, обращайтесь за помощью в тематический чат, который указан в конце статьи.
Этап 4. Изучение сопутствующих технологий
Нас не пугает язык программирования и библиотеки, так как мы усердно занимались несколько месяцев. Если азарт ещё велик, приступаем к изучению сопутствующих технологий:
система контроля версий: Git: курс
редактор интерфейсов: Figma. Уроки для frontend разработчиков
язык программирования: TypeScript на практике
набор инструментов для разработки: Bootstrap 5. Быстрый старт
язык запросов и серверная среда для API: GraphQL Crash Course
Помимо приведённых ссылок попробуйте самостоятельно найти информацию по данным технологиям и изучить их более тщательно.
Чтение и общение
Чтобы постоянно расширять кругозор, читаем профессиональные каналы Анна Блок | FrontendBlok и Frontend разработчик. Если что-то непонятно, задаём вопросы в Чат — Верстка Сайтов и Фронтенд.
В заключение, хотим отметить, что программы хватит на 6-9 месяцев обучения. Если вы прошли весь список, можете искать стажировку и готовиться к собеседованиям по этой подборке.
Желаем успехов!
Другие программы обучения
— Java-разработчик
— PHP-разработчик
— Python-разработчик
— C# разработчик
— Go-разработчик
— Rust-разработчик
— Ruby-разработчик
— Flutter-разработчик
— Android-разработчик
— iOS-разработчик
— Тестировщик
— Системный аналитик
— Бизнес-аналитик
— Project Manager
— IT-рекрутер
— Data Engineer
— Аналитик данных
— UI/UX дизайнер
— Unity-разработчик
— DevOps-инженер
— Data Scientist
— C++ разработчик
— 1С разработчик
— Технический писатель
— AI-тренер
P.S. Если вам понравилась программа, приглашаем в канал Мама, я вайтишник. Там вы найдете мотивацию для новичков, а также дельные советы о том, как найти работу в IT.