Программирование [HTML Academy] Фронтенд-разработчик (2023)

[СливМен]

Автор: HTML Academy
Название: Фронтенд-разработчик (2023)

Описание:

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени.

Раздел 1
~2 месяца
HTML и CSS. Профессиональная вёрстка сайтов
✓Модуль открыт
Вы научитесь создавать выразительную и доступную разметку, работать с графическим макетом, строить сетки страниц, оформлять декоративные элементы и текстовое содержание, оптимизировать код и готовить завершённый проект к публикации.
Подробнее
Введение
Разметка
Графика
Стилизация
Сетки на гридах
Сетки на флексах
Декоративные элементы
Оформление контента
Доступность и формы
Оживление интерфейса

Раздел 2
~2 месяца
HTML и CSS. Адаптивная вёрстка и автоматизация
✓Модуль открыт
Вы научитесь создавать разметку по методологии БЭМ, использовать препроцессоры, строить адаптивные сетки, работать с адаптивной и ретиновой графикой, использовать инструменты автоматизации и настраивать сборку проекта для публикации.
Подробнее
Введение
Методологии вёрстки
Препроцессоры и автоматизация
Адаптивные сетки
Адаптивные декоративные элементы
Адаптивная графика
Векторная графика и оптимизация
Погружение в автоматизацию
Производительность вёрстки

Раздел 3
~2 месяца
JavaScript. Профессиональная разработка веб-интерфейсов
✓Модуль открыт
Вы изучите основы JavaScript, научитесь алгоритмическому мышлению, разберётесь, как оживлять статичные страницы, валидировать данные в формах, взаимодействовать с серверами и получите практику решения типовых задач.
Подробнее
Знакомство с JavaScript
Основные возможности JavaScript
Объекты и массивы
Встроенные объекты и функции
Организация кода
DOM и события
Манипуляции с DOM
Работа с событиями
Внешние API и сторонние библиотеки
Сеть
Асинхронность. Работа с сетью
Обратная связь и оптимизация

Раздел 4
~1 месяц
Подготовка вёрстки для cистем управления контентом (CMS)
✓Модуль открыт
Вёрстка — это один из начальных этапов работы над продуктом. Чаще всего следующим этапом является интеграция вёрстки в систему управления контентом (CMS). Во время интеграции из вёрстки делают шаблоны, в которые CMS подставляет содержание. При этом содержание меняется самим клиентом, поэтому важно делать вёрстку таким образом, чтобы её было удобно интегрировать в CMS.
Подробнее
Обзор популярных систем управления контентом, демонстрация админки и процесса работы с админкой со стороны конечного пользователя
Подготовка вёрстки под разделение на шаблоны. Выделение повторяющихся частей, организация стилей и скриптов
Работа с генерируемым контентом. Разметка основной контактной области, работа с генерируемыми изображениями и стилями
Подготовка вёрстки под расширение и изменение объёма контента и информационных блоков

Раздел 5
~1 месяц
Вёрстка React-компонентов
✓Модуль открыт
Вёрстка с нуля в экосистеме React и создание интерактивных React компонентов.
Подробнее
Принципы работы одностраничных приложений (SPA) и их основные отличия от статичных сайтов. Краткий обзор инструментов для создания SPA
Экосистема React и структура проекта для вёрстки в этой экосистеме
Синтаксис JSX, работа с компонентами, использование моков для имитации работы с данными
Организация стилей в React, CSS-in-JS
Работа со state и props для демонстрации состояний страниц