Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Angular Material

Material for Angular 6 - UI UX Ivy League Instructor

Zero to Hero in Material for Angular. This course was written for Angular 6, the latest version.
Rating: 2.8 out of 52.8 (167 ratings)
13,966 students
Created by Gopal Shangari
Last updated 6/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Students will be able to rapidly build apps that are pixel perfect using Angular 6 and Material.
  • We build a weather app and provide you the code to do so on your own as well.
  • You can build an app that looks like Facebook, Snapchat or Twitter.

Course content

3 sections • 14 lectures • 2h 9m total length

  • Preview09:57
  • Basic Commands for Angular
    1 question
  • Preview12:31

  • Intro to Angular 6
    13:02
  • Architecture
    06:42
  • Generate App, setup Angular
    12:46
  • Waffle UI
    03:17
  • UI and Interfaces
    09:09
  • Angular Services and HttpClient
    11:28
  • Preview07:45

  • Angular Material
    10:37
  • Flex Layout
    06:34
  • Material Toolbars
    11:29
  • Material Style
    12:38
  • Material Unit Tests
    01:18

Requirements

  • Some familiarity with Angular. If you have done any exercises in Angular, you know enough to do this course.
  • Either a Mac or PC. If you have Linux you can use the same code, but we do not go through Linux installations of Angular.

Description

ANGULAR MATERIAL IS THE FUTURE OF WEBDESIGN

Angular is a great framework that with Angular CLI makes using Angular easy.  However, the only downside of using such a new framework is manually writing form controls.  Material Design allows us to build Angular apps quickly and effortlessly, similar to how bootstrap works with CSS.  

Course Overview

We will start first by scaffolding an Angular Material application, then customizing the layout and UI/UX.  Next, we will start exploring the Angular Material components starting with some navigation menu and icons.

The goal here is to show that its also possible to use Angular Material components  to build apps quickly.   Later in this section, we will use a more advanced menu system where Angular Material is essentially taking over the whole application layout, with a side menu component.

We are then going to introduce container components such as for example Tab Containers and Material Cards.  We will also show how to use Modals to edit some of data in the data table, for which we will use multiple different types of form components to build an editable form.

At the end of the course, we will show we can customize the look and feel of the Angular Material component suite by building our own custom theme.

What Will You be able to do at the End Of This Course?

You will be able to comfortably build an Angular 6 application using Angular Material and the Angular CLI. You will be able to take a basic app and turn it into a beautiful, UI and UX correct app. 

You will receive the code for a app, and will be taken step by step on how to build it!  

There is no other course that covers the course in such technical detail as quickly.  

  • Instruction on Angular, specifically Angular 6, just in case you forgot how it works (or never learned it)
  • A detailed introduction into Angular Material, its docs and its usage
  • A realistic app that uses many Angular Material components
  • An intro to RxJS observables
  • Using Material to build an amazing app.  


This course is for you if you want to practice Angular, want to see it in action or want to learn it with the help of a 100% practical project!

Who this course is for:

  • Beginning or Intermediate Angular programmers. If you already know Material and have already build enterprise level apps, you already know this material.
  • Anyone who has used Angular before. Material will help any Angular programmer understand Angular and build faster.

Instructor

Gopal Shangari
Senior Software Engineer at Udemy
Gopal Shangari
  • 3.5 Instructor Rating
  • 882 Reviews
  • 45,083 Students
  • 4 Courses

BA Degree from Computer Science and Neuroscience from Cornell University in Ithaca NY

MD from Medical College of Ohio (now University of Toledo College of Medicine)

Statistics Certificate from University of California San Francisco

Worked at UCSF as Data Science Programmer from 2008-2012

National Institute of Health (NIH) as Data Science Programmer 2013-2018

NIH as Machine Learning Instructor 2016-2018

Nextcore AI data contracting for NIH 2016-present

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.