О курсе
Курс HTML/CSS Advanced поможет вам изучить современную верстку веб-сайтов.
Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.
В уроках HTML и CSS вы узнаете:
- Как верстать блоки на сайте с помощью Grid
- Что такое Flexbox и как Flexbox упрощает позиционирование блоков на сайте
- Как создавать адаптивную верстку
- Научитесь использовать псевдоэлементы ::after и ::before
- Как подключать внешние CSS-стили к сайту, а также Javascript скрипты и библиотеки
- Научитесь пользоваться популярным редактором кода Visual Studio Code
- Изучите Grid System
- Научитесь встраивать видео на ваш сайт
- Изучите CSS-анимацию, а также научитесь анимировать SVG элементы
Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.
План курса
Программа обучения состоит из видео уроков по HTML и CSS, а также включает интерактивные тесты и интерактивные тренажеры, позволяющие закрепить полученные вами знания на практике.
- 1О курсе HTML/CSS Advanced
- 2Установка программ для курса HTML/CSS Advanced
- 3Базовый HTML
- 4HTML5 структура страниц верстки сайтов
- 5Базовый CSS
- 6CSS позиционирование HTML-элементов (базовое)
- 7CSS позиционирование Flexbox
- 8Позиционирование CSS Grid
- 9Позиционирование CSS Grid. Практическая часть
- 10Подключение шрифтов для сайта
- 11Адаптивная (responsive) верстка сайтов
- 12Практическая часть: Знакомство с Figma
- 13Практическая часть: Создаем Header (верхняя часть сайта)
- 14Практическая часть: Создаем Footer (нижняя часть сайта)
- 15Практическая часть: Создаем блок фильмов и сериалов
- 16Практическая часть: Создаем блок Hero
- 17Практическая часть: Адаптируем верстку под мобильные устройства
- 18Практическая часть: Страница просмотров фильмов и сериалов
- 19Практическая часть: Страница Login и Register
- Получение сертификата об окончании курса
Отзывы (104)
Отзывы о курсе верстки HTML и CSS.
Svitlana Moroz
2 years ago
Отличный курс, последние уроки сложноваты для восприятия. Но в целом отлично! Доступно и удобно.
Aleksandr Samoilenko
2 years ago
Курс отличный, я раньше проходил просто курс HTML/CSS и для меня он был супер, но Advanced - еще более информативный с большим количеством полезных фишек, которые помогают создать современный сайт. Я в восторге от прохождения данного курса. Спасибо большое FructCode.
Сергей Жданович
2 years ago
Курс интересно сделан, иногда действия выполняются слишком быстро и не успеваешь понять что к чему, ДЗ на более поздних этапах могли бы быть сложнее.
Радует, что Сергей выполняет не идеально, т.к. становится более понятно, почему что-то не работает. Ошибки вносят больше ясности в происходящее.
Vladyslav Merezhko
2 years ago
Курс сподобався дізнався багатонового та систематизував наявні та набуті знання. Дужк чекаю на доповнення курсі у розробці
stepan gudzovatiy
2 years ago
Cool
student_yk6N8IiL
2 years ago
Хороший курс, достаточно полный в сравнение с остальными в интернете.
Сергей, просьба которая поможет улучшить курс.
Как известно все знания и навыки без использования со временем забываются без практики, во время уроков вы очень часто напоминаете о том, что рассказывали ранее в своих уроках о том или ином тэге или свойстве используемом при верстке. Иногда поиск урока затягивается. Возможно только у меня возникли такие затруднения, но думаю это сделало бы курс более юзабельным и удобным.
Андрій Слободян
2 years ago
Цікавий курс, по можливості хотів би, щоб з часом добавився курс по методології написання коду, а саме найменування класів тощо.
Дякую за курс!
Vlad Sivenkov
2 years ago
Cool
Volodymyr Kovalenko
2 years ago
Отличный курс, единственное, что смутило - слишком элементарные интерактивные задания особенно ближе к завершению курса. А так понравилось, планирую продолжить обучения далее. Буду советовать
Шахрiяр Юсупов
2 years ago
Отличный курс!
Андрей Веленский
2 years ago
Намного правильней построен процесс обучения, чем в HTML/CSS. А так же более актуальная информация.
Валера Кузнецов
2 years ago
Сначала думал что курс не особо будет хороший, но пару уроков в бесплатной версии курса показали что я ошибаюсь.Зарегистрировался на платную версию, и начал изучать все с первого урока. Каждый урок объясняется доходчиво, проговаривается каждый шаг в процессе обучения, без заумных слов или еще чего то, что начинающий может не понять.
Курс просто шикарен, спасибо большое Сергей Никонов что создали его.
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Получу ли я после прохождения курса сертификат?
Почему такая низкая цена?
Актуальны ли курсы?
Какое оборудование нужно для прохождения курса?
При прохождении курса я не знаю как выполнить задание, что делать?
Что такое XP и что оно дает?
Как участвовать в рейтинге?
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Что если мне не подойдет или не понравится курс?
У меня не работает видео лекция или не открывается задание, что делать?
У меня остались вопросы о курсе, кому я могу их задать?
Преподаватель
ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)
user_1f0626
29377 xp
1
user_9388cb
10125 xp
2
user_196bd7
3150 xp
3
user_5c3e78
2010 xp
4
user_bab21d
1250 xp
5