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

Складчина: [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