Удаление [Udemy] CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass) [ENG-RUS]

CSS — Полное руководство 2022, включая Flexbox, Grid и Sass
"Udemy"на русском


​

Автор: Academind by Maximilian Schwarzmüller, Manuel Lorenz

Студия: Udemy

Год: 2022

Продолжительность: 22 часа 47 минут

Язык: Английский

Описание:

Присоединяйтесь к этому курсу-бестселлеру по CSS, чтобы узнать все о CSS от начала и до конца!

CSS — сокращение от Каскадные таблицы стилей — это «язык программирования», который вы используете для превращения ваших необработанных HTML-страниц в настоящие красивые веб-сайты.

Этот курс охватывает все — мы начинаем с самых основ (Что такое CSS? Как он работает? Как вы его используете)? и постепенно будем погружаться все глубже и глубже. Мы будем делать это, основываясь как на практических примерах, так и на теории.

Начало работы с CSS может показаться простым, но на самом деле CSS очень объемный, поэтому этот курс предлагает различные «путей» или «точки входа», что будет точно отражать ваш текущий уровень знаний:

• Базовый путь: начните с самого начала, изучите CSS с нуля. Вы начинаете с лекции 1 и просто двигаетесь до конца курса
• Продвинутый путь: вы уже знакомы с основами CSS, знаете, что такое селекторы и как они работают, но вы хотите погрузиться глубже и изучить некоторые дополнительные функции и способы их использования.
• Экспертный путь: у вас уже есть продвинутые знания, но вы хотите изучить в такие вещи, как Flexbox, CSS Grid, CSS Variables или Sass.

Конечно, в этом курсе мы будем изучать теорию, а также разберем практические примеры — на протяжении всего курса мы создадим целый настоящий проект — но также в курсе будут несколько заданий, тестов и опросов, чтобы вы могли практиковать отдельные концепции, преподаваемые на протяжении всего курса.

Говоря о проекте - мы создадим frontend (не backend) вымышленной веб-хостинговой компании. У нас будет начальный экран с разными разделами, респонсивный дизайн с анимированным боковыми панелями, у нас будут модальные окна и формы, и в целом у нас будет много CSS-анимаций, стилей шрифтов и многого другого!

Вот что будет внутри курса - все это относится и к упомянутому проекту:

• Основы селекторов, комбинаторов и общих принципов настройки стилей
  
• Свойства, значения и объявления
  
• Как работают специфичность и наследование и почему они называются «каскадными» таблицами стилей
  
• Важные теоретические концепции, такие как «блочная модель»
  
• Как можно изменить положение элементов по умолчанию
  
• Стилизация фона (например, градиенты) и изображений
  
• Какие единицы и размеры обычно используются в CSS (px, rem, % и т. д.)
  
• Как взаимодействуют JavaScript и CSS
  
• Респонсивный дизайн и что означает «Mobile First»
  
• Работа с текстом, шрифтами и стилями текста
  
• Flexbox! Как это работает и как это использовать
  
• Использование CSS Grid и его отличия от Flexbox
  
• Преобразование и анимация элементов HTML с помощью CSS
  
• Написание ориентированного на будущее CSS с такими функциями, как CSS-переменные или популярные имена классов
  
• Использование Sass и что это такое на самом деле

Этот курс для вас, если:

• вы начали изучение веб-разработки и хотите создавать более красивые веб-сайты
  
• вы уже знаете CSS, но хотите изучить более подробно
  
• вы используете CSS методом проб и ошибок и хотите это изменить (вы должны!)

Чему вы научитесь:

• Узнайте, почему CSS прекрасен, и почему его не стоит бояться!
• Flexbox, Grid, анимации, переходы, шрифты, медиа-запросы и многое другое — все включено!
• Создавайте красивые веб-сайты, которые не только содержат отличный контент, но и хорошо выглядят.
• Используйте как базовые, так и расширенные функции CSS.
• Понимание концепций и теории CSS и определенных функций CSS.

Спойлер: Оригинальное описание

Join this bestselling CSS course to learn all about CSS from the ground up, in great depth!

CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.

This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.

Getting started with CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect you current knowledge level:

• The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.
  
  
• The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.
  
  
• The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.

Of course this course offers the theory and practical examples - we'll build an entire real course project throughout the course - but there also are multiple assignments, quizzes and challenges for you to practice individual concepts taught throughout the course.

Talking about the course project - we'll build the frontend (no backend) of a fictional web hosting company. We'll have a starting screen which has different sections, we got a responsive design with an animated side-drawer, we got modals and forms and in general we got a lot of CSS animations, font styles and more!

Here's what's inside the course in detail - this is all also applied to the mentioned course project:

• The basics about selectors, combinators and how you set up styling rules in general
  
  
• Properties, values and decalarations
  
  
• How specifity and inheritance work and why it's called "Cascading" Style Sheets
  
  
• Important theoretical concepts like the "Box Model"
  
  
• How the default position of elements can be changed
  
  
• Styling backgrounds (e.g. gradients) and images
  
  
• Which units and dimensions you typically use in CSS (px, rem, % and more)
  
  
• How JavaScript and CSS interact
  
  
• Responsive design and what "Mobile First" means
  
  
• Styling forms and form inputs
  
  
• Working with text, fonts and text styles
  
  
• Flexbox! How it works and how to use it
  
  
• Using the CSS Grid and how it differs from Flexbox
  
  
• Transforming and animating HTML elements with the help of CSS
  
  
• Writing future-proof CSS with features like CSS variables or best-practice class names
  
  
• Using Sass and what it actually is all about

Is this course for you?

It's for you if ...

• you started with learning web development and you want to build more beautiful websites
  
  
• you already know CSS but want to dive deeper
  
  
• you're using CSS in a trial-and-error manner and want to change this (you should!)

You might come back later if ...

• you're an absolute CSS pro and you know the CSS working group drafts by heart
  
  
• you're a backend-only developer (Node, PHP, NO HTML or frontend JavaScript)
  
  
• you're a total newcomer to web development and you don't know the basics about HTML

If that sounds good to you, we'd be more than happy to welcome you in this course!

Страница курса:

Пример перевода:

Курс зарезервировал cartmen, начнет переводить, когда запишутся минимум 90-95 человек

 

Добавлен пример перевода