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

[wlux.net]

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

Раздел 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 для демонстрации состояний страниц

Апдейт: Перезалив

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[артик]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[ByteSpectre]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[lerm5]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[saddas]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[mann]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[alex241089]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[ICOOPERI]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[steajler]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[wlux.net]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[airatkuvatov]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[Zer001]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.

 

[Ltpondohva]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

You must be logged in to see the message.