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

[Odyvanchik]

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

* Овладейте современной адаптивной версткой с нуля

* Новейшие стандарты: HTML5, CSS3, Sass, Gulp, Flexbox, Grid…

* Реально много практики: три работы в портфолио по итогу

* Только то, что применяется в реальной жизни и востребовано

Только востребованные технологии

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

После прохождения курса и небольшой практики вы узнаете, как выполнять верстку практически любой сложности с использованием современных стандартов верстки:

HTML5

CSS3

Препроцессор Sass

Сборщик проектов Gulp

Flexbox

CSS Grid Layout

Медиазапросы

Градиенты

Множественные фоны

Новые инструменты с фонами

Анимации

Трансформации

Адаптивная графика

Адаптивное видео

Адаптация таблиц

Адаптация любого контента

Подробная программа курса:

Основы HTML

Урок 1. Введение. Установки редактора

Урок 2. Обзор HTML-документа

Урок 3. Теги форматирования текста

Урок 4. Вставка изображений. Часть 1 - 2

Урок 5. Работа со ссылками

Урок 6. Списки

Урок 7. Таблицы

Урок 8. Формы. Часть 1 - 2

Урок 9. Вставка видео. Часть 1 - 2

Урок 10. Вставка аудио

Из урока вы узнаете, как правильно вставить аудио на HTML-страницу и что для этого нужно предусмотреть.

Урок 11. Семантические теги

Основы CSS

Урок 1. Подключение CSS

Урок 2. Назначение классов

Урок 3. Свойства шрифта

Урок 4. Свойства текста

Урок 5. Назначение фона

Урок 6. Ширина, высота

Урок 7. Рамка

Урок 8. Отступы

Урок 9. Центрирование

Урок 10. Единицы измерения

Урок 11. Выравнивание

Урок 12. Видимость элементов

Урок 13. Блочные и строчные элементы

Урок 14. Позиционирование

Практика. Верстка сайта креативного агентства

Урок 1. Введение. Обзор макета

Урок 2. Подготовка. Нарезка изображений

Урок 3. HTML-разметка шапки сайта

Урок 4. CSS-стили для всей страницы

Урок 5. CSS-стили для шапки сайта

Урок 6. HTML-разметка блока текста

Урок 7. CSS-стили для блока текста

Урок 8. HTML-разметка формы контактов

Урок 9. CSS-стили формы контактов

Урок 10. HTML-разметка подвала страницы

Урок 11. CSS-стили подвала страницы

Урок 12. Заключение

Практика. Верстка лендинга мобильного приложения

Урок 1. Введение

Урок 2. Подготовка. Экспорт изображений

Урок 3. HTML-разметка шапки сайта

Урок 4. Подключение reset.css

Урок 5. CSS-стили для шапки сайта. Часть 1 - 2

Урок 6. HTML-разметка блока «О приложении»

Урок 7. CSS-стили блока «О приложении»

Урок 8. HTML-разметка блока «Возможности»

Урок 9. CSS-стили блока «Возможности»

Урок 10. HTML-разметка блока «Технологии»

Урок 11. CSS стили блока «Технологии»

Урок 12. HTML-разметка блока «

—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал