Что должен знать 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

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