TypeScript, Angular, Firebase & Angular Material Masterclass Tutorial

  • 2018-03-26 03:51 PM
  • 273

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
http://deal.codetrick.net/p/HyUQWUMTqW

Learn and Understand AngularJS
http://deal.codetrick.net/p/HJigQzgZx

The Complete Angular Course: Beginner to Advanced
http://deal.codetrick.net/p/ry7Ey9yKW

Angular (Full App) with Angular Material, Angularfire & NgRx
http://deal.codetrick.net/p/B1oHaY8cM

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
Routing
Services
Directives
Pipes
Forms
Custom Decorators
Angular Material
Firebase

TypeScript, Angular Application Architecture and Angular CLI

What is a Single Page Application
Why Angular
Types
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

@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 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

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

Suggest