Скачать [ВебКадеми] Фронтенд разработчик [Юрий Ключевский]

[Kail]

Ссылка на картинку

Фронтенд разработчик
Получите все необходимые навыки для профессии frontend разработчика за 6 месяцев под руководством опытного наставника.

Старт 12 октября 2026 г.

На курсе есть все востребованные технологии. Научитесь создавать актуальные проекты на уровне middle разработчика.

JavaScript
React JS
Next JS
Docker
Node.js
Express
TypeScript
Git
Scrum
1 месяц

Основы JavaScript и работа с DOM

0. Подготовительный модуль

Настройка рабочего окружения
- VS Code
- Настройка редактора
- Плагины
- Горячие клавиши

1. Основы JavaScript

- Переменные и типы данных
- Условия
- Функции
- Массивы
- Объекты
- Классы

2. Работа с DOM

- Область видимости. Всплытие
- Поиск DOM элементов
- Работа с CSS классами
- Свойства и атрибуты
- Подписка событий
- Объект event

3. Данные в JavaScript

- Методы массивов
- Вывод данных на страницу
- Добавить переключение по фильтрам / табам
- Сортировка и фильтрация данных на странице
- JSON формат
- localStorage


2 месяц

Работа с API и архитектура приложений

4. Fetch данных с API

- Получение и отправка данных на сервер
- Асинхронный JS
- Промисы
- Асинхронные функции

5. Архитектура в JS

- Модули ES6
- Паттерн MVC

6. Сборка проекта

- Node JS и NPM
- WebPack
- Parcel

7. ООП в JavaScript

- Классы, конструктор, методы, объекты
- Проект с ООП подходом и MVC паттерном
- Самостоятельный проект

3 месяц

React — фундамент современного фронтенда

8. Основы React

- JSX и Virtual DOM
- Компоненты: функциональные и классовые
- Props и state
- Обработка событий
- Условный рендеринг, списки, ключи


9. React hooks и продвинутая работа

- useState, useEffect, useRef, useMemo, useCallback
- Контекст (Context API)
- Пользовательские хуки
- Управление формами (React Hook Form)

10. Маршрутизация и состояние

- React Router
- Ленивая загрузка компонентов (React.lazy)
- Управление глобальным состоянием: Context vs Redux Toolkit
- Асинхронность и side effects: Thunk, RTK Query

4 месяц

Next.js — фреймворк для React

11. Next.js

- SSR, SSG, ISR — подходы к рендерингу
- Создание страниц и маршрутов
- Data Fetching: getStaticProps, getServerSideProps
- Работа с Head, meta-тегами, SEO
- Динамические маршруты
- Подключение API Routes
- Работа с Image, оптимизация производительности
TypeScript — строго типизированный JavaScript

12. TypeScript

- Зачем нужен TypeScript и его преимущества
- Основные типы: строки, числа, массивы, объекты, union, enum
- Интерфейсы и типы
- Типизация компонентов в React
- Generics и утилитарные типы
- Работа с API и типизация ответов

5 месяц

Node.js + Express.js — серверная часть приложений

13. Основы Node.js
- Что такое Node.js, Event Loop
- Работа с файловой системой, модулями, переменными окружения
- Асинхронность, промисы и async/await

14. Express.js
- Установка и настройка сервера
- Роутинг и middleware
- Обработка форм, CORS, JSON
- REST API: создание и структура
- Валидация, авторизация, подключение базы данных (например, MongoDB или SQLite)

6 месяц

Git и командная работа

15. Git и командная работа
- Основы Git: init, add, commit, push, pull
- Работа с ветками, merge и rebase
- GitHub и pull request workflow
- Работа в команде: Code Review, конфликты и .gitignore
- CI/CD: настройка GitHub Actions (вводный уровень)

Финальный проект

16. Разработка финального проекта
- Выбор проекта (на выбор: блог, TODO, маркетплейс, лендинг с SSR)
- Планирование структуры проекта
- Реализация backend на Express.js
- Frontend на React + TypeScript или Next.js
- Подключение API, хранение данных, работа с формами
- Деплой (Vercel, Render, Netlify)

Показать больше