Главная страница Категория css Materialize CSS с нуля + 5 проектов в курсе

Materialize CSS с нуля + 5 проектов в курсе

Name: Materialize CSS с нуля + 5 проектов в курсе
Rating: 5 (27 reviews)

Materialize CSS From Scratch With 5 Projects

udemy

Brad Traversy

Загрузить

Продолжительность

10 ч 26 мин

Категория

CSS

Количество уроков

63 Видео

Дата добавления

20 февр. 2018 г., 20:40

Язык

Английский

Дата выхода

14 февр. 2018 г., 22:29

Дата обновления

23 февр. 2020 г., 14:47

Усвой HTML 5 и Materializ CSS-фреймворк, построив 5 реальных проектов на основе Material дизайна. Этот курс предназначен для тех, кто знает базовый HTML и немного CSS и которые хотят сделать пользовательский интерфейс на следующем уровне, используя структуру Materialize CSS, основанную на схеме Google's Material Design. Вы узнаете все компоненты CSS и JavaScript, анимации / переходы и создадите 5 красивых и полностью отзывчивых (респонсив), реальных проекта.

Materialize Sandbox

Я создал совершенно кастомную среду обучения HTML для первых нескольких разделов этого курса. Каждая лекция имеет связанную с ней html-страницу и имеет начальное состояние. Когда мы продвигаемся по лекциям, вы пишите код вместе со мной все, что предлагает Materialize, включая компоненты CSS, утилиты, виджеты JS и многое другое.

5 Реальных проектов / Тем

Travelville - веб-сайт / тема туристического агентства (слайдер карусели, автозаполнение, прокрутка навигации)
Quazzu - тема облачного хостинга (SideNav, карты, оверлеи CSS)
Madmin - Интерактивная тема администратора (рабочий список todo, диаграммы, предварительный загрузчик, скрипт счетчика)
BizLand - тема сайта бизнес-консультаций с полноэкранной ленгдинг страницей (Scrollfire, интеграция с Google maps)
Galappear - портфолио (использует Sass и scrollfire для анимации прокрутки)

Посмотреть больше

Урок 1. 00:06:06

Welcome To The Course
Урок 2. 00:04:34

What Is Materialize & Why Use It?
Урок 3. 00:09:18

Environment Setup
Урок 4. 00:06:53

Materialize Sandbox Setup
Урок 5. 00:10:10

Typography & Alignment
Урок 6. 00:08:21

Text & Background Colors
Урок 7. 00:10:40

Buttons & Icons
Урок 8. 00:13:05

Floating & Fixed Action Buttons
Урок 9. 00:15:33

Navbar
Урок 10. 00:12:32

Collections & Badges
Урок 11. 00:11:23

The Grid System
Урок 12. 00:21:30

Cards
Урок 13. 00:08:58

Breadcrumb & Footer
Урок 14. 00:14:41

Basic Form & Input Controls
Урок 15. 00:14:33

Fancy Form & Input Controls
Урок 16. 00:05:43

Tables & Media
Урок 17. 00:10:06

Chips & Pagination
Урок 18. 00:04:41

Preloaders
Урок 19. 00:08:05

Carousel
Урок 20. 00:05:33

Collapsible
Урок 21. 00:06:53

Feature Discovery
Урок 22. 00:09:02

Dialogs (Toasts & Tooltips)
Урок 23. 00:07:03

Material Box & Slider
Урок 24. 00:09:02

Modals
Урок 25. 00:02:59

Parallax
Урок 26. 00:08:43

Side Navigation
Урок 27. 00:08:56

PushPin
Урок 28. 00:04:33

ScrollSpy Nav Scrolling
Урок 29. 00:07:37

Tabs
Урок 30. 00:02:16

Project Intro
Урок 31. 00:09:04

Navbar & Sidenav
Урок 32. 00:07:25

Image Slider
Урок 33. 00:11:15

Search & Icon Boxes
Урок 34. 00:14:28

Popular Places & Gallery
Урок 35. 00:12:08

Contact Section & ScrollSpy
Урок 36. 00:02:43

Project Intro
Урок 37. 00:15:12

Navbar & Showcase
Урок 38. 00:14:05

Boxes, About & Overlay
Урок 39. 00:14:25

Podcast Section & Testimonials Carousel
Урок 40. 00:08:07

Footer & Login Modal
Урок 41. 00:15:44

Solutions Page
Урок 42. 00:09:40

Signup Page
Урок 43. 00:03:39

Project Intro
Урок 44. 00:12:16

Navbar & Sidenav
Урок 45. 00:15:12

Stat Counters & Preloader
Урок 46. 00:12:40

Display Chart & Recent Comments
Урок 47. 00:15:45

Recent Posts & Todo List
Урок 48. 00:12:20

Floating Button & Modals
Урок 49. 00:15:02

Posts & Categories Pages
Урок 50. 00:09:39

Comments & Users Pages
Урок 51. 00:13:00

Login & Details Pages
Урок 52. 00:02:00

Project Intro
Урок 53. 00:14:17

Full Screen Header
Урок 54. 00:12:30

ScrollFire & Boxes
Урок 55. 00:12:55

About, Testimonials & ScrollSpy
Урок 56. 00:13:46

Contact & Google Map
Урок 57. 00:02:15

Project Intro
Урок 58. 00:11:46

Koala Setup & Sass
Урок 59. 00:08:56

Header & Navbar
Урок 60. 00:04:17

Changing & Using Variables
Урок 61. 00:11:05

Gallery Layout
Урок 62. 00:11:44

Modals & ScrollFire
Урок 63. 00:07:46

Inner Pages

Авторы - Brad Traversy, udemy

Brad Traversy

Я начал программировать в 2007 году в возрасте 26 лет. В 2016 году я стал штатным преподавателем и создателем контента. Я показываю людям, что им не обязательно быть отличником или гением, чтобы научиться программировать. Я разбиваю сложные концепции, показывая вам, как их реализовать в курсах и учебных пособиях на основе проектов.

+193

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+193

Комментарии