Компетенция Верстальщик (2020) - HTML, CSS, JavaScript
4.5 (32 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
135 students enrolled

Компетенция Верстальщик (2020) - HTML, CSS, JavaScript

Освойте необходимые инструменты современной веб-верстки и начните работать в сфере веб-разработки!
4.5 (32 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
135 students enrolled
Last updated 5/2020
Russian
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 22.5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Верстка веб-страниц по макетам
  • Блочная верстка
  • Семантическая и валидная верстка
  • Адаптив и кроссбраузерность
  • Анимации и трансформации
  • БЭМ
  • FlexBox
  • Препроцессор SCSS
  • Bootstrap 4
  • Нарезка макетов Photoshop, Figma, Zeplin
  • JavaScript для верстальщика
  • Использование js-библиотек
Course content
Expand all 58 lectures 22:43:58
+ Основы HTML, CSS
15 lectures 07:00:08
Основы HTML
39:58
Основы CSS
46:33
Работа с текстом
58:10
Работа с блочными элементами
26:15
Стилизация блочных элементов
29:06
Работа со ссылками и кнопками
36:57
Работа с изображениями и иконками
29:56
Автоматическое форматирование в VS Code
07:20
Псевдоклассы и псевдоэлементы CSS
25:31
Структура сайта и типы макетов
07:00
Таблицы и табличная верстка
23:18
Блочная модель верстки old-style
23:14
Позиционирование, выпадающее меню
31:15
Введение во FlexBox
16:23
Блочная модель верстки на флексах
19:12
+ Работа с макетами
4 lectures 02:18:21
Нарезка макета в Photoshop
26:46
Zeplin и импорт из Photoshop или Figma
29:38
Мастер-класс по верстке макета
01:21:53
Макеты
00:04
+ Продвинутые техники HTML, CSS
11 lectures 05:07:18
Основы БЭМ
32:08
Элементы форм
52:12
Фильтры CSS
06:41
Семантические теги HTML5
29:30
Кроссбраузерность
29:00
Трансформации CSS3
26:44
Анимации CSS3
19:17
Работа с адаптивом
39:05
Базовое использование препроцессора SASS|SCSS
33:48
Продвинутое использование SASS|SCSS
23:31
+ Bootstrap 4
3 lectures 01:28:34
Общие возможности Bootstrap
24:33
Работа с сеткой Bootstrap
35:38
Использование компонентов Bootstrap
28:23
+ JavaScript для верстальщика
10 lectures 03:25:27
Введение в JavaScript
28:04
Ветвления и циклы
23:23
Объекты и массивы JS
16:56
Функции JS
16:32
Понятие DOM и узлов
26:01
Обработка события по клику
19:31
Создание слайдера на JS
24:36
Создание модального окна
14:53
Создание табов
17:18
Создание фильтра карточек
18:13
+ Библиотеки JavaScript
5 lectures 01:31:43
Основы jQuery
15:58
Галерея FancyBox
15:29
Анимации ParollerJS, ParallaxJS
17:34
Анимации ScrollMagic
18:31
Адаптивный слайдер SwiperJS
24:11
+ БОНУС: Спецификация CSS Grid (видео с моего YouTube-канала)
7 lectures 01:45:45
CSS Grid. Базовая терминология
15:16
Базовые возможности CSS Grid
18:38
Шаблоны и фракции
15:42
Grid области и работа с ними
14:48
Выравнивание
11:50
Методы адаптива
18:32
Нюансы использования
10:59
+ Подведение итогов
1 lecture 01:15
Подведение итогов
01:15
Requirements
  • Базовое владение ПК и Интернет
Description

Когда-то уже изучали HTML и CSS, но так и не научились верстать макеты? Или просто проявляете первый интерес к веб-работке? Курс Компетенция Верстальщик станет отличной стартовой площадкой для того, чтобы войти в мир IT.

Получите необходимый набор навыков по работе с HTML, CSS, JavaScript и дополнительными инструментами, создайте себе портфолио и станьте профессионалом.

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

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

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