Усвой HTML 5 и Materializ CSS-фреймворк, построив 5 реальных проектов на основе Material дизайна. Этот курс предназначен для тех, кто знает базовый HTML и немного CSS и которые хотят сделать пользовательский интерфейс на следующем уровне, используя структуру Materialize CSS, основанную на схеме Google's Material Design. Вы узнаете все компоненты CSS и JavaScript, анимации / переходы и создадите 5 красивых и полностью отзывчивых (респонсив), реальных проекта.
Materialize Sandbox
Я создал совершенно кастомную среду обучения HTML для первых нескольких разделов этого курса. Каждая лекция имеет связанную с ней html-страницу и имеет начальное состояние. Когда мы продвигаемся по лекциям, вы пишите код вместе со мной все, что предлагает Materialize, включая компоненты CSS, утилиты, виджеты JS и многое другое.
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 году я стал штатным преподавателем и создателем контента. Я показываю людям, что им не обязательно быть отличником или гением, чтобы научиться программировать. Я разбиваю сложные концепции, показывая вам, как их реализовать в курсах и учебных пособиях на основе проектов.
+188
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.