CHI IT Academy

Frontend for Backend Developer

16 500 UAH за курс
28 занятий
Для опытных
Frontend
Этот курс поможет тебе освоить фронтенд, если у тебя уже есть базовые знания бэкенда. Здесь разберешь HTML, CSS, JavaScript, React, Redux и другие технологии для создания полноценных веб-приложений. После курса ты сможешь разрабатывать интерфейсы, работать с API и добавлять проекты в портфолио.

О курсе

Программа курса

Старт обучения

На первом занятии происходит знакомство с группой и преподавателем. Участники узнают о структуре курса, организационных моментах и выбирают IDE для работы.

Основы HTML

Курс начинается с изучения HTML - языка разметки веб-страниц. Студенты осваивают структуру документа, основные теги, создание ссылок и навигации. Далее идет работа с таблицами, формами, изображениями и другими элементами.

Работа с CSS

На этом этапе изучается CSS для стилизации веб-страниц. Рассматриваются способы подключения стилей, селекторы и основные свойства для оформления контента.

Введение в JavaScript

Студенты знакомятся с основами JavaScript - языка программирования для создания интерактивных веб-страниц. Изучаются переменные, типы данных, способы интеграции JS в HTML.

Операторы и конструкции в JavaScript

Этот блок посвящен операторам, условным конструкциям if...else, switch-case и тернарному оператору. Также рассматриваются циклы while, do...while и for для автоматизации повторяемых действий.

Сложные структуры данных в JavaScript

Студенты осваивают работу с массивами и их методами, функции и область видимости, а также объекты с их свойствами и методами.

Работа с сервером

Этот модуль охватывает основы Ajax и HTTP-запросов. Изучается HTTP-протокол, статусы ответов, работа с JSON и процесс ожидания загрузки данных.

RESTFul API

Студенты знакомятся с принципами RESTFul API, ролью HTTP в REST, форматами данных для обмена, а также основами работы с API-ключами и аутентификацией.

Основы React

Первые шаги в изучении React - современной библиотеки для создания интерфейсов. Студенты осваивают JSX, компоненты, props, методы состояния и жизненного цикла компонентов.

Работа с интерфейсами в React

Этот блок включает обработку событий, условное отображение компонентов, работу со списками и ключами, а также создание форм и контролируемых компонентов.

HTTP-запросы и маршрутизация в React

Изучают обработку HTTP-запросов в React-приложениях и осваивают маршрутизацию с помощью React Router для создания многостраничных приложений.

Аутентификация и авторизация

Глубокое погружение в системы безопасности веб-приложений. Рассматриваются JSON Web Tokens (JWT), OAuth 2.0, OpenID Connect и практическая реализация аутентификации.

Material UI для современных интерфейсов

Знакомство с библиотекой Material UI - её преимущества, установка и основные компоненты. Студенты изучают кнопки, текстовые поля, чекбоксы и систему стилей.

Адаптивный дизайн с Material UI

Работа с Grid system для создания адаптивных макетов. Использование контейнеров, точек остановки и компонентов Grid для разных экранов.

Расширенные возможности Material UI

Изучение дополнительных компонентов - таблиц, списков, диалоговых окон. Настройка компонентов через props и создание собственных элементов с использованием системы стилей.

Лучшие практики Material UI

Студенты осваивают написание многократно используемого кода, работу с документацией и интеграцию Material UI с библиотеками CSS-in-JS, такими как Styled Components.

GraphQL и Redux

Введение в GraphQL - альтернативу REST API. Основы Redux для управления состоянием приложений, принципы работы с хранилищем, действиями и редьюсерами.

Работа с Actions и Reducers

Детальное изучение создания синхронных и асинхронных actions, обработки actions в Redux, написания чистых функций-редьюсеров и их комбинирования.

Middleware и асинхронный Redux

Работа с Middleware для логирования и асинхронных запросов. Изучение Redux-Thunk и Redux-Saga для сложных асинхронных операций.

Тестирование React и Redux приложений

Комплексный подход к тестированию - компонентов React, Redux-логики, асинхронного кода. Интеграционное и функциональное тестирование для улучшения качества кода.

Дополнительные модули

Занятия по техническому английскому для разработчиков. Карьерная консультация с рекрутером - помощь в составлении резюме и поиске работы. Финальная Q&A сессия для ответов на вопросы.

Результаты обучения

После завершения курса студенты получают глубокое понимание фронтенд-разработки, практический опыт создания полноценного приложения, знания о взаимодействии фронтенда с бэкендом и готовый проект для портфолио.

Преимущества курса

Обучение проходит в небольших группах с поддержкой ментора. Лекции доступны в удобное время, акцент на практических заданиях. После успешного завершения выдается сертификат. Лучшие студенты получают возможность контракта с IT-компанией. Курс включает 27 онлайн-занятий и доступ к дополнительным материалам - презентациям, записям лекций, чек-листам.

Что включено

Вечерние занятия
Выдается диплом/сертификат
Реальный проект в портфолио
Сопровождение ментора