Что должен знать JUNIOR Фронтенд Разработчик? ROADMAP: как стать фронтенд разработчиком в 2023

YOUTUBE · 16.11.2025 03:11

Ключевые темы и таймкоды

Введение

0:00
  • Автор изучал фронтенд-разработку самостоятельно, используя разные источники.
  • Работал на фрилансе, затем в ВТБ, где дорос до синер-разработчика.
  • Сейчас работает в международной компании, пройдя около 30 собеседований.
  • Создал roadmap для обучения фронтенд-разработке с нуля до мидл-уровня.

Начало обучения

0:52
  • Видео посвящено подробному изучению roadmap с комментариями автора.
  • Подпункты со звездочкой необязательны, но полезны.
  • Блоки с пунктирной рамкой не блокируют дальнейшее изучение.
  • Начинаем с изучения HTML: что такое HTML, зачем он нужен, из чего состоит документ.

Основы HTML и CSS

1:52
  • Изучаем основные теги HTML: мета, диф, п, хедер.
  • Изучаем CSS: что такое CSS, из чего состоит файл, как подключить стили.
  • Селекторы, псевдоклассы, встроенные стили браузера, flexbox, медиа-запросы, внешние библиотеки.

Git и браузер

3:07
  • Git: что такое Git, зачем он нужен, популярные сервисы для сохранения версий.
  • Создание репозиториев, основные команды Git, работа с ветками и слиянием.
  • Основы браузера и сети: интернет, GET запросы, DNS, DOM, инструменты разработчика Chrome DevTools.

JavaScript

5:00
  • Что такое JavaScript, зачем он нужен.
  • Типы данных, переменные, функции, стрелочные функции, методы массивов, строк и объектов.
  • Подключение JavaScript для манипулирования HTML.

React

5:37
  • Что такое React, зачем он нужен, его преимущества.
  • Использование Virtual DOM, создание React-приложений с помощью Create-React-App.
  • Основные хуки React: useState, useEffect, useRef, useCallback, useMemo.
  • React Context, React Router.

Заключение

6:37
  • Практикуйтесь как можно больше на каждом этапе.
  • Переходите к следующей теме после освоения React.
  • Автор призывает ставить лайки и оставлять комментарии.

Основы JavaScript

7:15
  • Замыкания, промесы и асинхронность.
  • Исключения и отлов ошибок.
  • Контекст и стрелочные функции.
  • Атрибуты и event loop.

Продвинутые концепции и резюме

8:07
  • Функции-генераторы и продвинутые типы данных.
  • Составление резюме и рассылание откликов.
  • Продолжайте учиться и развиваться.

Инструменты и технологии

9:06
  • Axios для запросов к бэкэнду.
  • Redux и его экосистема.
  • Стилизация и библиотеки.
  • Линтеры и тестирование.

Next.js и диплоя проектов

11:05
  • Next.js для серверного рендеринга.
  • Использование сервисов для диплоя проектов.
  • Lighthouse для оценки производительности.

TypeScript и браузер

12:05
  • Изучение TypeScript и его применение.
  • Методы запросов и этапы рендеринга.
  • HTTP и сервис-воркеры.

Качество кода и бэкэнд

13:05
  • Паттерны проектирования и принципы SOLID.
  • Переход к бэкэнд разработке с Node.js и Express.
  • Освоение Node.js и его преимущества.

Заключение

15:05
  • Роудмеп для подготовки к собеседованиям и работе.
  • Не обязательно глубоко погружаться в каждый пункт.
  • Подписывайтесь на телеграм-канал и инстаграм для полезных материалов.