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

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

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

• JavaScript
• React JS
• Next JS
• Docker
• Node.js
• Express
• TypeScript
• Git
• Scrum

Программа:

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

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

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

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

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

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

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

• Архитектура в JS
  • Модули ES6
  • Паттерн MVC

• Сборка проекта
  • Node JS и NPM
  • WebPack
  • Parcel

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

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

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

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

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

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

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

TypeScript — строго типизированный JavaScript

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

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

• Основы Node.js
  • Что такое Node.js, Event Loop
  • Работа с файловой системой, модулями, переменными окружения
  • Асинхронность, промисы и async/await
• Express.js
  • Установка и настройка сервера
  • Роутинг и middleware
  • Обработка форм, CORS, JSON
  • REST API: создание и структура
  • Валидация, авторизация, подключение базы данных (например, MongoDB или SQLite)

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

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

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

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

12 октября 2026 г.
Цена 72000 руб.
Скрытая ссылка