Курс по верстке с нуля до продвинутого уровня

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

Ознакомьтесь с программой курса «Курс по верстке с нуля до продвинутого уровня» от Result University - result.school

1. HTML и CSS. Изучите базовые технологии frontend-разработки, не требующие подготовительных знаний. Поймете, как работает веб-разработка, и впервые напишите код на HTML. Научитесь настраивать формы, таблицы, стилизовать и адаптировать страницы под разные носите…
2. Flexbox. Вы изучите Flexbox — мощный инструмент для одномерных раскладок. Поймете, как заменить устаревшие подходы с Float, управлять осями, переносом элементов и распределением пространства. Разберете тонкости вроде safe/unsafe и направление текста, чтобы со…
3. Grid. Освоите CSS Grid для сложных двумерных макетов. Научитесь управлять колонками и строками, сравнивать Grid с Flexbox и выбирать подходящий инструмент для каждой задачи. Это основа для верстки сеток, карточек и адаптивных интерфейсов профессионального уро…
4. Advanced CSS. Углубитесь в продвинутые техники: от единиц измерения (vw, rem) и специфичности селекторов до кастомных свойств (CSS-переменных) и анимаций. Узнаете, как работать с медиавыражениями для темной темы, подходы Mobile First и Graceful Degradation, а…
5. Advanced HTML. Поймете, почему семантика критична для SEO и доступности. Научитесь использовать теги вроде article, section и dialog, оптимизировать изображения (WebP, AVIF), настраивать микроразметку для соцсетей (Open Graph) и поисковиков (Schema.org).
6. Практика на HTML и CSS. Закрепите знания, сверстав макет мобильного приложения. На практике примените БЭМ, адаптивную верстку и семантическую разметку — так, как это делают в реальных проектах.
7. Sass. Перейдете от чистого CSS к препроцессору Sass: научитесь использовать переменные, миксины, вложенность и модульность (@use, @forward). Это ускорит разработку и сделает код поддерживаемым.
8. Redux. Поймете, зачем нужен Redux и как он устроен. Разберёте action, reducer и store, а также реализуете свой мини-Redux. Узнаете три принципа Redux, которые помогают избегать багов. Затем научитесь подключать Redux к React через React Redux, работать с асин…
9. Gulp. Автоматизируете рутину: сборку стилей, минификацию JS, создание SVG-спрайтов и запуск локального сервера с Browsersync. Настроите транспиляцию через Babel для поддержки старых браузеров.
10. Доступность. Узнаете, как делать сайты для всех: работа с ARIA-атрибутами, проверка скринридерами и соответствие стандартам WCAG. Поймете, почему alt у изображений и семантические теги — это не просто «хорошо иметь».
11. Финальная практика. Сверстаете адаптивное портфолио из Figma-макета, объединив все навыки: от Grid и Sass до доступности и автоматизации. Готовый проект станет ключевой работой в вашем портфолио.
12. Подведение итогов. Подведете итоги обучения на курсе и построите свой путь для дальнейшего роста и развития.

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

• Освоите и сможете применять: advanced css. углубитесь в продвинутые техники от единиц измерения (vw, rem) и специфичности селекторов до кастомных свойств (css переменных) и анимаций. узнаете, как работать с медиавыраж…
• HTML и CSS. Изучите базовые технологии frontend разработки, не требующие подготовительных знаний. Поймете, как работает веб разработка, и впервые напишите код на HTML. Научитесь настраивать формы, таблицы, стилизовать…
• Grid. Освоите CSS Grid для сложных двумерных макетов. Научитесь управлять колонками и строками, сравнивать Grid с Flexbox и выбирать подходящий инструмент для каждой задачи. Это основа для верстки сеток, карточек и ад…
• Advanced HTML. Поймете, почему семантика критична для SEO и доступности. Научитесь использовать теги вроде article, section и dialog, оптимизировать изображения (WebP, AVIF), настраивать микроразметку для соцсетей (Op…
• Redux. Поймете, зачем нужен Redux и как он устроен. Разберёте action, reducer и store, а также реализуете свой мини Redux. Узнаете три принципа Redux, которые помогают избегать багов. Затем научитесь подключать Redux…