What you'll learn
The HTML/CSS Advanced course will help you learn modern website design.
Having studied modern website layout, you will be able to create website layouts of any complexity. The KinoMonster website layout will be available in the popular design and prototyping program Figma.
In HTML and CSS lessons you will learn:
- How to layout blocks on a website using Grid
- What is Flexbox and how Flexbox simplifies the positioning of blocks on a website
- How to create adaptive layout
- Learn to use the ::after and ::before pseudo-elements
- How to connect external CSS styles to the site, as well as Javascript scripts and libraries
- Learn to use the popular code editor Visual Studio Code
- Explore the Grid System
- Learn to embed video on your website
- Learn CSS animation and also learn how to animate SVG elements
Having studied modern website layout, you will be able to create website layouts of any complexity. The KinoMonster website layout will be available in the popular design and prototyping program Figma.
Lessons
The HTML/CSS course offers a comprehensive program featuring video lessons, interactive tests, and simulators. These tools are designed to help you apply and reinforce your knowledge effectively
- 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
- Being awarded a course completion certificate
Reviews (104)
Explore what students have to say about the HTML and CSS layout course. Read their reviews to get insights into their learning experience
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
Сначала думал что курс не особо будет хороший, но пару уроков в бесплатной версии курса показали что я ошибаюсь.Зарегистрировался на платную версию, и начал изучать все с первого урока. Каждый урок объясняется доходчиво, проговаривается каждый шаг в процессе обучения, без заумных слов или еще чего то, что начинающий может не понять.
Курс просто шикарен, спасибо большое Сергей Никонов что создали его.
FREQUENTLY ASKED QUESTIONS
When does the training start? Do I need to wait for the group to be full?
Will I receive a certificate after completing the course?
Why is the price so low?
Are the courses up-to-date?
What equipment is needed to take the course?
What should I do if I face difficulties during a task in training?
What is XP and why is it needed?
How can I participate in the rating?
I found your courses on other sites. Is there a difference in where I study?
What if the course is not suitable for me or I don't like it?
What should I do if my video lecture doesn't work or the assignment doesn't open?
If I still have questions regarding the course, who should I reach out to?
Author
Leaders of the week (TOP 5)
Dima Loboda
28827 xp
1
user_6b5793
10795 xp
2
user_226333
2790 xp
3
user_fa088f
2010 xp
4
user_7c65ed
2010 xp
5