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

• Автор изучал фронтенд-разработку самостоятельно, используя разные источники.  

• Работал на фрилансе, затем в ВТБ, где дорос до синер-фронтенд-разработчика.  

• Сейчас работает в международной компании, пройдя около 30 собеседований.  

• Видео подробно объясняет roadmap с комментариями автора.  

• Подпункты со звездочкой необязательны, но полезны.  

• Блоки с пунктирной рамкой не блокируют дальнейшее изучение.  

• Изучение HTML: что такое HTML, зачем он нужен, структура документа.  

• Основные теги: мета, div, p, header.  

• Понимание атрибутов и их использования.  

• Изучение CSS: что такое CSS, структура CSS-документа.  

• Подключение стилей, селекторы, псевдоклассы и псевдоэлементы.  

• Встроенные стили браузера и их отключение.  

• Основы Flexbox и медиа-запросы.  

• Подключение внешних библиотек, таких как Bootstrap.  

• Изучение Git: что такое Git, зачем он нужен, популярные веб-сервисы.  

• Создание репозиториев, основные команды Git.  

• Работа с ветками и слияние изменений.  

• Основы работы браузера и сети.  

• Интернет-запросы, DNS, DOM, обжиг модулей.  

• Инструмент разработчика Chrome DevTools.  

• Изучение JavaScript: что такое JavaScript, зачем он нужен.  

• Типы данных, переменные, функции, стрелочные функции.  

• Методы массивов, строк и объектов, область видимости.  

• Подключение JavaScript для манипулирования HTML.  

• Изучение React: что такое React, зачем он нужен, преимущества.  

• Virtual DOM, создание React-приложений с помощью Create-React-App.  

• Основные React-хуки: useState, useEffect, useRef, useCallback.  

• Реакт-контекст и реакт-роутер.  

• Практика и переход к следующей теме: уровни в JavaScript.  

• Замыкания и промисы - ключевые темы для собеседований.  

• Исключения и обработка ошибок.  

• Контекст и стрелочные функции.  

• Атрибуты и event loop.  

• Функции-генераторы и продвинутые типы данных.  

• Составление резюме и рассылка откликов.  

• Продолжение обучения и развития.  

• Axios для запросов на бэкенд.  

• Redux и его экосистема.  

• Стилизация и библиотеки.  

• Линтеры и тестирование.  

• Next.js для серверного рендеринга.  

• Firebase и другие инструменты для диплоя проектов.  

• Lighthouse для оценки производительности.  

• Изучение TypeScript и его применение в проектах.  

• Различия между типами и интерфейсами.  

• Методы запросов и рендеринг.  

• Паттерны проектирования и принципы SOLID.  

• Опыт работы в продакшене.  

• Переход к бэкенд-разработке.  

• Освоение Node.js и Express.  

• Подготовка к собеседованиям и работе.  

• Важность знания основных инструментов и библиотек.  

• Призыв к подписке на телеграм-канал и инстаграм.