Курс Верстальщик 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
1. Основы HTML
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
new
ВЕБ-разработчик 2020 - с нуля до результата!
5
  • 68 видео
  • 23 часа
online_course
HTML / CSS
4.9
  • 31 видео
  • 65 заданий
  • 5 часов
online_course
BOOTSTRAP
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
JavaScript / jQuery
4.8
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
JavaScript - полный курс с нуля до результата!
5
  • 48 видео
  • 19 часов
online_course
new
React JS для начинающих + Redux
5
  • 28 видео
  • 14 часов

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

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

20.10.2020
Александра Спиридоно...

Огромное спасибо за данный курс! Все понятно, все доступно. Для новичков просто маст хэв!

18.10.2020
Олег Панов

Очень хороший курс для тех, кто хочет привести свои знания в порядок и восполнить в них пробелы! Материал излагается системно и понятно, позволяя увязать разрозненные знания в одно целое. Большое спасибо!

08.10.2020
Роман

Отличные курсы, хорошие преподаватели. Спасибо BEONMAX

01.10.2020
Игорь Дзигун

Отличный курс! Конкретно и без воды! Спасибо!

23.09.2020
Кирилл Белов

Отличный курс! Михаил Непомнящий отлично преподаёт курс! Спасибо!)

17.08.2020
Николай Ефимов

Спасибо! Было очень интересно. При подведении итогов стало чуть грустно, что курс закончился. Остается набивать руку.

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-сайтов.

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

КУРС включает

Видеоуроки: 59


Продолжительность: ~21 час

Поделиться в соц. сетях