Фронтенд-разработчик

Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля, который включает 8 занятий, вы самостоятельно сверстаете лендинг с нуля. 11 часов теории, 48 часов практики.

• Введение в вёрстку
• Контентные теги
• Теги для вёрстки структуры контента
• Позиционирование блочных элементов
• Вёрстка форм
• Нестандартные элементы форм
• Всплывающие элементы
• Позиционирование flex-элементов
• Проект: вёрстка макета сайта Пример готовой работы

Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств. 14 часов теории, 51 час практики.

• Вёрстка резинового макета
• Резиновые изображения
• Введение в медиазапросы
• Медиафункции
• Особенности вёрстки на мобильных устройствах
• Вёрстка адаптивного макета
• Адаптивная типографика
• Breakpoints
• Адаптивные изображения
• CSS Grid
• Кроссбраузерность и доступность
• Проект: адаптивная мобильная версия макета сайта Пример готовой работы

Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать свой с учётом личных интересов и профессиональных планов. 11 часов теории, 48 часов практики.

• Базовые понятия. Переменные и числа
• Логический тип и ветвление
• Строки. Алгоритмы. Как отлаживать код
• Массивы и базовые методы работы с ними
• Циклы
• Ассоциативные массивы
• Функция без параметров. Область видимости
• Параметры и возвращаемое значение
• Воркшоп: разработка логики игры «Виселица»
• Проект: игра «Крестики-нолики» на JavaScript Пример готовой работы

Научитесь работать с системой Git и сервисом GitHub, сможете публиковать свои работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub. 4 часа теории, 3 часа практики.

• Знакомство с системой контроля версий Git
• Работа с локальным репозиторием в Git
• Работа с удалённым репозиторием через GitHub
• Командная работа в Git и GitHub. Часть 1
• Командная работа в Git и GitHub. Часть 2

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

• Основные понятия
• Функции
• Объекты
• Классы
• Обработка исключений и замыкания
• Асинхронность
• Функции декораторы, call, apply
• Проект: сайт-биржа по продаже криптовалюты

Узнаете о дополнительных возможностях браузера — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя. 11 часов теории, 32 часа практики.

• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер
• Проект: веб-менеджер личных финансов Пример готовой работы

Научитесь использовать ESLint для автоматической проверки кода на наличие проблем. Добавите в ваши проекты Webpack для сборки модулей веб‑приложения в единый JS-файл. Познакомитесь с React — библиотекой для создания пользовательского интерфейса приложения на JavaScript. 13 часов теории, 40 часов практики.

• Блок 1. Организация работы в JavaScript
• Блок 2. Разработка веб-страниц в React
• Проект: онлайн-игра «ходилка» в стиле фэнтези Пример готовой работы

Cоздадите сайт для кинотеатра. Разработаете информационную систему с возможностью администрирования залов, сеансов и предварительного бронирования билетов.

16 часов теории, 72 часа практики.

• Тестирование и Contionuous Integration
• Object, Reflection и Proxy
• Promises, async/await, timers & event loop
• Прототипы, конструкторы, классы и наследование
• Контейнеры и ArrayBuffer
• Символы, итераторы, генераторы

16 часов теории, 72 часа практики.

• Рабочее окружение, DOM, обработка событий
• Работа с формами с сетью (HTML-формы, Drag and drop. Files, HTTP)
• Geolocation, Notification, Media
• RxJS
• REST, Server-sent events, WebSockets
• Анимация и CSS
• Тестирование прототипа
• WebWorkers, ServiceWorkers

13 часов теории, 72 часа практики.

• Композиция и жизненный цикл компонентов. HTTP
• hooks, Context API
• Компоненты высшего порядка
• Redux, Redux Toolkit, Redux Saga

Диплом о профессиональной переподготовке