Введение в HTML & CSS
Изучите основы HTML и CSS, чтобы создавать современные адаптивные веб-страницы с нуля.
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
К концу курса вы сможете
- Создавать адаптивные страницы
- Писать семантическую и доступную вёрстку
- Использовать современные CSS-лейауты
- Подготовиться к frontend-фреймворкам
- Понимать веб-стандарты
Подходит ли вам этот курс?
Это для вас, если вы…
- Вы начинаете frontend с нуля и хотите фундамент, который не сломается на следующей смене фреймворка
- Меняете профессию и визуальная сторона кода вам нравится — каждое изменение видно на экране
- Позже перейдёте на React/Vue, но понимаете: эти фреймворки генерируют HTML и CSS, и нужно знать, что именно они генерируют
Не берите этот курс, если…
- Хотите перепрыгнуть сразу в React без HTML/CSS — дойдёте быстрее, но построите на песке
- Рассчитываете делать красивые сайты без обучения дизайну — этот курс про технический слой; визуальный дизайн это отдельная дисциплина
- Вы уже комфортный frontend-разработчик — здесь нет ничего, чего вы не знаете. Берите курс по JavaScript (#11)
Кто ведёт
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
Алексей Анжияк — софтвер-архитектор, Senior .NET инженер и со-основатель ToyCRM.com и ProfectusLab. Имея более 15 лет опыта, он специализируется на распределённых системах, облачной инфраструктуре, высоконагруженной backend-разработке и платформах аутентификации. Занимается проектированием архитектуры, созданием безопасных систем авторизации и разработкой современных образовательных программ, которые помогают студентам получить реальные карьерные результаты.
Сейчас ведёт архитектуру ToyCRM.com — мультитенантной CRM-платформы на .NET, которую строит наша команда. Те же паттерны и архитектурные решения, что используются там, напрямую попадают в курсы: identity и авторизация, распределённые сервисы, культура код-ревью. Вы учитесь у инженеров, которые активно отправляют продакшн-код, а не у учебника.
Программа курса
Этот курс охватывает основные принципы HTML и CSS:
- 1 Модуль 1: Введение в HTML
- 2 Модуль 2: Работа с изображениями
- 3 Модуль 3: Таблицы и списки
- 4 Модуль 4: Divs & Spans
- 5 Модуль 5: Основы CSS
- 6 Модуль 6: Мета-теги
- 7 Модуль 7: Формы
- 8 Модуль 8: Анимация в CSS
- 9 Модуль 9: Практическое занятие и ответы на вопросы
Требования
Базовые навыки работы с компьютером и желание учиться. Учебные материалы проведут вас шаг за шагом.
Предыдущий опыт не требуется.
Что вы построите
Уходите с личным портфолио-сайтом, который сами собрали и задеплоили — семантический HTML, современный Flexbox/Grid, адаптивный на телефоне. Первое, что открывает frontend-рекрутер, это сайт-портфолио кандидата; этот курс делает так, чтобы этот клик не разочаровал.
- Семантическая HTML5-разметка
- CSS-селекторы и box model
- Flexbox и Grid
- Адаптивная вёрстка
- Основы доступности
- Типографика и цвета
- Mobile-first подход
Где это в вашей карьере
Читать параллельно с курсом
Глубокого разбора, привязанного к этому курсу, пока нет. Открыть весь блог
Первое занятие — за наш счёт. Решение — после знакомства с инструктором.
Поучаствуйте в первой сессии. Если после первого урока решите, что инструктор вам не подходит — вы за него не платите, без неудобных разговоров. (Пробное действует на курсах длиннее 5 занятий; этот курс подходит.)
Стоимость и что входит
Что входит
- 9 живых занятий по 2 часа — ведёт преподаватель лично, а не запись
- Презентация к каждому занятию — остаётся у вас и доступна для повторного просмотра
- Рабочие файлы кода и data-файлы, использовавшиеся на уроке — клонируются к вам на машину
- Еженедельная домашка с личным код-ревью от преподавателя
- Запись по запросу — предупредите преподавателя заранее («не смогу во вторник, пожалуйста, запишите») и занятие будет записано для вас
Частые вопросы
Сколько времени в неделю это займёт?
Закладывайте время на сами занятия плюс примерно 1.5–2 часа практики на каждое. Большинство студентов, которые укладываются в график, тратят 4–6 часов в неделю. Меньше — тоже работает, просто дольше.
Что если я пропущу занятие?
Скажите преподавателю ДО занятия — «не смогу во вторник, пожалуйста, запишите» — и он запишет этот урок и пришлёт вам. Записи не являются автоматическим архивом, они делаются по запросу, когда вы предупреждаете заранее. После урока — выполните домашку и приходите с вопросами на следующее.
Что входит в стоимость?
Живые занятия с преподавателем; презентации к каждому занятию (остаются у вас); рабочие файлы кода и любые data-файлы, использовавшиеся на уроке; домашка с код-ревью каждую неделю; и записи тех занятий, на которые вы предупредили заранее. Всё сверх — сертификат, alumni-доступ, mock-интервью — явно перечислено в «Что входит» над FAQ у тех курсов, где это применимо.
А если я записался, и преподаватель мне не подошёл?
На курсах длиннее 5 занятий первое занятие фактически пробное — если после первого урока решите, что преподаватель вам не подходит, вы за него не платите. Лучше вы уйдёте после одного урока, чем будете 9 недель тянуть на плохой химии. (Курсы из 5 и меньше занятий слишком короткие — пробное предложение там не имеет смысла, действует обычная оплата.)
Можно ли вернуть деньги, если бросаю на середине?
Да — пока неиспользована больше половины курса (т.е. вы прошли меньше 50% занятий). Возврат — пропорционально неиспользованной части. После середины возврат не делаем — считаем, что ценность уже получена.
Можно ли сменить язык преподавания?
Живые занятия идут на языке, указанном в блоке «Доступные языки» выше. Слайды и файлы кода обычно доступны на всех четырёх (английский, русский, украинский, грузинский). Многие студенты слушают занятия на одном языке, а материалы читают на другом — это нормально.
Готов ли я буду к реальной работе после курса?
Один курс редко сам по себе устраивает кого-то на работу — в любой сфере. Этот курс даёт фундамент, который ожидает junior-нанимающий менеджер: рабочий код, который вы написали сами, словарь, чтобы читать чужой код, и привычки, которые делают вас нанимаемым. Честный ответ на «готов ли я?» — на нашей дорожной карте (ссылка в шапке): откройте уровень, на который хотите выйти, и прочитайте чек-лист «Готовы, когда…».
Можно ли оплатить в рассрочку?
Да для курсов, у которых в верхней панели указана «Ежемесячная оплата» — обычно это два-три равных платежа. Курсы без этой опции оплачиваются единовременно. Если цена — преграда, напишите нам, мы смотрим на каждый случай отдельно.