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

Начало работы с фронтенд-разработкой

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

Структура веб-страницы и базовая верстка

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

Основы CSS и стилизация

Модуль посвящен работе с CSS. Начинается с основ синтаксиса, веб-шрифтов и стилизации текстовых элементов. Студенты изучают селекторы, комбинаторы, каскадность и наследование. Особое внимание уделяется псевдоклассам и псевдоэлементам. Практическое задание - добавление CSS к резюме и подключение шрифтов.

Современные методы верстки

Этот блок охватывает современные подходы к верстке. Изучается блочная модель документа, размещение элементов на странице и Flexbox. Студенты верстают карточку товара, работают с фоновыми изображениями и изучают препроцессоры. Дополнительно рассматриваются CSS-анимации и Grid Layout для создания сложных макетов.

Адаптивный дизайн и практика

Модуль фокусируется на адаптации сайтов к различным устройствам. Студенты изучают media queries, верстают адаптивное меню и галерею товаров. Рассматривается работа с дизайн-инструментами Figma, Zeplin, Avocado для получения необходимых стилей. Практическое занятие включает верстку целой страницы и оптимизацию готовой верстки.

Работа с Git и системы контроля версий

Этот раздел посвящен работе с системой контроля версий Git. Студенты изучают основы работы с репозиториями, затем переходят к углубленному анализу и подключению локального Git к GitHub. Это важная часть рабочего процесса современного разработчика.

Основы JavaScript

Завершающая часть курса вводит в язык программирования JavaScript. Студенты изучают переменные, типы данных, операторы, работу с числами и строками. Рассматриваются условные инструкции, циклы, функции и различные способы их объявления. Особое внимание уделяется работе с массивами и объектами - основным структурам данных в JavaScript.

Особенности обучения

Курс включает 50 видеоуроков продолжительностью 10-20 минут. Доступ ко всем материалам предоставляется на 6 месяцев. Дополнительно есть ссылки на статьи и кейсы для самостоятельной проработки. При условии усвоения 80% материала выдается сертификат об окончании курса.

Что включено

Выдается диплом/сертификат

Занятия целый день

Frontend Base

О курсе

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

Начало работы с фронтенд-разработкой

Структура веб-страницы и базовая верстка

Основы CSS и стилизация

Современные методы верстки

Адаптивный дизайн и практика

Работа с Git и системы контроля версий

Основы JavaScript

Особенности обучения

Что включено

О школе

Powercode Academy

Другие курсы школы

Sales in IT

Основи тестування. Ефективний QA

QA Automation