Frontend-разработчик: Курсы

HTML-верстка

32 часа практики 16 часов теории

Изучим основы HTML и CSS. Освоим блочную модель и разные способы позиционирования блоков. Разберем принципы подготовки графики для веба и простые приемы работы с Adobe Photoshop для верстки макета. Научимся правильно оформлять код. Сверстаем несколько макетов частично и один от начала до конца.

Язык программирования JavaScript

34 часа практики 18 часов теории

Frontend-разработчика от верстальщика отличает всего одна, но очень сложная технология — JavaScript. Начнем с решения простых задач и постепенно перейдем к изучению архитектуры и возможностей языка. Это позволит в дальнейшем решать сложные задачи построения интерактивных веб-интерфейсов.

JavaScript в браузере и Web API

32 часа практики 16 часов теории

Теперь, когда вы уже хорошо знаете JavaScript, пришло время разобраться, как с его помощью делать интерактивные и функциональные HTML-страницы. Мы научимся обрабатывать события и посылать асинхронные запросы на сервер, изменять содержимое и внешний вид документа на лету. Освоим основы создания графики в браузере и управление медиаресурсами.

Библиотека React

24 часа практики 12 часов теории

Библиотека React существенно отличается от других библиотек и фреймворков. Во-первых, это маленькая библиотека, которая хорошо решает одну главную задачу — создание интерфейса. Во-вторых, она делает за нас всю сложную работу: мы взаимодействуем с React как с виртуальным браузером, а React уже взаимодействует с реальным. Это одна из причин, почему React стала самой популярной библиотекой среди frontend-разработчиков.

Создание одностраничного веб-приложения

24 часа практики 12 часов теории

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

Ключевые навыки:

• HTML-разметка
• Оформление при помощи CSS
• Верстка веб-страниц на основе макета
• Кроссбраузерная верстка
• Решение задач с использованием JavaScript
• Создание интерактивных веб-страниц
• Обработка событий
• AJAX
• Веб-сокеты
• Рисование в Canvas