Курс на Stepik
Обложка курса «Продвинутый фронтенд: компоненты лендинга» на Stepik
Бесплатно

Продвинутый фронтенд: компоненты лендинга 5.000

Открыть на
STEPIK.ORG

В этом курсе мы реализуем нетривиальные компоненты лендинга которые часто возникают на практике. Расширим наше портфолио типовых решений и детально разберёмся в необходимой теории. Для каждой задачи будем искать оптимальное решение и сравнивать альтернативы. Используем чистый HTML, CSS, JS. Навыки и знания из этого курса останутся актуальными в течение всей карьеры, в отличие от преходящих фреймворков и инструментов.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Продвинутый фронтенд: компоненты лендинга»Учеников на курсе 604
Сертификаты, выданные на курсе «Продвинутый фронтенд: компоненты лендинга»Сертификатов выдано 0
Отзывы о курсе «Продвинутый фронтенд: компоненты лендинга»Отзывов получено 3
Рейтинг курса «Продвинутый фронтенд: компоненты лендинга»Рейтинг курса 5.000
Уроки в курсе «Продвинутый фронтенд: компоненты лендинга»Количество уроков 20
Тесты в курсе «Продвинутый фронтенд: компоненты лендинга»Количество квизов 27
Время прохождения курса «Продвинутый фронтенд: компоненты лендинга»Время прохождения курса
Обновления курса «Продвинутый фронтенд: компоненты лендинга»Обновления курса
Дата публикации курса «Продвинутый фронтенд: компоненты лендинга»Дата публикации курса
Последнее обновление курса «Продвинутый фронтенд: компоненты лендинга»Последнее обновление
Сложность normal

Чему вы научитесь

  • Общие подходы и переиспользуемые паттерны вместо «9999 правил CSS»
  • Упор на фундамент: Web APIs, JavaScript, CSS, HTML вместо очередного фреймворка
  • Обучение через понимание, а не подражание (monkey see, monkey do)
  • Лучшие практики фронтенд-разработки

О курсе

В этом курсе мы реализуем нетривиальные компоненты лендинга которые часто возникают на практике. Расширим наше портфолио типовых решений и детально разберёмся в необходимой теории. Для каждой задачи будем искать оптимальное решение и сравнивать альтернативы. Используем чистый HTML, CSS, JS. Навыки и знания из этого курса останутся актуальными в течение всей карьеры, в отличие от преходящих фреймворков и инструментов.

Для кого этот курс

Курс ориентирован на фронтенд и фуллстек-разработчиков среднего и продвинутого уровня. По грейдам это junior+ (с опытом работы 1-2 года), middle, senior. Если вы из смежной специальности (бекенд), контент может быть полезен как набор качественных решений задач, регулярно возникающих при вёрстке и разработке лендингов. Вместо копипасты кривого кода из "AI" генераторов. Примерная пропорция контента: - вёрстка: 40% - программирование: 55% - UI/UX + дизайн: 5% - инструменты: 0%

Начальные требования

  • Основы HTML
  • Основы CSS
  • Основы JavaScript

Преподаватели курса

Как проходит обучение

Каждый модуль курса посвящён независимому мини-проекту и релевантной для решения задачи теории. В каждом модуле также есть дополнительные задачи на понимание и закрепление материала.

Это бесплатный онлайн курс – вы сами выбираете удобный формат прохождения. По-умолчанию, мы рекомендуем следующий план:

В каждом модуле:

  1. Смотрим видео-урок «Теория» где разбираются 1-2 ключевые темы.
  2. Проходим интерактивные тесты и упражнения по теме.
  3. Смотрим постановку основной задачи (мини-проекта).
  4. Смотрим решение основной задачи (видео), затем решаем самостоятельно.
  5. Либо... Решаем основную задачу самостоятельно, затем смотрим авторское решение (видео + исходники)
  6. Переходим к следующему модулю. Повторяем до завершения.

В процессе и после завершения:

  • Задаём вопросы
  • Делимся со знакомыми ссылкой на курс :)

---

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

Мы рекомендуем проходить по одному модулю за раз, чтобы не смешивать темы. В этом случае, полный курс займёт неделю (по 2-3 часа в день).

Что вы получите

  • Универсальные навыки решения сложных задач фронтенда
  • Углублённые знания наиболее важной теории
  • Мини-проекты / проработанные решения для портфолио

Расскажите о курсе друзьям