Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication 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 Certifications Network & Security Hardware Operating Systems & Servers 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 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 Paid 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 & Gardening 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 & Diet Yoga Mental Health Martial Arts & 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 Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js HTML5 PHP Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA Microsoft AZ-900 AWS Certified Developer - Associate
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Blockchain
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Virtual Reality
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile App Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Meditation CBT Cognitive Behavioral Therapy Sound Therapy
Entrepreneurship Fundamentals Business Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing YouTube Marketing Podcasting

IT & SoftwareOther IT & SoftwareAngular

Angular 13 Masterclass with TypeScript, Firebase, & Material

Master and build reactive Single Page Applications(SPA) from scratch using Angular (formerly "Angular 2" or "AngularJS")
Rating: 4.5 out of 54.5 (1,010 ratings)
54,830 students
Created by Siddharth Ajmera
Last updated 9/2020
English
English [Auto]

What you'll learn

  • Built a Single Page Application using Angular
  • Using TypeScript
  • Implementing various building blocks in Angular
  • Using Third Party Modules like Angular Material and AngularFire 2

Requirements

  • NodeJS Installed
  • Basic knowledge of NodeJS, NPM, node_modules
  • We'll use AngularCLI, so make sure that it's installed as well.
  • We'll use Visual Studio Code as our IDE
  • You should know JavaScript
  • Experience with Object Oriented Programming is a plus

Description

Angular is one of the most popular front-end frameworks for building single-page applications or web apps with HTML, CSS, and TypeScript. So basically, if you want to become a successful front-end or a full-stack developer, that get hired, you need to have Angular as a skill under your belt.

Learning Angular 2 or Angular 4/5/6/7/8/9/10/11/12 or Angular 13 or simply Angular(as the Angular team likes to call it) on your own can be confusing or frustrating at times. It might require you to browse through several tutorials, articles, YouTube videos, etc, and get a grip on it.

If you want to get rid of going through all that trouble and just focus on learning Angular, this is THE course for you. In this course, I'll take you through an exciting journey of learning Angular concepts through fun and easy to understand coding examples.

______________________________________________________________________________________________________________________________

As the course progresses, you'll get familiar with:

  1. Single Page Applications and why should we use Angular to build them

  2. TypeScript and ESNext( ECMAScript 2015 or ES6 and later versions of it)

  3. Angular Modules, the @NgModule Decorator and Angular Application Bootstrap Mechanism

  4. Angular Components, the @Component Decorator, component communication and LifeCycle Hooks

  5. Directives, the @Directive Decorator, and creating custom structural and attribute directives.

  6. Dependency Injection In Angular, the @Injectable Decorator, Services, RxJS Observables and making AJAX Calls to REST APIs

  7. Routing, Child Routing, and Route Guards

  8. Pipes the @Pipe Decorator, and creating custom pure pipes and impure pipes.

  9. Template Driven Forms and Reactive Forms in Angular

  10. Custom Decorators

  11. Using third-party libraries like Angular Material, Firebase, etc.

Section 1 - Single Page Applications, Why Angular and Project Setup:

  1. Course Overview

  2. Introduction to SPA

  3. What do we need Angular for?

  4. Setting up the Development Environment.

  5. Angular Application Architecture

  6. Angular CLI

  7. Project Structure

Section 2 - TypeScript and ESNext:

  1. What is TypeScript

  2. Basic Types in TypeScript

  3. Variable Declarations using Let and Const

  4. Spread and Destructure.

  5. Classes

  6. Interfaces

  7. Arrow Functions

  8. Modules

  9. fetch API

  10. async / await

Angular Modules and Angular Components

  • @NgModule

  • Angular Application Bootstrap Mechanism

  • @Component

  • Data/Property Binding

  • View Encapsulation

  • Inter-component Communication (@Input/@Output, Event Emitter)

  • Template variables (ViewChild/ContentChild)

  • Content Projection(ng-content)

  • Templates – will be covered as part of components

  • Metadata – basic overview

  • Lifecycle hooks

  • Order and triggering of each hook

  • Hooks specific to Components and Decorators

Dependency Injection(Providers)

  • Dependency Injection - Why?

  • Dependency Injection - As a design pattern

  • Dependency Injection - As a framework

  • Dependency Injection - What?

  • Injectors and Providers

  • Hierarchical Dependency Injection

Routing

  • Child routes

  • Route params

  • Route Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad

Services(@Injectable)

  • Service as a singleton, data sharing.

  • HttpClient, HttpHeaders, HttpParams

  • Observables with Operators like the map, subscribe, catch, retry etc

  • Subjects

  • Sharing data across Components using Service

Directives(@Directive)

  • Built-In Structural Directives - NgFor, NgIf, NgSwitch

  • Built-In Attribute Directives - NgClass, NgStyle, NgNonBindable

  • Building a Custom Structural Directive

  • Building a Custom Attribute Directive

Pipes(@Pipe)

  • Build-in Pipes

  • Building Custom Pipes

  • Pure and Impure Pipe

Forms

  • Template Driven Forms

  • Reactive forms

  • Form Validations

  • Custom Synchronous form validations

  • Custom Asynchronous form validations

Custom Decorators

  • Metadata – deep dive

  • Building Custom Class Decorator

  • Building Custom Property Decorator

Integrating with Third-Party Libraries

  • Material Design Bootstrap

  • Angular Material

  • Firebase

______________________________________________________________________________________________________________________________

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

  • Build end-to-end Single Page Apps in Angular on your own

  • Understand and fix common compile-time and run-time errors in minutes

  • Understand and implement clean and maintainable code like a professional

  • Apply best practices when building Angular apps

We'll always start with the basics and go from there. Right from the beginning of the second module, you'll jump in and build your first Angular app within minutes.

Angular 2 and all the later versions of Angular has been written in TypeScript. So, before getting started with Angular in section 3, you'll learn the fundamentals of TypeScript and object-oriented programming in section 2 to better understand and appreciate this powerful framework. 

Over the next 15 hours, you'll learn the essentials of building Single Page Applications(SPAs) with Angular: 

  • Displaying data and handling DOM events

  • Building reusable components

  • Manipulating the DOM using directives(both Structural and Attribute)

  • Transforming data using pipes

  • Building template-driven and reactive forms 

  • Consuming REST APIs using HTTP services 

  • Handling HTTP errors properly 

  • Using Reactive Extensions and Observables 

  • Adding routing and navigation to adhere to the basics of a Single Page Application

  • Building real-time, server-less apps with Firebase 

  • Building beautiful UIs using Angular Material, and Material Design Bootstrap

So, if you're a busy developer with limited time and want to quickly learn how to build SPAs with Angular, you're at the right place.

All these topics are covered by over 15 hours of high-quality content. Taking this course is equivalent to going through hundreds of articles, tutorials, and videos on the web! Just that the content is laid out to cover all that you'll get to know during all that time! Once you go through the course(or just the preview videos), you'll know that the topics are explained in a  clear and concise manner which is going to save you a lot of your precious time! This course is also packed with techniques and tips, that you can only learn from a seasoned developer. You'll see how we'll create a brand new Angular project with Angular CLI and build an application from A to Z, step-by-step.

You'll also get to know ways to build a real-time SPA with Angular, Firebase, and Bootstrap. This application exhibits patterns that you see in a lot of real-world applications:

  • Master/detail

  • CRUD operations

  • Interaction with a data store

  • Forms with custom validation

  • And a lot more...!

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:

"Explanation is crisp.. instructor is comfortable with the topic...examples used are good and easy to understand...various aspects of the code are explained...using MDB and material for angular both are covered for creating UI components...just only the full screen is shown at all times.. which makes things appear very small... screen highlight or zoom is not used while recording video.. rest all is great.. for learning angular" - Maneesh Parihar

"內容詳細" - Huang JiaLin

"That's a very comprehensive course on Angular that also teaches Angular Material and Firebase @Siddharth Ajmera: Thanks for this great course! As with so many other courses I would love to see some Summaries or cheatsheets as PDFs or foils and also I'd appreciate to see more schematics, graphs, and sketches." - He

"講解詳細" -曾玟凱

"This course was perfect for beginners like me. I learned so much from it. Thanks a lot Siddharth for such a good course. Looking forward to more courses from you. Can you please add a section that demonstrates building of an application end to end?" - ankita daur

"Siddarth explained the course in a very simple manner and with simple examples. Would love more indepth on Angular Material and Firebase from him. Great course." - Kumar

"There is so much information provided in this course. I was looking for custom Decorators and use cases where in they could be implemented to make the code cleaner. I found perfect examples on similar topics in this training. This course is great for beginners." - Kewal Shah

______________________________________________________________________________________________________________________________

30-DAY FULL MONEY-BACK GUARANTEE

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

ABOUT YOUR INSTRUCTOR

Siddharth is a software engineer with more than 6 years of professional experience. He is the author of this course with more than 57,280 students in 192 countries. He has done his Bachelor of Engineering in Computer Science. He has worked on several Modern Web Applications. Chatbots, and frameworks. He writes articles about Angular, and Chatbots on Medium.

What are the requirements?

  • Basic familiarity with HTML, CSS, and JavaScript

  • NO knowledge of AngularJS or Angular is required

What am I going to get from this course?

  • 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

What is the target audience?

  • 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

Who this course is for:

  • Anyone who wants to learn Angular
  • Anyone interested in building Single Page Applications
  • Anybody who wants to know Angular in depth
  • Anyone who wants to learn TypeScript, Firebase and Angular Material

Instructor

Siddharth Ajmera
Google Developer Expert in Angular | Full Stack JS Developer
Siddharth Ajmera
  • 4.4 Instructor Rating
  • 1,071 Reviews
  • 57,326 Students
  • 2 Courses

Experience as (Web) Developer

I started with programming at the age of 18 and I've been doing that ever since. During my initial days, I used to work with C, C++, Java, and C#. I've worked on various projects involving these programming languages. I also have a little bit of experience with Windows and BlackBerry Mobile App development. I also participated in a few developer programs during my college days and won many accolades.

This interest in programming languages led me to work as a Full Stack Web Developer and Consultant for one of the world's most valuable company. The success and fun I have in this job is immense and really keeps that passion burningly alive.

I've worked on a lot of digital transformation engagements involving content management systems like AEM, chatbots, and single-page applications built with Angular and React. My current job also takes me to different countries and geographies. I'm currently based out in Sydney, Australia.

Experience as Instructor

Apart from my regular work, I'm also really passionate about teaching and mentoring people. I've been doing this ever since I started programming. I used to organize events where I took sessions on various programming languages in my college.

I started doing that more passionately and seriously when I was first asked to mentor a batch of fresh recruits in my organization. I've never looked back ever since.

I've conducted several learning sessions, and workshops on technologies like Angular and NodeJS. I've learned most of these technologies myself and I know exactly where someone can get stuck. And through my courses and sessions, I try to focus on the most relevant key concepts and topics. Here on Udemy, I've mentored around 56,000+ Students through two of my courses. I've seen a lot of my students getting new or better jobs, build awesome web applications, acquire amazing projects, or simply enjoy their hobby as a web developer with the help of my content.

I also try to write about Angular on StackOverflow, ThePracticalDev Community, and Medium.

This passion for mentoring and sharing my knowledge also got me recognized by Google as a Developer Expert in Angular.

I give talks and host free workshops from time to time. To stay up to date on such free events, do feel free to follow me on Twitter(@SiddAjmera)

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.