udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
5 ч 56 мин
Категория
CSS
Количество уроков
49 Видео
Дата добавления
1 окт. 2022 г., 00:24
Язык
Английский
Дата выхода
9 авг. 2022 г., 01:00
Если вы хотите узнать о самом популярном расширении CSS и создавать современные, красивые и реалистичные веб-сайты, то этот курс для вас. Курс охватывает все, что вам нужно знать об этой удивительной технологии. На протяжении всего курса вы встретите подробные объяснения о том, как работает SASS, а также познакомитесь с современными практиками и решениями.
Включено:
1. Вы начнете с основных тем SASS, таких как установка компилятора SASS, создание переменных и миксинов для написания более лаконичного и гибкого кода. Кроме того, мы затронем такие темы, как: extend, placeholder selectors, функции, import, partialsи многое другое...
2. Вы создадите современный и красивый сайт - Ресторан "Грузия". Проект будет создан на основе SASS. Вы узнаете, как структурировать свой код с помощью SASS, сможете объединить все изученное и создать веб-сайт.
3. Далее мы рассмотрим некоторые дополнительные возможности SASS. Вы сможете узнать о типах данных SASS, интерполяции, циклах, директиве IF и многом другом.
4. После завершения расширенного раздела SASS мы создадим наш следующий проект - «Магазин одежды» на основе расширенного материала SASS.
5. Вы сможете сделать веб-сайты адаптивными для всех размеров экрана, используя некоторые методы SASS.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:03:13Introduction
-
Урок 2. 00:03:11What is SASS?
-
Урок 3. 00:01:56Setup
-
Урок 4. 00:12:22Install SASS Compiler
-
Урок 5. 00:09:25SASS Variables
-
Урок 6. 00:04:20Nesting in SASS
-
Урок 7. 00:07:13Mixins
-
Урок 8. 00:04:28Extend
-
Урок 9. 00:07:39Functions
-
Урок 10. 00:02:39Placeholder Selectors
-
Урок 11. 00:05:24Import and Partials
-
Урок 12. 00:06:22Project Preview
-
Урок 13. 00:03:53Create Structure of Header
-
Урок 14. 00:14:40Style Header - Part 1
-
Урок 15. 00:07:59Style Header - Part 2
-
Урок 16. 00:04:01Create Structure of About Us Section
-
Урок 17. 00:05:42Style About Us Section
-
Урок 18. 00:03:59Build Structure of Gallery
-
Урок 19. 00:11:48Style Gallery
-
Урок 20. 00:03:57Create Structure of Footer
-
Урок 21. 00:05:07Style Footer
-
Урок 22. 00:05:38Build Structure of Navbar
-
Урок 23. 00:08:50Style Navbar
-
Урок 24. 00:11:36Hamburger Menu
-
Урок 25. 00:11:13Make Project Responsive - Part 1
-
Урок 26. 00:09:58Make Project Responsive - Part 2
-
Урок 27. 00:07:40Make Project Responsive - Part 3
-
Урок 28. 00:06:15SASS Data Types - Part 1
-
Урок 29. 00:04:41SASS Data Types - Part 2
-
Урок 30. 00:03:28SASS Interpolation
-
Урок 31. 00:05:11For Loop
-
Урок 32. 00:03:39Each Loop
-
Урок 33. 00:05:34If Directive
-
Урок 34. 00:08:51Project Preview
-
Урок 35. 00:06:42Create Structure of Header
-
Урок 36. 00:06:22Layout of Container
-
Урок 37. 00:09:14Style Header - Part 1
-
Урок 38. 00:06:12Style Header - Part 2
-
Урок 39. 00:08:58Dropdown Menu
-
Урок 40. 00:02:56Create Markup of Slideshow
-
Урок 41. 00:05:55Make Slideshow Working - Part 1
-
Урок 42. 00:09:30Make Slideshow Working - Part 2
-
Урок 43. 00:04:17Create Markup of Products Section
-
Урок 44. 00:12:25Styling of Products Section
-
Урок 45. 00:12:24Products Section Button
-
Урок 46. 00:09:07Create Structure of Footer
-
Урок 47. 00:05:29Styling of Footer - Part 1
-
Урок 48. 00:14:44Styling of Footer - Part 2
-
Урок 49. 00:20:50Make Project Responsive
Автор - udemy
Категории
Комментарии
-
Cagnus MarlsenМожет скажем ему что div это не divelopment, а division?
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
wpsessions.com
30 мая 2020 г., 20:47
Sass: от новичка до эксперта
Mastering Sass: From Beginner to Expert
Количество CSS, которое мы используем чтобы сделать Интернет красивым, увеличилось вместе с уровнем контроля, предоставленным нам браузерными движками. И врятли его станет меньше в ближайшее время. Sass: элегантное решение для написания меньшего количества строк CSS, в то же время делая с ними на порядок больше.
Курс современного разработчика: Flexbox, Grid, Sass и анимации
The Modern Flexbox, Grid, Sass & Animations Developer Course
Это самый современный и обширный курс по CSS Flexbox, CSS Grid, Sass и Advanced CSS Animations. В этом курсе вы узнаете все о CSS Flexbox и как он внедряется в реальные веб-сайты. Вы изучите основы веб-дизайна пользовательского интерфейса и адаптивного веб-дизайна, а также передовой опыт. Мы глубоко погрузимся в тему CSS Grid и все его тонкости. В этом курсе также подробно рассматривается язык расширения Sass для CSS.
Конвертируйте SCSS (Sass) в CSS-in-JS
Convert SCSS (Sass) to CSS-in-JS
CSS использует глобальное пространство имен для селекторов CSS, которое может легко привести к конфликтам стилей во всем приложении при создании приложения с использованием современных веб-компонентов. Вы можете избежать этой проблемы, вложив CSS-селекторы или используя соглашение по стилю, такое как BEM, но это быстро усложняется и не масштабируется.
kevin powell
13 сент. 2018 г., 04:37
Sass - от новичка до реального проекта
Sass - from beginner to real world
Sass стал основным языком для изучения начинающими веб-разработчиками. Он помогает вам быстрее писать свой код, делать вещи, которые иногда кажутся волшебными, а также является частью многих современных рабочих процессов. Этот курс расскажет вам, как использовать Sass, как интегрировать его в рабочий процесс и подтолкнуть вас к трудностям, помогая вам стать лучшим frontend-разработчиком.
CSS-анимации
CSS Animations
Анимация пользовательского интерфейса играет важную роль для веб-приложений и веб-сайтов в улучшении взаимодействия с пользователем. Но создание анимации может быть трудным или чрезмерным. На этом курсе мы изучим основы CSS-анимации и перейдем к продвинутым концепциям, таким как оркестровка и хореография. Мы также изучим принципы моушн-дизайна, которые сделают все наши анимации последовательными и продуманными.