Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Create Material Designed Websites and Hybrid Apps
Introduction
Introduction (1:43)
What is Material Design? (3:05)
Difference Between Flat Design & Material Design (5:57)
What Is Material Design Lite? (3:19)
Project
Setting Up A Project (2:58)
Using Material Design Lite (5:09)
Layout
Adding a Header (3:29)
Adding Content (1:15)
Adding a Footer (1:22)
Header
Adding A Title & Rows in A Header (4:07)
Adding A Menu Button (3:46)
Adding A Menu List (4:43)
Adding A Tab Bar In A Header (5:59)
Adding A Tab Bar Panels (5:47)
Adding A Badge To A Tab Item (4:28)
Waterfall Header (3:56)
Drawer
Adding A Drawer Icon (2:30)
Adding a Drawer (3:07)
Adding Navigation Links (3:00)
Adding Logic To Navigation Links (6:30)
Footer
Difference Between Mega Footer & Mini Footer (3:10)
Adding A Mini Footer Sections (2:07)
Adding Copyright & Links (2:21)
Adding A Social Button (1:48)
About Me Page
Adding a Grid (5:49)
Adding a Card (2:55)
Adding a Card Title (2:44)
Adding a Card Image (2:06)
Adding a Card Text (3:00)
Work Page
Adding A Grid (2:52)
Adding Cards (1:59)
Adding Cards Titles (2:07)
Adding Cards Images (2:47)
Adding Cards Texts (3:20)
Adding Cards Actions (5:52)
Skills Page
Adding A Grid (2:40)
Adding A Data Table (3:08)
Contact Page
Adding A Grid (2:17)
Adding A Name Field (4:08)
Adding An Email Field (3:29)
Adding A Subject Field (2:53)
Adding A Message Field (1:40)
Adding A Send Button (3:33)
Adding A Tooltip (2:50)
Adding A Progress Bar (3:38)
Survey Page
Adding A Grid (1:55)
Adding A Range Input (3:29)
Adding A Radio Buttons (5:58)
Adding A Checkboxes (4:58)
Adding A Raised Button (3:24)
Adding A Spinner Bar (4:30)
End
Final Result (1:32)
Adding A Switch Theme Button (5:59)
Designing Hybrid APPs
Creating A Cordova Application (5:35)
Exercise Files
Source Code
Teach online with
Adding A Grid
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock