Курс HTML/CSS Advanced
Интерактивный курс «HTML/CSS Advanced»
С помощью курса HTML и CSS Advanced вы узнаете как создавать верстку современных веб-сайтов и освоите все необходимые техники для того, чтобы превратить макет сайта из Figma в адаптивную верстку веб-сайта.
Посмотреть первый урок бесплатно
- 162 уроков
- 60 видео
Курс включает
- ИИ-наставник в каждом уроке
- Сертификат по завершении
- Возврат денег в течение 30 дней
Чему вы научитесь
В уроках HTML и CSS вы узнаете:
- Как верстать блоки на сайте с помощью Grid
- Что такое Flexbox и как Flexbox упрощает позиционирование блоков на сайте
- Как создавать адаптивную верстку
- Научитесь использовать псевдоэлементы ::after и ::before
- Как подключать внешние CSS-стили к сайту, а также Javascript скрипты и библиотеки
- Научитесь пользоваться популярным редактором кода Visual Studio Code
- Изучите Grid System
- Научитесь встраивать видео на ваш сайт
- Изучите CSS-анимацию, а также научитесь анимировать SVG элементы
Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.
Программа курса
60 видео · 102 интерактивных уроков
Модуль 1 — О курсе HTML/CSS Advanced1 уроков
Модуль 2 — Установка программ для курса HTML/CSS Advanced2 уроков
Модуль 3 — Базовый HTML37 уроков
Модуль 4 — HTML5 структура страниц верстки сайтов3 уроков
Модуль 5 — Базовый CSS21 уроков
Модуль 6 — CSS позиционирование HTML-элементов (базовое)14 уроков
Модуль 7 — CSS позиционирование Flexbox7 уроков
Модуль 8 — Позиционирование CSS Grid24 уроков
Модуль 9 — Позиционирование CSS Grid. Практическая часть6 уроков
Модуль 10 — Подключение шрифтов для сайта4 уроков
Модуль 11 — Адаптивная (responsive) верстка сайтов9 уроков
Модуль 12 — Практическая часть: Знакомство с Figma2 уроков
Модуль 13 — Практическая часть: Создаем Header (верхняя часть сайта)3 уроков
Модуль 14 — Практическая часть: Создаем Footer (нижняя часть сайта)2 уроков
Модуль 15 — Практическая часть: Создаем блок фильмов и сериалов5 уроков
Модуль 16 — Практическая часть: Создаем блок Hero8 уроков
Модуль 17 — Практическая часть: Адаптируем верстку под мобильные устройства6 уроков
Модуль 18 — Практическая часть: Страница просмотров фильмов и сериалов4 уроков
Модуль 19 — Практическая часть: Страница Login и Register4 уроков
Отзывы (0)
Отзывы студентов
Частые вопросы
Как проходит обучение?
Обучение разделено на видео лекции, интерактивные задания и тесты. В видео лекциях вы получаете теоретический материал и с помощью интерактивных заданий закрепляете теорию на практике. Вы пишите код прямо в браузере и мгновенно получаете результат проверки вашего кода - верно или нет. Практически в каждом уроке есть ссылки на дополнительные материалы и исходный код.
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.
Получу ли я после прохождения курса сертификат?
Да! За успешное прохождение каждого курса, вы получите сертификат. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле.
Почему такая низкая цена?
Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!
Актуальны ли курсы?
Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды. Обратите внимание, что курсы которые находятся в "архиве" не обновляются.
Какое оборудование нужно для прохождения курса?
Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.
При прохождении курса я не знаю как выполнить задание, что делать?
Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.
Что такое XP и что оно дает?
XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.
Как участвовать в рейтинге?
В общем рейтинге участвуют пользователи, которые активно проходят обучение и выполняют задания. Рейтинг обновляется раз в сутки.
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Да! Только на сайте FructCode.com вы можете найти актуальные версии моих курсов. На других сайтах вы можете найти пиратские старые версии моих курсов или неактуальные версии моих курсов, в процессе прохождения которых, вы столкнетесь с ошибками, так как программы уже давно изменились. Покупая мои курсы на сайте FructCode.com вы инвестируете не только в свои знания, но и инвестируете в создание новых курсов.
Что если мне не подойдет или не понравится курс?
Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту info@fructcode.com
У меня не работает видео лекция или не открывается задание, что делать?
Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту info@fructcode.com и мы в кратчайшее время постараемся помочь
У меня остались вопросы о курсе, кому я могу их задать?
Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту info@fructcode.com и мы постараемся ответить в ближайшее время.
Ваш преподаватель
- Основатель проекта FructCode
- Опыт в веб-разработке более 15 лет
- Работал над высоконагруженными веб-проектами в крупных компаниях США и Европы
- Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки