[Udemy] CSS - The Complete Guide (incl. Flexbox, Grid & Sass)

CSS - Полное руководство (включая Flexbox, Grid & Sass) CSS - сокращение от Cascading Style Sheets - это «язык программирования», который вы используете, чтобы превратить ваши необработанные HTML-страницы в настоящие красивые веб-сайты. Этот курс охватывает все это - мы начинаем с самых основ (что такое CSS?) Как это работает? Как вы его используете? и постепенно погружайтесь глубже и глубже. И мы делаем это, показывая как практические примеры, так и теорию, лежащую в ее основе. Начало работы с CSS может показаться легким, но на самом деле для CSS существует большая глубина - поэтому этот курс предоставляет разные «дорожки» или «точки входа», чтобы точно соответствовать вашим требованиям и отражать текущий уровень знаний: Base Трек: Начните с нуля, изучите CSS с нуля. Вы начинаете с лекции 1 и просто продолжаете до конца. Advanced Track: вы уже знаете основы CSS, знаете, какие селектора и как они работают, но вы хотите погрузиться глубже и изучить некоторые дополнительные функции и способы использования. Expert Track: у вас есть и передовые знания, но вы хотите погрузиться в такие вещи, как Flexbox, CSS Grid, CSS Variables или Sass. Этот трек для вас. Конечно, этот курс предлагает теоретические и практические примеры - мы построим целый проект реального курса на протяжении всего курса, но также есть несколько заданий, викторины и проблемы для вас, чтобы практиковать индивидуальные концепции, преподаваемые на протяжении всего курса. Говоря о проекте курса, мы построим интерфейс (без поддержки) вымышленной веб-хостинговой компании. У нас будет начальный экран с разными разделами, мы получим отзывчивый дизайн с анимированным боковым ящиком, у нас есть модальности и формы, и в целом мы получили много анимаций CSS, стилей шрифтов и многое другое! Вот что находится внутри курса в деталях - все это также применяется к указанному курсовому проекту: Основы о селекторах, комбинаторах и о том, как вы устанавливаете правила стилизации в целом Свойства, значения и декаляризации Как работает спецификация и наследование и почему она называется «Каскадные» таблицы стилей Важные теоретические концепции, такие как «Box Model», Как можно изменить положение элементов по умолчанию Фоновые рисунки (например, градиенты) и изображения Какие единицы и размеры вы обычно используете в CSS (px, rem,% и более) Как взаимодействуют JavaScript и CSS Отзывчивый дизайн и то, что означает «Mobile First» Формы и формы стилизации Работа с текстом, шрифтами и стилями текста Flexbox! Как это работает и как его использовать Использование CSS-сетки и ее отличие от Flexbox Преобразование и анимация HTML-элементов с помощью CSS Написание перспективных CSS с такими функциями, как переменные CSS или имена лучших классов Использование Sass