Персональная страница-портфолио
начальныйСоздайте семантичную, хорошо структурированную статичную страницу с нуля, используя правильные HTML-элементы и базовую стилизацию CSS.
- HTML
- CSS
- Flexbox
Основы
Вёрстка, адаптивность и доступность с основ — то, что часто пропускают и потом долго исправляют.
Преподаёт Аббас Ибрагимов
Демоклип — трейлер этого курса сейчас снимается.
about.md
Каждый сайт, которым вы когда-либо пользовались, начинается с HTML и CSS — ни один фреймворк, библиотека или сборщик их не обходит, они лишь строятся поверх них. HTML задаёт странице структуру и смысл, CSS — её внешний вид, и глубокое понимание обоих — это то, что отличает разработчиков, способных лишь следовать туториалам, от тех, кто может воплотить любой макет, который им передаёт дизайнер.
Этот курс учит писать семантичный, доступный HTML и современный CSS так, как это реально делается в продакшене — не table-вёрстку и float-ы, а Flexbox, Grid и адаптивный дизайн, работающий на любом размере экрана. Вы пройдёте путь от базовых тегов и селекторов до создания полностью адаптивных, анимированных интерфейсов без CSS-фреймворка, который думает за вас.
Каждый модуль завершается практическим проектом. Вы создадите статичные страницы, полностью адаптивный многосекционный макет и отполированный анимированный лендинг, используя только HTML и CSS. К концу курса вы сможете превращать любой дизайн в чистую, семантичную разметку и структурировать CSS так, чтобы он масштабировался, а не превращался в войну специфичностей.
outcomes.json
Конкретные навыки, которые у вас останутся, а не список тем, о которых вы услышите.
projects/
Каждый модуль заканчивается результатом. Эти три проекта останутся у вас.
Создайте семантичную, хорошо структурированную статичную страницу с нуля, используя правильные HTML-элементы и базовую стилизацию CSS.
Создайте полностью адаптивную страницу с несколькими секциями, используя Flexbox и Grid, корректно адаптирующуюся под мобильные устройства, планшеты и десктоп.
Спроектируйте и создайте отполированный лендинг с собственными CSS-переменными, плавными transitions и keyframe-анимациями, без фреймворков и JS.
audience.md
prerequisites.md
Предварительный опыт программирования или веб-разработки не требуется. Достаточно базовой компьютерной грамотности (умение пользоваться браузером, редактировать файлы). Курс выстроен от простых HTML-тегов до полностью адаптивной, анимированной страницы с использованием только HTML и CSS.
curriculum/
4 разделов · 24 уроков · 5h 35m контента
instructor.md
Abbas Ibragimov
Инженер-программист и основатель, Баку
Я инженер-программист и основатель компании из Баку. Последние несколько лет я создаю продакшн-софт на React, Next.js, NestJS и Prisma — сначала для чужих компаний, теперь для той, которую основал и которой руковожу.
Параллельно я веду индивидуальное менторство разработчиков: довожу людей от первой строки кода до кода, который не стыдно показать команде. Преподавать и при этом продолжать выпускать продукты — то, что держит материал честным: всё в этих курсах я использую в продакшене сам, а не вычитал где-то.
У меня нет диплома по computer science. Я начал с Hello World, увлёкся тем, как машина работает под капотом, и всему остальному научился, создавая вещи, от которых зависели другие люди. Эти курсы идут тем же путём, только без тупиков.
Никто не научился создавать программы, наблюдая, как их создаёт кто-то другой. Каждый курс здесь построен вокруг того, что вы выпускаете сами, а моя задача — быть тем senior-инженером, который смотрит вам через плечо, а не диктором в видео, которое вы забудете к пятнице.
reviews --course
Занятия проходили в очень дружелюбной и индивидуальной атмосфере. С расписанием всегда относились с…
Курс превзошёл ожидания: материал подан чётко и последовательно, а практические задания сразу закреп…
faq.md
Посмотрите требования выше — у каждого курса указано, что он предполагает. Если вы начинаете с нуля, курсы по основам не требуют подготовки.
Да. Подписка открывает все курсы на сайте, включая этот и те, что выйдут позже.
Купленный отдельно курс остаётся в аккаунте навсегда, вместе с будущими обновлениями.
Нет — все уроки в записи, чтобы вы шли в своём темпе. Живые Q&A проходят отдельно для всего сообщества.
Уроки доступны онлайн, чтобы у вас всегда была актуальная версия. Исходный код проектов остаётся у вас.
Да — большинство вопросов решается в Discord, обычно в течение суток, а сложные разбираем на живых Q&A.
Да, после прохождения курса выдаётся сертификат об окончании.