Если вбить слово «фронтенд» в поисковую строку, можно найти огромное количество курсов по данному направлению. Проблема в том, что все курсы являются платными и, как правило, имеют ценник в несколько десятков тысяч рублей.
Чтобы разбавить засилие платных курсов, мы с фронтенд-разработчиком Юрием Петровым подготовили для вас программу обучения «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 месяцев обучения. Если вы прошли весь список, можете искать стажировку и готовиться к собеседованиям по этой подборке.
Желаем успехов!
P.S. Если вам понравилась программа, приглашаем в телеграм-канал Мама, я вайтишник. Там можно найти советы по трудоустройству, бесплатные программы обучения и мотивацию от других людей.
