Styled Components - Видеоуроки

Styled Components
Duration 03:17:09
Открыть все курсы от leveluptutorials

В этой серии уроков мы буде говорить о Styled Components. Мы поговорим о том как использовать Styled Components и о лучших способах их организации в проекте. Также мы подумаем о том, когда нужно использовать Styled Components, а когда мы можем обойтись простым css.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Styled Components 00:00:35
  • Урок 2. Why CSS In JS 00:03:29
  • Урок 3. Project Setup and Our First Component 00:09:37
  • Урок 4. How Styled Components Works 00:05:44
  • Урок 5. Props In Styled Components 00:10:16
  • Урок 6. How SC Replaces PreProcessors 00:06:54
  • Урок 7. Styling Components & Extending 00:11:32
  • Урок 8. Media Queries 00:11:11
  • Урок 9. The CSS Helper 00:06:47
  • Урок 10. Global Styles 00:08:05
  • Урок 11. Organization 00:13:20
  • Урок 12. Organization Part 2 00:11:59
  • Урок 13. Scoping To Components 00:05:52
  • Урок 14. Strategies For Variables 00:10:34
  • Урок 15. Writing Good Mixins 00:12:18
  • Урок 16. Building An Extendible System 00:11:25
  • Урок 17. Polished 00:09:13
  • Урок 18. BEM with Styled Components 00:08:55
  • Урок 19. BEM Part 2 00:09:17
  • Урок 20. Themes in Styled Components 00:09:31
  • Урок 21. The CSS Prop for Prototyping 00:05:43
  • Урок 22. The as Prop 00:03:00
  • Урок 23. When To Use A Styled Component 00:06:11
  • Урок 24. Where To Go From Here 00:05:41
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 11.04.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Последнее добавленное

React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
Создаем приложение React Native для iOS и Android от начала до конца

Создаем приложение React Native для iOS и Android от начала до конца

en
Если вы уже знакомы с React, то React Native - отличный способ создавать мобильные приложения для iOS и Android. Конечно, веб-приложения и мобильные приложения сильно отличаются друг от друга, но этот курс служит вашим руководством.
Полное введение в React, v5

Полное введение в React, v5

en
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан...
The Web Developer Bootcamp

The Web Developer Bootcamp

en
Единственный курс, который вам нужен для изучения веб-разработки - HTML, CSS, JS, Node и многое другое! Привет! Добро пожаловать в The Web Developer Bootcamp, единственный курс, который вам нужен для изучения веб-разработки. Существует множество вариантов онлайн-обучения разработчиков...
chat
logo