Програмирование [WebFormySelf] Верстка-Мастер. Полное руководство (2021)

[ZetHUB]

[WebFormySelf] Верстка-Мастер. Полное руководство (2021)​

• Овладейте современной адаптивной версткой с нуля
• Новейшие стандарты: HTML5, CSS3, Sass, Gulp, Flexbox, Grid…
• Реально много практики: три работы в портфолио по итогу
• Только то, что применяется в реальной жизни и востребовано

Только востребованные технологии
Новый видеокурс от Webformyself дает только востребованные современные технологии и стандарты верстки. Только то, за что работодатели и заказчики готовы платить.

После прохождения курса и небольшой практики вы узнаете, как выполнять верстку практически любой сложности с использованием современных стандартов верстки:
HTML5
CSS3
Препроцессор Sass
Сборщик проектов Gulp
Flexbox
CSS Grid Layout
Медиазапросы
Градиенты
Множественные фоны
Новые инструменты с фонами
Анимации
Трансформации
Адаптивная графика
Адаптивное видео
Адаптация таблиц
Адаптация любого контента

Подробная На данном курсе Вы обязательно узнаете:
Основы HTML
Первый урок. Введение. Установки редактора
Второй урок. Обзор HTML-документа
Третий урок. Теги форматирования текста
Четвертый урок. Вставка изображений. Часть 1 - 2
Пятый урок. Работа со ссылками
Шестой урок. Списки
Седьмой урок. Таблицы
Восьмой урок. Формы. Часть 1 - 2
Девятый урок. Вставка видео. Часть 1 - 2
Десятый урок. Вставка аудио
Из урока вы узнаете, как правильно вставить аудио на HTML-страницу и что для этого нужно предусмотреть.
Урок 11. Семантические теги

Основы CSS
Первый урок. Подключение CSS
Второй урок. Назначение классов
Третий урок. Свойства шрифта
Четвертый урок. Свойства текста
Пятый урок. Назначение фона
Шестой урок. Ширина, высота
Седьмой урок. Рамка
Восьмой урок. Отступы
Девятый урок. Центрирование
Десятый урок. Единицы измерения
Урок 11. Выравнивание
Урок 12. Видимость элементов
Урок 13. Блочные и строчные элементы
Урок 14. Позиционирование

Практика. Верстка сайта креативного агентства
Первый урок. Введение. Обзор макета
Второй урок. Подготовка. Нарезка изображений
Третий урок. HTML-разметка шапки сайта
Четвертый урок. CSS-стили для всей страницы
Пятый урок. CSS-стили для шапки сайта
Шестой урок. HTML-разметка блока текста
Седьмой урок. CSS-стили для блока текста
Восьмой урок. HTML-разметка формы контактов
Девятый урок. CSS-стили формы контактов
Десятый урок. HTML-разметка подвала страницы
Урок 11. CSS-стили подвала страницы
Урок 12. Заключение

Практика. Верстка лендинга мобильного приложения
Первый урок. Введение
Второй урок. Подготовка. Экспорт изображений
Третий урок. HTML-разметка шапки сайта
Четвертый урок. Подключение reset.css
Пятый урок. CSS-стили для шапки сайта. Часть 1 - 2
Шестой урок. HTML-разметка блока «О приложении»
Седьмой урок. CSS-стили блока «О приложении»
Восьмой урок. HTML-разметка блока «Возможности»
Девятый урок. CSS-стили блока «Возможности»
Десятый урок. HTML-разметка блока «Технологии»
Урок 11. CSS стили блока «Технологии»
Урок 12. HTML-разметка блока «Скачать