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
