Программа и содержание

Верстка и веб разработка сайтов. Продвинутый уровень Web Develop

Этот курс сделает вас настоящим \"PRO\" верстальщиком веб сайтов! Освойте современные методы создания CSS анимаций, работу с GRID CSS и продвинутые методы адаптации сайтов. Бонус: работа с Git и NPM

Необходимы базовые знания по HTML и CSS. Знание FlexBox

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

Это практический видео курс. Курс состоит из множества видео где вместе с преподавателем вы будет создавать несколько проектов выполняя практические задания по новому материалу

Что вы получаете

Вы узнаете продвинутые способы верстки сайтов на языках HTML и CSS

Вы научитесь использовать CSS анимации на своих сайтах

Вы узнаете продвинутые способы адаптивного дизайна

Вы научитесь создавать \"гибкие, резиновые сайты\"

Вы изучите продвинутые техники работы с препроцессором SASS

Вы узнаете как использовать NPM пакеты при разработке сайта

Вы узнаете приемы которые ускорят ваш рабочий процесс в несколько раз

Вы научитесь использовать Gulp в своих проектах

Вы научитесь использовать систему контроля версий Git

Вы узнаете как размещать версии проектов на GitHub

Вы изучите систему создания сайтов на CSS GRID

Вы узнаете современные способы верстки сайтов

Программа курса

Устанавливаем и настраиваем необходимое программное обеспечение

Новое свойство clip-path. Начинаем создавать первую секцию сайта

Если у вас не работает scout-app

Практика: Создайте свою фигуру с помощью Clip-path

Выравнивание элементов по вертикали абсолютным позиционированием

Знакомство с @KeyFrames. Создаем первую анимацию.

Backface-visibility и создание кнопок через псевдо-классы

Анимируем кнопку с помощью псевдо-элементов

Animation-fill-mode. Запуск анимации из определенной точки.

3 принципа веб разработки

Используйте REM вместо PX

Вес на облаке 5.45 ГБ