Master Materialize and code 3 projects with 9 pages
5.0 (2 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26 students enrolled

Master Materialize and code 3 projects with 9 pages

Master the latest version of Materialize and create real projects and themes while learning HTML, web design and coding
5.0 (2 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26 students enrolled
Last updated 12/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 1 downloadable resource
  • 19 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to create and use all elements, collections, views and modules of the Materialize framework
  • Learn how to create three different responsive websites using the Materialize framework
  • Practice with 19 coding exercises and a special built Materialize Learning Kit (100+ source files)
  • Master the latest version: Materialize 1.0.0
  • How to creating fluid and responsive layouts
  • How to use breakpoints and the grid system
  • How to structure all kinds of content
  • How to use all of the 9 types of CSS classes
  • How to build all of the 12 components
  • How to build all of the 15 JavaScript modules
  • How to build all of the 9 components for forms
  • Project 1: Create a Resume and CV Page
  • Project 2: Create a Small Business Website
  • Project 3: Create a Knowledge Base
Course content
Expand all 94 lectures 08:56:07
+ CSS
10 lectures 58:23
About the CSS Section
00:29
Color
1 question
Helpers
1 question
Media
05:00
Media
1 question
Pulse
01:06
Pulse
1 question
Shadow
1 question
Table
1 question
Transitions
05:38
Typography
04:11
Typography
1 question
+ Components
13 lectures 01:27:01
About the Components Section
00:42
Badges
05:29
Badges
1 question
Buttons
04:53
Buttons
1 question
Breadcrumbs
01:46
Breadcrumbs
1 question
Cards
16:51
Collections
07:31
Collections
1 question
Floating Action Button
11:25
Footer
05:47
Icons
02:16
Icons
1 question
Navbar
19:21
Pagination
02:39
Pagination
1 question
Preloader
06:21
Preloader
1 question
Table Of Contents
02:00
Table Of Contents
1 question
+ JavaScript
16 lectures 01:57:42
About the JavaScript Section
00:48
Auto Init
01:17
Carousel
11:51
Collapsible
06:43
Collapsible
1 question
Dropdown
05:36
Feature Discovery
06:41
Media
12:02
Modals
08:29
Parallax
03:08
Pushpin
10:59
Scrollspy
07:50
Sidenav
05:27
Tabs
11:55
Toasts
14:15
Tooltips
05:46
Tooltips
1 question
Waves
04:55
Waves
1 question
+ Forms
10 lectures 01:17:33
About the Forms Section
00:37
Autocomplete
04:35
Checkboxes
06:07
Chips
11:57
Pickers
13:15
Radio Buttons
04:39
Range
05:31
Select
10:10
Switches
01:52
Switches
1 question
Text Inputs
18:50
+ Project 1: Resume and CV Page
9 lectures 46:56
Index – About
04:12
Index – Work Experience
09:15
Index – Education
03:21
Index – Testimonials
07:13
Index – Contact Info
10:30
Index – Portfolio
03:19
Index – Skills
06:29
+ Project 2: Small Business Website
17 lectures 01:16:39
About the Project
01:43
Index – Basic Setup
01:12
Index – Navigation
09:08
Index – Hero
06:18
Index – Hiring
01:42
Index – What and Who
05:18
Index – News
04:54
Index – Footer
10:41
Services – Our Services
06:18
About – Story
02:30
About – Office
02:35
About – Clients
02:30
Team – Team
05:28
Contact – Address
02:25
Contact – Hours
01:48
Contact – Message
10:13
Contact – Map
01:56
+ Project 3: Knowledge Base
15 lectures 54:23
About the Project
03:09
Index – Basic Setup
01:13
Index – Top Bar
08:41
Index – Search
02:10
Index – Articles
03:39
Index – Footer
04:13
Category – Breadcrumbs
03:31
Category – Page Navigation
02:51
Category – Article List
11:40
Category – Support
02:09
Article – Breadcrumbs
01:28
Article – Page Navigation
00:39
Article – Content
03:15
Article – Feedback
03:38
Article – Related Articles
02:07
Requirements
  • Basic understanding of HTML
  • A code editor and a browser
Description

ABOUT

Materialize - one of the world's most popular front-end frameworks!

This course covers all the different parts of the latest version of one of the world's most popular front-end framework, Materialize 1.0.0. Materialize has been used by thousands of people around the world and have been carefully developed to cover a wide range of typical user interfaces.

Web pages built with Materialize works across all kinds of devices, browsers and screen sizes and will have a clean and modern design.

This course is for the beginner who want to learn Materialize from the bottom up. It goes through all the different parts, but each lecture can be watched independently.

In addition to just learning about the different parts of Materialize you will find a detailed walk-through of how to build three different responsive and modern complete projects using only Materialize.

PROJECTS

Learn to build the following projects using Materialize:

  • Project 1: Resume and CV Page

  • Project 2: Small Business Website

  • Project 3: Knowledge Base

LEARNING STYLE

More than just video lectures

In addition to the video lectures this course contains the following kinds of learning materials:

  • 19 coding exercises:
    A total of 99 automatic tests against your code. This is one of the best ways to learn how to code - no downloads or installations required.

  • Materialize Learning Kit:
    Downloadable ZIP file that works offline
    A custom built learning kit with source code for all parts of Materialize. Features a reference section with many examples and a practice section, which you can use while learning about Materialize. More than 100 source files included in this learning kit.

UPDATES

Upcoming future updates for this course will include the following:

  • New projects will be added: online shop, social network, portfolio, CMS admin, dashboard and more...

  • New components, utilities and other features in future versions of Materialize will be added

  • Advanced section on how to customize Materialize with Sass

  • Quizzes and assignments

Who this course is for:
  • Anyone who wants to learn how to make responsive and modern websites with Materialize
  • Anyone who wants to learn how to make quick prototypes