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 CompTIA Security+ Amazon AWS 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
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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

The Complete Angular Course: Beginner to Advanced

The most comprehensive Angular 4 (Angular 2+) course. Build a real e-commerce app with Angular, Firebase and Bootstrap 4
Rating: 4.4 out of 54.4 (22,721 ratings)
90,979 students
Created by Mosh Hamedani
Last updated 4/2018
English
English [Auto], Indonesian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Establish yourself as a skilled professional developer
  • Build real-world Angular applications on your own
  • Troubleshoot common Angular errors
  • Master the best practices
  • Write clean and elegant code like a professional developer
Curated for the Udemy for Business collection

Course content

25 sections • 376 lectures • 29h 33m total length

  • Preview02:51
  • Preview02:00
  • Preview03:48
  • Preview02:40
  • Preview02:25
  • Preview06:54
  • Preview03:15
  • Preview03:34
  • Angular Basics
    5 questions
  • Course Structure
    03:46
  • Making a Promise
    00:48
  • Asking Questions
    00:33

  • Introduction
    00:41
  • What is TypeScript?
    02:24
  • Your First TypeScript Program
    03:00
  • Declaring Variables
    04:49
  • Types
    05:43
  • Type Assertions
    02:47
  • Arrow Functions
    01:44
  • Interfaces
    03:54
  • Classes
    04:31
  • Objects
    04:09
  • Constructors
    02:52
  • Access Modifiers
    02:56
  • Access Modifiers in Constructor Parameters
    01:41
  • Properties
    05:18
  • Modules
    04:31
  • Exercise
    00:58
  • Solution
    05:09
  • A Problem with the Current Implementation
    03:39

  • Introduction
    00:19
  • Building Blocks of Angular Apps
    03:41
  • Components
    09:38
  • Generating Components Using Angular CLI
    04:41
  • Templates
    02:28
  • Directives
    03:27
  • Services
    04:29
  • Dependency Injection
    07:20
  • Generating Services Using Angular CLI
    02:11
  • List of Authors
    1 question

  • Introduction
    00:24
  • Property Binding
    03:16
  • Attribute Binding
    03:35
  • Adding Bootstrap
    04:53
  • Class Binding
    01:47
  • Style Binding
    01:19
  • Event Binding
    04:30
  • Event Filtering
    01:50
  • Template Variables
    01:53
  • Two-way Binding
    08:05
  • Pipes
    06:38
  • Custom Pipes
    06:16
  • Favorite Component
    1 question
  • Title Casing
    1 question

  • Introduction
    00:26
  • Component API
    04:22
  • Input Properties
    04:44
  • Aliasing Input Properties
    04:22
  • Output Properties
    03:22
  • Passing Event Data
    05:51
  • Aliasing Output Properties
    02:05
  • Templates
    02:41
  • Styles
    05:10
  • View Encapsulation
    09:11
  • ngContent
    04:56
  • ngContainer
    02:34
  • Like Component
    1 question

  • Introduction
    00:31
  • ngIf
    06:11
  • Hidden Property
    03:25
  • ngSwitchCase
    06:36
  • ngFor
    04:18
  • ngFor and Change Detection
    03:28
  • ngFor and Trackby
    05:47
  • The Leading Asterisk
    01:47
  • ngClass
    01:51
  • ngStyle
    02:31
  • Safe Traversal Operator
    02:45
  • Creating Custom Directives
    09:52
  • Exercise: ZippyComponent
    1 question

  • Introduction
    00:26
  • Building a Bootstrap Form
    04:05
  • Types of Forms
    03:21
  • ngModel
    05:30
  • Adding Validation
    03:17
  • Specific Validation Errors
    04:20
  • Styling Invalid Input Fields
    01:26
  • Cleaner Templates
    01:52
  • ngForm
    05:05
  • ngModelGroup
    02:38
  • Control Classes and Directives
    01:47
  • Disabling the Submit Button
    01:08
  • Working with Check Boxes
    02:18
  • Working with Drop-down Lists
    06:02
  • Working with Radio Buttons
    02:55
  • Course Form
    1 question

  • Introduction
    01:15
  • Building a Bootstrap Form
    00:50
  • Creating Controls Programmatically
    06:14
  • Adding Validation
    07:07
  • Specific Validation Errors
    02:33
  • Implementing Custom Validation
    07:01
  • Asynchronous Operations
    05:13
  • Asynchronous Validators
    08:04
  • Showing a Loader Image
    01:37
  • Validating the Form Input Upon Submit
    04:58
  • Nested FormGroups
    02:40
  • FormArray
    08:43
  • FormBuilder
    03:59
  • Quick Recap
    01:16
  • Change Password Form
    1 question

  • Introduction
    01:03
  • JSONPlaceHolder
    01:52
  • Getting Data
    08:17
  • Creating Data
    07:59
  • Updating Data
    05:05
  • Deleting Data
    01:59
  • OnInit Interface
    03:54
  • Separation of Concerns
    03:41
  • Extracting a Service
    07:09
  • Handling Errors
    03:21
  • Handling Unexpected Errors
    02:27
  • Handling Expected Errors
    04:28
  • Throwing Application-specific Errors
    08:32
  • Handling Bad Request Errors
    02:59
  • Importing Observable Operators and Factory Methods
    03:08
  • Global Error Handling
    07:03
  • Extracting a Reusable Error Handling Method
    03:35
  • Extracting a Reusable Data Service
    07:39
  • The Map Operator
    04:27
  • Optimistic vs Pessimistic Updates
    06:25
  • Observables vs Promises
    06:44
  • GitHub Followers Page
    1 question

  • Introduction
    00:30
  • Routing in a Nutshell
    01:04
  • Configuring Routes
    06:47
  • RouterOutlet
    02:29
  • RouterLink
    05:41
  • RouterLinkActive
    01:52
  • Getting the Route Parameters
    05:23
  • Why Route Parameters Are Observables
    08:57
  • Routes with Multiple Parameters
    01:48
  • Query Parameters
    04:28
  • Subscribing to Multiple Observables
    04:45
  • The SwitchMap Operator
    07:59
  • Programmatic Navigation
    02:16
  • Blog Archives
    1 question

Requirements

  • Basic familiarity with HTML, CSS and JavaScript
  • NO knowledge of Angular 1 or Angular 2 is required

Description


Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript. If you want to establish yourself as a front-end or a full-stack developer, you need to learn Angular.


If you've been confused or frustrated jumping from one Angular 4 tutorial to another, you've come to the right place. In this course, Mosh, author of several best-selling courses on Udemy, takes you on a fun and pragmatic journey to master Angular 4. 


By the end of watching this course, you'll be able to: 

  • Build real client apps with Angular on your own 
  • Troubleshoot common compile-time and run-time errors
  • Write clean and maintainable code like a professional
  • Apply best practices when building Angular apps 



Right from the beginning, you'll jump in and build your first Angular app within minutes. Say goodbye to boring tutorials and courses with rambling instructors and useless theories! 


Angular 2+ has been written in TypeScript. So, in section 2, you'll learn the fundamentals of TypeScript and object-oriented programming to better understand and appreciate this powerful framework. 


Over the next 8 hours, you'll learn the essentials of building client apps with Angular: 

  • Displaying data and handling events
  • Building re-usable components
  • Manipulating the DOM using directives 
  • Formatting data using pipes
  • Building template-driven and reactive forms 
  • Consuming HTTP services 
  • Handling HTTP errors properly 
  • Using Reactive Extensions and observables 
  • Adding routing and navigation
  • Implementing authentication and authorization using JSON Web Tokens (JWT) 
  • Deploying your applications to GitHub Pages, Firebase and Heroku


So, if you're a busy developer with limited time and want to quickly learn how to build and deploy client apps with Angular, you can stop here. 


If you're more adventurous and want to learn more, there is far more content for you! Over the following sections, you'll learn about more advanced topics: 

  • Building real-time, server-less apps with Firebase 
  • Animating DOM elements using Angular animations
  • Building beautiful UIs using Angular Material
  • Implementing the Redux architecture 
  • Writing unit and integration tests 


All that covers just over 21 hours of high-quality content. This is equivalent to a book with more than a thousand pages! But the kind of book that every line is worth reading, not a book that you want to skim! If you have taken any of Mosh's courses before, you know he is very clear and concise in his teaching and doesn't waste a single minute of your precious time!


Finally, at the end of the course, you'll build and deploy a real-time e-commerce application with Angular 4, Firebase 4 and Bootstrap 4. This application exhibits patterns that you see in a lot of real-world applications:

  • Master/detail
  • CRUD operations
  • Forms with custom validation
  • Searching, sorting and pagination
  • Authentication and authorization 
  • And a lot more! 


You'll see how Mosh creates a brand new Angular project with Angular CLI and builds this application from A to Z, step-by-step. No copy/pasting! These 8.5 hours are packed with tips that you can only learn from a seasoned developer. 


You'll learn how to apply best practices, refactor your code and produce high quality code like a professional developer. You'll learn about Mosh's design decisions along the way and why he chooses a certain approach. What he shares with you comes from his 17 years of experience as a professional software developer. 


You're not going to get this information in other Angular courses out there! 



And on top of all these, you'll get: 

  • Closed-captions generated by a human, not a computer! Currently only the first few sections have closed-captions but new captions are being added every week. 
  • Offline access: if you are traveling or have a slow connection, you can download the videos and watch them offline.
  • Downloadable source code



PREREQUISITES

You don't need familiarity with TypeScript or any previous versions of Angular. You're going to learn both TypeScript and Angular from scratch in this course.



WHAT OTHER STUDENTS WHO HAVE TAKEN THIS COURSE SAY:

"Absolutely amazing Angular course. Mosh not only introduces key concepts behind Angular, but also pays attention to coding style and good practices. Additionally, course is contstantly enhanced and updated. Also, student questions are answered by Tim - Mosh's teaching assistant. Awesome!" -Calvis


"I am amazed of how dedicated you are in providing updates and more contents to this course. This kind of value is what define a great course and made me feel that the money is well spent. Keep it up! Furthermore, lessons are arranged and planned really carefully. This made the learning experience more seamless and exciting. Thanks Mosh!" -Rashid Razak


"This is another excellent course from the wonderful author Mosh. Thank you Mosh for your awesome course on Angular. Inspite of being a Pluralsight subscriber for the last 3 years, I have subscribed 10 out of 16 courses so far Mosh has produced in Udemy. Also I have viewed 3 of his courses in Pluralsight. That is how I got introduced to this brilliant author. This speaks about the quality of his content. Once again Thank you Mosh for all your efforts. Hope to see a Design Patterns course from you soon." -Dhanasekar Murugesan


"Fantastic course, well laid out, good speed, and explains the why behind everything he does, shedding light on what's under the hood. Also, Mosh has a very practical and elegant coding style worth emulating." -Mack O'Meara


"This is the second course I've taken with Mosh as the instructor and I've signed up for another. The quality of the audio, video, and content shows Mosh invests his time and money to create great and valuable videos. The material is relevant, up-to-date, and provides the student with the ability to succeed in the subject matter (in this case Angular). My expectations were exceeded again. I'll be taking more courses with Mosh!" -John




30-DAY FULL MONEY-BACK GUARANTEE

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you are not happy for any reasons, contact Udemy for a full refund within the first 30 days of your enrolment. All your money back, no questions asked.



ABOUT YOUR INSTRUCTOR

Mosh (Moshfegh) Hamedani is a software engineer with 17 years of professional experience. He is the author of several best selling Udemy courses with more than 120,000 students in 192 countries. He has a Master of Science in Network Systems and Bachelor of Science in Software Engineering. His students describe him as passionate, pragmatic and motivational in his teaching.



So, what are you waiting for? Don't waste your time jumping from one tutorial to another. Enroll in the course and you'll build your first Angular app in less than 10 minutes!



Who this course is for:

  • Developers who want to upgrade their skills and get better job opportunities
  • Front-end developers who want to stay up-to-date with the latest technology
  • Back-end developers who want to learn front-end development and become full-stack developers
  • Hobbyist developers who are passionate about working with new frameworks

Featured review

Kostiantyn Teltov
Kostiantyn Teltov
48 courses
14 reviews
Rating: 4.5 out of 5a year ago
The course was very good. Some of the implementations are out of date(most of them for Angular FIrebase), but it makes an interesting to research in order to find the solution. Personally, to me, it was really good to challenge to resolve some of the problems.

Instructor

Mosh Hamedani
Passionate Software Engineer and Best-selling Author
Mosh Hamedani
  • 4.5 Instructor Rating
  • 205,624 Reviews
  • 489,748 Students
  • 20 Courses

Hi! My name is Mosh (Moshfegh) Hamedani! I'm a passionate software engineer with two decades of experience and I've taught over 3 million people who to code or how to become professional software engineers through my YouTube channel and online courses.

My goal is to make software engineering fun and accessible to everyone. That's why my courses are simple, pragmatic and free of BS.

  • 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.