Grab the chance to earn a scholarship!

Study a desired course for free & get money
122 Lessons
Beginner

What Will You Learn?

  • Understand the latest features of ES6 JavaScript and TypeScript.
  • Build an Angular 2 4+ application from scratch using TypeScript and the Angular command line interface.
  • Write code using the paradigm of reactive programming with RxJS and Observables.
  • Know how to Unit Test Angular using Jasmine, Karma and the Angular Test Bed

Curriculum

Section 1: Quickstart
Angular 1 vs 2 vs 4
Overview
Intro to Typescript
Plunker
Writing our first Application
String Interpolation
Looping
Property & Event Binding
Domain Model
Nesting Components & Inputs
User Interaction & Outputs
Wrapping Up
Flash Cards (5:10)
Practice Activity
Section 2: ES6 & TypeScript
Overview
TypeScript Setup
Let
Const
Template Strings
Fat Arrow Function
Destructuring
For Of
Map & Set
Promises
Classes & Interfaces
Decorators
Modules
Types
Wrapping Up
Flash Cards (5:44)
Section 3: Angular Command Line Interface
Overview & Installation
Usage
Flash Cards (1:32)
Practice Activity
Section 4: Components
Overview
Architecting with Components
Templates, Styles & View Encapsulation
Content Projection
Lifecycle Hooks
View & Content Children
Wrapping Up
Flash Cards (3:02)
Practice Activity
Section 5: Built-In Directives
Overview
NgFor
NgIf & NgSwitch
NgStyle & NgClass
Structural Directives and *
NgNonBindable
Wrapping Up
Flash Cards (2:26)
Practice Activity
Section 6: Custom Directives
Overview
Creating a Custom Directive
HostListener & HostBinding
Inputs & Configuration
Wrapping Up
Flash Cards (1:50)
Practice Activity
Section 7: Reactive Programming with RxJS
Overview
Streams & Reactive Programming
Observables & RxJS
RxJS & Angular
Wrapping Up
Flash Cards (2:59)
Practice Activity
Section 8: Pipes
Overview
Built-In Pipes
Async Pipe
Custom Pipes
Wrapping Up
Flash Cards (2:14)
Practice Activity
Section 9: Forms
Overview
Model Driven Approach
Model Driven Form Validation
Submitting & Resetting
Reactive Model Driven Forms
Template Driven Forms
Wrapping Up
Flash Cards (4:04)
Practice Lecture
Section 10: Dependency Injection & Providers
Overview
Injectors
Providers
Tokens
Configuring Dependency Injection in Angular
NgModule.providers vs Component.providers vs Component.viewProviders
Wrapping Up
Practice Activity
Section 11: HTTP
Overview
Core HTTP API
HTTP with Promises
HTTP with Observables
JSONP with Observables
Wrapping Up
Practice Activity
Section 12: Routing
Overview
Route Configuration
Navigation
Parameterised Routes
Nested Routes
Router Guards
Routing Strategies
Wrapping Up
Practice Activity
Section 13: Unit Testing
Overview
Jasmine & Karma
Classes & Pipes
Mocks & Spies
Angular Test Bed
Change Detection
Asynchronous Code
Dependency Injection
Components
Directives
Model Driven Forms
Http & Jsonp
Routing
Wrapping Up
Section 14: Advanced Topics
Custom Form Validators
Configurable Custom Form Validators

Description

Requirements

  • This courses teaches you Angular v2 4+ from scratch, you don’t need to know AngularJS 1.x.
  • Some JavaScript knowledge.
  • Must know HTML and some CSS.

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo