[Udemy] Мастер-класс CSS3: ваш полный курс от новичка до продвинутого уровня (2019)
Вы хотите улучшить свои навыки, опробовав новые шрифты, цвета, эффекты, анимацию и многое другое, или хотите добиться успеха на собеседованиях по пользовательскому интерфейсу?
Есть представление о цветах, эффектах, анимации , но не знаете, как его реализовать.
Не волнуйтесь, здесь есть универсальное решение для всех ваших вопросов.
Самое первое, что вам нужно знать: веб-сайт без CSS3 подобен скелету без тела. Этот курс сначала даст базовое понимание разработки вашего веб-сайта с большим эффектом для концентрации внимания конечных пользователей.
Хотите узнать подробности о вашем курсе? Пожалуйста, ознакомьтесь с подробным описанием тем, которые рассматриваются в курсе.
Обо всем Сначала
я проведу для вас краткую экскурсию, чтобы вы знали, какие темы рассматриваются. Помимо этого, вы можете найти несколько проектов, которыми вы сможете заняться после окончания курса. Я даже предоставил файл с ответами на упражнения, которые нужно решать в перерывах между курсами.
Главная прелесть этого раздела в том, что вы можете найти множество ссылок, которые облегчат вам обучение. Я считаю, что «учиться – это всегда весело», поэтому я также включил в список множество Brain Hunt, поверьте мне! Разгадывать их довольно интересно и весело.
Модуль стилизации
В этой части вы изучите варианты руководства по стилю, создадите новый компонент страницы и настроите этот компонент страницы с помощью стилей CSS. Вы научитесь использовать, когда, где и как использовать эти стили.
Модуль цвета.
Эта часть содержит цветовой формат, непрозрачность и прозрачность.
Текстовый модуль
В этом разделе вы узнаете больше о режиме письма, направлениях, ориентации, тенях, межбуквенном интервале, межсловном интервале и многом другом.
Модуль «Шрифты».
Здесь описано, как импортировать формы Google. Наряду с этим вы узнаете о семействе шрифтов, размере, весе и загрузке пользовательских шрифтов.
Селекторы
Селекторы значительно облегчают работу! Типы селекторов и способы их использования описаны в этом разделе с использованием понятий «универсальность», «тип», «класс», «ID» и «селекторы атрибутов». Наряду с ребенком, комбинаторный брат и сестра.
Селектор псевдоклассов и элементов.
Этот раздел содержит псевдокласс местоположения, действие пользователя, ввод, псевдокласс Lang.
Создаваемое содержимое
В этом разделе рассматриваются такие темы, как строка, изображение, счетчик, атрибут, символы Юникода. Специфика. В этом разделе вы узнаете больше о соглашении об именах и чувствительности к регистру , специфике селектора, шаблоне BEM Design, хаке со спецификой. Значения и единицы измерения В этом разделе рассматриваются единицы измерения расстояния, количества, функциональные обозначения. Стили списка
Подробно объясняется, как стилизовать список, используя позицию стиля, изображение стиля и тип стиля.
Модель Box
Объясняет ширину и высоту, минимальную и максимальную ширину, границу, отступы, закругленные углы, переполнения, Box-Shadow и многое другое.
Модуль «Фон»
Обсуждает цвет фона, изображение, повтор, положение, вложение, клип, размер, происхождение.
Градиенты
Как применять градиенты? И типы градиентов доступны.
Модуль отображения
Как отображать блок, встроенный блок, отсутствие и видимость.
Позиционирование
Как позиционировать элемент с помощью функций плавающей запятой, очистки, всего позиционирования и смещения поля.
Модули фильтров
Как применять фильтры, используя свойства фильтра и функции фильтра.
Модуль обрезки и маскировки
Подробно о функциях обрезки и маскировки.
Модуль «Режим наложения»
Как смешивать объекты, используя режим смешивания, режим наложения фона и многое другое о группе осветления, группе контраста, группе затемнения, группе инверсии и группе компонентов.
Модуль «Фигуры»
Включает в себя все методы фигур.
Модуль «Таблицы»
подробно объясняет, как свернуть/разделить границы, расстояние между границами, сторону заголовка, пустые ячейки, макет таблицы.
Преобразование
Включает начало преобразования, 2D-преобразование, 3D-преобразование.
Переход и анимация.
Включает свойство перехода, продолжительность перехода, функцию времени перехода, имя анимации задержки перехода, длительность анимации, функцию времени анимации и многие...
Медиа-запросы.
Функции просмотра/размера страницы.
Дополнительные темы
Отражение поля, обводка текста, фоновый фильтр, переменные шрифты, фоновый клип: текст, курсор, события указателя, выбор пользователя.
И у вас есть потрясающие инструменты для CSS, ресурсы и проект, который можно начать после окончания курса. Приятного обучения!
Всего наилучшего
Материал на английском языке
Подробнее:
Скачать: