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
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.