TypeScript, Angular, Firebase & Angular Material Masterclass Tutorial

TypeScript, Angular, Firebase & Angular Material Masterclass Tutorial
TypeScript, Angular, Firebase & Angular Material Masterclass Tutorial

TypeScript, Angular, Firebase & Angular Material Masterclass ☞ http://deal.codetrick.net/p/H1dZUJfqz
Angular 5 (formerly Angular 2) - The Complete Guide ☞ http://deal.codetrick.net/p/H1jE_tD
Become a JavaScript developer - Learn (React, Node,Angular) ☞ http://deal.codetrick.net/p/HkSvnC-9G

JavaScript: Understanding the Weird Parts

Learn and Understand AngularJS

The Complete Angular Course: Beginner to Advanced

Angular (Full App) with Angular Material, Angularfire & NgRx

Following is the Curriculum followed in this course:

TypeScript, Angular Application Architecture and Angular CLI
Angular Modules and Angular Components.
Angular's Component LifeCycle Hooks
Dependency Injection In Angular
Custom Decorators
Angular Material

TypeScript, Angular Application Architecture and Angular CLI

What is a Single Page Application
Why Angular
Let, Const
Class, Interface
Fat Arrow Functions
Decorators Modules
What is Angular CLI and how to use it. Basic tasks (ng serve/build/test, ng generate component/service/directive/pipe)
Architecture of Angular Applications Built using Angular-CLI
Change Detection strategy (Zones) - Theoretical

Angular Modules and Angular Components

Angular Application Bootstrap Mechanism
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


Child routes
Route params
Route Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad


Service as a singleton, data sharing.
HttpClient, HttpHeaders, HttpParams
Observables with Operators like map, subscribe, catch, retry etc
Sharing data across Components using Service


Built In Structural Directives - NgFor, NgIf, NgSwitch
Built In Attribute Directives - NgClass, NgStyle, NgNonBindable
Building a Custom Structural Directive
Building a Custom Attribute Directive


Build in Pipes
Building Custom Pipes
Pure and Impure Pipe


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

Who is the target audience?

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

Video source via: Udemy

Website: https://goo.gl/XnM72d
Website: https://goo.gl/AWpXfC
Playlist: https://goo.gl/hnwbLS
Fanpage: https://goo.gl/o6pVzp
Twitter: https://goo.gl/UrBoeq
Wordpress: https://goo.gl/qAJxMe
Pinterest: https://goo.gl/GrRx7B
Tumblr: https://goo.gl/6fTauh


JavaScript Fundamentals for Absolute Beginners 2018

React vs Angular vs Vue.js

React Fundamentals for Beginners

React vs Angular vs Vue.js by Example

Angular + Typescript = Powerful Web Apps

Angular Fast Crash Course