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 or Angular 5 or Angular 6 or Angular 7 or Angular 8 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:

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

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

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

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

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

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

Routing, Child Routing, and Route Guards

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

Template Driven Forms and Reactive Forms in Angular

Custom Decorators

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

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

Course Overview

Introduction to SPA

What do we need Angular for?

Setting up the Development Environment.

Angular Application Architecture

Angular CLI

Project Structure

Section 2 - TypeScript and ESNext:

What is TypeScript

Basic Types in TypeScript

Variable Declarations using Let and Const

Spread and Destructure.

Classes

Interfaces

Arrow Functions

Modules

fetch API

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 2, you'll learn the fundamentals of TypeScript and object-oriented programming in section 1 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 re-usable 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 with 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.

ABOUT YOUR INSTRUCTOR

Siddharth is a software engineer with around 5 years of professional experience. He is the author of this course with more than 15,000 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

Homepage:

https://www.udemy.com/course/angular-all-you-need-to-know/