Курс Верстальщик 2020 - HTML 5, CSS 3, Bootstrap 4, JavaScript

5

Когда-то уже изучали HTML и CSS, но так и не научились верстать макеты? Или просто проявляете первый интерес к веб-разработке? Курс Верстальщик сайтов 2020 станет отличной стартовой площадкой для того, чтобы войти в мир IT/web.
Получите необходимый набор навыков по работе с HTML, CSS, JavaScript и дополнительными инструментами, создайте себе портфолио и станьте профессионалом!

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

В рамках курса вы научитесь верстать по дизайнерским макетам - адаптивно, семантически, кроссбраузерно, с анимацией и интерактивными JavaScript элементами. Научитесь писать js-код самостоятельно и использовать готовые, проверенные временем решения.

Чему вы научитесь

Освойте на практике необходимые инструменты современной верстки сайтов и начните работать в сфере веб-разработки!

  • Установка и работа с редактором кода Visual Studio Code
  • Основы HTML и CSS
  • Структура HTML-документа, базовые теги, атрибуты
  • Подключение CSS-стилей, селекторы, свойства
  • Работа с текстом, ссылками, изображениями и другими элементами страницы
  • Верстка веб-страниц по макетам, как верстать страницы именно так, как было задумано дизайнером
  • Блочная верстка
  • Семантическая и валидная верстка
  • Адаптив (верстка под разные устройства) и кроссбраузерность
  • Анимации и трансформации
  • Методология БЭМ
  • Современный подход в верстке FlexBox
  • Препроцессор SASS/SCSS
  • Bootstrap 4 - работа с сеткой и использование компонентов Bootstrap на практике
  • Нарезка макетов Photoshop, Figma, Zeplin
  • JavaScript для верстальщика
  • Создание слайдера, модального окна, табов, фильтра карточек на практике
  • Использование js-библиотек - jQuery, галерея, анимации, параллакс-эффект, слайдер и др.

Для кого этот курс
  • Начинающие веб-разработчики
  • Те, кто когда-то изучал верстку и хочет актуализировать знания и стать профессионалом
  • Кто уже работает, но отстал от технологий или не мог ранее освоить JS

Начните свой путь в мир IT с веба. И этот курс станет для вас отличной платформой для дальнейших успехов в профессии!

Начать обучение

План курса

Программа обучения включает видео уроки по изучению верстки сайтов с нуля. Благодаря практическим урокам, Вы сможете закрепить полученные знания и создать собственные сайты на практике.

развернуть все

свернуть все

Введение - О курсе Верстальщик 2020 - HTML 5, CSS 3, Bootstrap 4, JavaScript
2. Основы CSS
  • 2.1 Что такое CSS. Подключение CSS. Практика работы со стилями07:30
  • 2.2 Работа с цветом. HEX-коды цвета и как их использовать. Прозрачность17:39
  • 2.3 Как связать HTML и CSS. Подключение нескольких стилей06:31
  • 2.4 Селекторы. Выборки по тегам, по классам, по идентификатору08:47
  • 2.5 Использование вложенности/каскадов. Наследование свойств. Знакомство с div и span08:17
3. Использование HTML и CSS на практике
  • 3.1 Работа с текстом. Списки12:40
  • 3.2 Работа с текстом. Подключение шрифтов. Google шрифты27:25
  • 3.3 Работа с текстом. Стилизация, свойства, единицы измерения19:20
  • 3.4 Работа с блочными элементами26:39
  • 3.5 Стилизация блочных элементов29:29
  • 3.6 Работа со ссылками и кнопками37:31
  • 3.7 Работа с изображениями и иконками30:20
  • 3.8 Автоматическое форматирование в VS Code07:43
  • 3.9 Псевдоклассы и псевдоэлементы CSS25:54
  • 3.10 Структура сайта и типы макетов07:24
  • 3.11 Таблицы и табличная верстка23:41
  • 3.12 Блочная модель верстки old-style23:37
  • 3.13 Позиционирование, выпадающее меню31:39
  • 3.14 Введение во FlexBox16:47
  • 3.15 Блочная модель верстки на флексах19:36
4. Работа с макетами
  • 4.1 Нарезка макета в Photoshop27:10
  • 4.2 Zeplin и импорт из Photoshop или Figma30:02
  • 4.3 Мастер-класс по верстке макета22:17
5. Продвинутые техники HTML, CSS
  • 5.1 Основы БЭМ32:32
  • 5.2 Элементы форм52:35
  • 5.3 Добавление аудио и видео15:46
  • 5.4 Фильтры CSS05:56
  • 5.5 Семантические теги HTML529:54
  • 5.6 Кроссбраузерность29:24
  • 5.7 Трансформации CSS327:08
  • 5.8 Анимации CSS319:41
  • 5.9 Работа с адаптивом39:29
  • 5.10 Базовое использование препроцессора SASS|SCSS34:12
  • 5.11 Продвинутое использование SASS|SCSS23:55
6. Bootstrap 4
  • 6.1 Общие возможности Bootstrap24:57
  • 6.2 Работа с сеткой Bootstrap36:02
  • 6.3 Использование компонентов Bootstrap28:47
7. JavaScript для верстальщика
  • 7.1 Введение в JavaScript28:27
  • 7.2 Ветвления и циклы23:27
  • 7.3 Объекты и массивы JS17:20
  • 7.4 Функции JS16:56
  • 7.5 Понятие DOM и узлов26:24
  • 7.6 Обработка события по клику19:54
  • 7.7 Создание слайдера на JS24:59
  • 7.8 Создание модального окна15:17
  • 7.9 Создание табов17:41
  • 7.10 Создание фильтра карточек18:36
8. Библиотеки JavaScript
  • 8.1 Основы jQuery16:22
  • 8.2 Галерея FancyBox15:52
  • 8.3 Анимации ParollerJS, ParallaxJS17:58
  • 8.4 Анимации ScrollMagic18:54
  • 8.5 Адаптивный слайдер SwiperJS24:35
9. Заключительная часть
  • 9.1 Подведение итогов01:39
Завершение курса - Получение Сертификата


Студенты также изучают

online_course
4.9
  • 31 видео
  • 65 заданий
  • 5 часов
online_course
new
4.9
  • 8 видео
  • 3 часа
online_course
new
5
  • 68 видео
  • 23 часа
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
4.9
  • 38 видео
  • 15 часов

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Верстальщик 2020 - HTML 5, CSS 3, Bootstrap 4, JavaScript.

14.07.2020
Константин Мирошин

Спасибо, было полезно вновь обратить внимание, на верстку и библиотеки...))))

28.06.2020
Vladimir Dochkin

Было интересно. Получил много знаний. Спасибо.

24.06.2020
Александр Войцеховск...

Очень круто, много нового узнал для себя

03.06.2020
Светлана

Спасибо автору. Очень структурировано, без лишней воды и с массой полезных мелочей, о которых зачастую забывают сказать, потому что для профи они само-собой понятны, а для начинающих очень важны. Редкое умение не упускать из виду нюансы и доходчиво рассказать про сложное.

18.05.2020
Серегй Папанов

Отличный курс!!! Всё понятно и доходчиво

10.05.2020
Александр Татьков

Курс очень понравился. Много интересной информации и хороших примеров. Спасибо за курс.

09.05.2020
Чынгыз Акматов

Отличный курс! Объясняет очень доходчиво. Спасибо автору за шикарные уроки.

02.05.2020
Игорь Бурдаев

Спасибо за курс, нашел в нем много полезных и интересных вещей.

Начать обучение

Преподаватель

Course Author
Михаил Непомнящий

О преподавателе курса

  • Профессиональный практик-преподаватель
  • По образованию - прикладной информатик
  • Работал и сотрудничал с крупными международными и российскими образовательными проектами

"Преподаю людям разных возрастов - от 8-ми лет до 60-ти. Любимая дисциплина - создание web-сайтов.

При создании обучающих видео стараюсь дать максимум полезной информации, при этом руководствуюсь принципом эффективности - без "воды" и "растеканию по дереву". Каждая минута видео уроков пройдет для Вас с пользой!"