Чему вы научитесь
- Общие подходы и переиспользуемые паттерны вместо «9999 правил CSS»
- Упор на фундамент: Web APIs, JavaScript, CSS, HTML вместо очередного фреймворка
- Обучение через понимание, а не подражание (monkey see, monkey do)
- Лучшие практики фронтенд-разработки
О курсе
Большинство продвинутых курсов концентрируются на технологиях и инструментах, будь то React или NextJS. Этот курс учит процессу фронтенд-разработки: принципам, универсальным приёмам, програмированию, вёрстке, нативным API. Программа сочетает теорию и практику на примере разработки не самых тривиальных компонентов лендинга: закреплённого меню, анимированных счётчиков и т.д.
Практическая часть выстроена вокруг 6 мини-проектов которые имеют самодостаточную ценность (портфолио, прокачка навыков), но, одновременно, являются и поводом детально разобраться в соответствующей теории. Теоретическая часть состоит из видео и интерактивных задач.
Примеры проектов:
Примечание: курс будет расширяться и дополняться, при получении положительной обратной связи и отзывов.
Авторы курса – практикующие инженеры с >15-летним опытом веб-разработки у каждого. Мы видели как приходят и уходят десятки фреймворков. Как быстро устаревают соответствующие курсы и знания. Для начинающих инженеров исходный упор на React может быть оправдан как способ быстрее начать работу. Но для миддлов и сениоров фундаментальные знания фронтенда (HTML, JS, CSS, Web API) нельзя игнорировать. Вы будете оставаться «рабом библиотек» пока не подтянете основы.
В собственных проектах мы используем React, TailwindCSS и множество других инструментов. Не имеем никаких предубеждений против них. Однако, в нетривиальных задачах основная сложность состоит в поиске оптимального подхода, а не в самой реализации. И, тем более, не в реализации под конкретный стек. Мы считаем что погружаться в тему лучше без лишнего багажа. Предлагаем вам сделать это вместе с нами! Все задачи взяты из реального опыта нашей команды при создании лендингов, их решения переносятся на любой фреймворк практически 1 к 1.
---
Tags for search: frontend, development, programming, markup, js, html, css
Ключевики для поиска: фронтенд, разработка, программирование, вёрстка
Для кого этот курс
Начальные требования
- Основы HTML
- Основы CSS
- Основы JavaScript
Наши преподаватели
Как проходит обучение
Каждый модуль курса посвящён независимому мини-проекту и релевантной для решения задачи теории. В каждом модуле также есть дополнительные задачи на понимание и закрепление материала.
Это бесплатный онлайн курс – вы сами выбираете удобный формат прохождения. По-умолчанию, мы рекомендуем следующий план:
В каждом модуле:
- Смотрим видео-урок «Теория» где разбираются 1-2 ключевые темы.
- Проходим интерактивные тесты и упражнения по теме.
- Смотрим постановку основной задачи (мини-проекта).
- Смотрим решение основной задачи (видео), затем решаем самостоятельно.
- Либо... Решаем основную задачу самостоятельно, затем смотрим авторское решение (видео + исходники)
- Переходим к следующему модулю. Повторяем до завершения.
В процессе и после завершения:
- Задаём вопросы
- Делимся со знакомыми ссылкой на курс :)
---
Модули курса, в целом, отранжированы по возрастанию сложности, но являются сравнительно независимыми. Можно пройти только выбранную часть, можно проходить в собственном порядке.
Мы рекомендуем проходить по одному модулю за раз, чтобы не смешивать темы. В этом случае, полный курс займёт неделю (по 2-3 часа в день).
Программа курса
Что вы получаете
- Универсальные навыки решения сложных задач фронтенда
- Углублённые знания наиболее важной теории
- Мини-проекты / проработанные решения для портфолио