Web Academy

Front-end з нуля

9 недель
Для начинающих
Frontend
Этот курс научит вас основам Front-end разработки через живые онлайн-занятия. Вы будете работать с HTML, CSS, JavaScript и React, сразу применяя знания на практике под руководством опытного инженера. После курса вы сможете создавать собственные веб-страницы и интерактивные элементы.

О курсе

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

Старт: HTML и CSS

На этом курсе начинают с основ веб-разработки. Сначала рассматривают инструменты и структуру HTML-документа. Изучают теги, их атрибуты и семантические элементы HTML5. Затем переходят к CSS - селекторы, единицы размеров, настройка фона. Все знания сразу применяют на практике.

Формы и верстка

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

Сложное позиционирование и Grid

Этот блок посвящен advanced верстке. Сначала разбирают все виды позиционирования элементов, учат верстать модальные окна. Затем переходят к Grid Layout - создание сеток товаров, работа со свойством gap для отступов между элементами.

Адаптивность и SCSS

Студенты учат делать верстку адаптивной. Изучают Media queries и создание адаптивных меню. Далее переходят к препроцессорам - основы SCSS, переменные, синтаксис. Закрепляют знания версткой реального шаблона.

Основы JavaScript

Начинают с синтаксиса языка, типов данных и операторов. Затем переходят к функциям, массивам и основам DOM. Учат добавлять открытие/закрытие меню. Практикуются на реальных примерах.

Продвинутый JavaScript

Здесь рассматривают методы массивов - push, pop, shift, unshift, slice, splice. Изучают селекторы querySelector и querySelectorAll. Делают с событиями мыши, клавиатуры, элементов управления. Учат динамически создавать HTML-элементы с помощью JavaScript.

Сложные концепции JavaScript

Этот блок охватывает асинхронное поведение, контекст вызова, остаточные параметры. Рассматривают this, call, apply, bind, рекурсию. Затем переходят к AJAX, взаимодействию с сервером, Promise. Практикуются на создании асинхронного компонента - генератора случайных рецептов.

Введение в React

Завершают курс обзором библиотеки React JS. Изучают способы подключения, идею компонентов, createReactApp. Создают приложение со списком фильмов, используя API themoviedb.org. Учатся настраивать среду разработки.

Как проходит обучение

Курс включает Zoom-лекции и практические занятия. Тренер и ментор доступны в чате группы для консультаций. Все домашние задания проверяются ментором с детальными комментариями. При успешной защите финального проекта и выполнении домашних работ выдается сертификат. Также есть поддержка клиентского сервиса, доступ к записям блока "IT Career" и участие в Web Academy Club.

Что включено

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