Angular 4 Training Course

Course preview

Angular 4

Lesson 1 - What is a SPA? What is Angular?

1.1 Single Page Apps vs Conventional Web Applications

1.2 Where Angular Fits

1.3 Angular-4 is arrived (what’s new)

Lesson 2 - Preparing for TypeScript

2.1 Brief Intro to TypeScript

2.3 The TypeScript Module System

2.3 Getting Setup

2.4 Project Setup

2.5 Nodemon

2.6 String Templates

2.7 Const

2.8 Let

2.9 Debugging

2.10 Rest & Spread Operators

2.11 Arrow Functions

2.12 For...of

2.13 Maps

2.14 Sets

2.15 Interface

2.16 Generics

2.17 New Object Features

2.18 Classes

2.19 Destructuring

2.20 TypeScript decorators

Lesson 3 - Angular-4 new features

3.1 If...Else Template Conditions

3.2 Animation Module

3.3 TypeScript's StrictNullChecks

3.4 Angular Universal

3.5 FESM

3.6 Angular2 to Angular4 migrartion

3.7 Router ParamMap

3.8 TypeScript 2.1/2.2

Lesson 4 - Building with A4 Components

4.1 A Trivial Component

4.2 Nested Components

4.3 Deeper Nesting

Lessson 5 - Bootstrap Scaffolding

5.1 What Is Bootstrap?

5.2 Bootstrap File Structure

5.3 Basic HTML Template

5.4 Global Styles

5.5 Default Grid System

5.6 Fluid Grid System

5.7 Bootstrap CSS

5.8 Typography

5.9 Code

5.10 Tables

5.11 Forms

5.12 Buttons

5.13 Images

5.14 Icons

Lesson 6 - Angular 4 Binding and Events

6.1 Templates

6.2 Bindings

6.3 Event Bindings

6.4 Two-way Binding

6.5 Class and Style Bindings

6.6 Built-in Directives

6.7 Component Data Binding

6.8 Component Events

6.9 Ng-model

6.10 Introduction to webpack/systemJS

Lesson 7 - Dependency Injection and services

7.1 Why Dependency Injection?

7.2 Injection API

7.3 Component Multi Providers

7.4 Injection Multi Providers

7.5 Services Overview

7.6 Creating a Service

7.7 Injecting a Service

Lesson 8 - Directives

8.1 Introduction and Examples

8.2 Directives Overview

8.3 Attribute Directives

8.4 Custom Attribute Directive

8.5 Structural Directives

8.6 Structural Directive: ngIf

8.7 Structural Directive: ngFor

8.8 Structural Directive: ngSwitch

8.9 Custom Structural Directive

Lesson 9 - Pipes

9.1 Using Pipes

9.2 Creating Pipes

9.3 Built-in Pipes

9.4 Chaining Pipes

9.5 Custom Pipes

9.6 Stateful Pipes

Lesson 10 - Forms

10.1 Controls

10.2 Control groups

10.3 FormBuilder

10.4 Template Driven Approach

10.5 Data Driven Approach

Lesson 11 - Routing

11.1 Introduction and Use

11.2 Creating and configuring Routes

11.3 Imperative Routing

11.4 Routing Parameters

11.5 Child Routes

11.6 Routing Lifecycle Hooks

11.7 Setting up Firebase

11.8 HTTP POST Request

11.9 HTTP GET Request

Lesson 12- HTTP, Promises, and Observables

12.1 Promises - still available, still useful

12.2 Calling an API via HTTP

12.3 Introduction to Observables

12.4 Observable Bindings

12.5 Observables Operators

lesson 13 - Testing

13.1 Unit Testing

13.2 End to End Testing

Free Course Fundamentals of JavaScript

Fundamentals Of JavaScript 2:43:31

1.1 Course Materials 00:25

1.2 What Is Javascript 02:12

1.3 Internal Vs. External 04:13

1.4 Comments 03:06

1.5 document.write() 04:46

1.6 Alert And Confirm 04:25

1.7 Prompting For Info 04:08

1.8 Variables 04:42

1.9 Conjugation 04:06

1.10 Arithmetic 06:23

1.11 Redirecting And New Windows 07:28

1.12 Empty Links 02:57

1.13 String Manipulation 07:18

1.14 Comparisons 10:57

1.15 If Else Statements 10:09

1.16 Else If Statements 06:07

1.17 Switch Statements 06:34

1.18 Functions 17:16

1.19 Events 10:21

1.20 getElementById() 13:56

1.21 Escaping 05:01

1.22 Arrays 09:56

1.23 For Loops 06:51

1.24 While Loops 04:38

1.25 Breaking Out Of Loops 04:20

1.26 Skipping A Loop Cycle 01:16

Free Course Starting with Angular 4

Module 01 - Welcome to Starting With Angular 4 05:56

1.1 Course Introduction 01:29

1.2 What is Angular 01:26

1.3 How this course works 01:56

1.4 The Course Outline 01:05

Module 02 - Let's Get Started 25:27

2.1 Introduction 06:28

2.2 What Do We Have Here 08:39

2.3 Angular Architecture 07:53

2.4 From Scaffold to Application 01:22

2.5 Summary 01:05

Module 03 - Angular Components 14:10

3.1 Introduction 04:06

3.2 Create a Components Project 01:39

3.3 Working with Components 05:28

3.4 Summary 02:57

Module 04 - Angular Routing 16:16

4.1 Introduction 01:30

4.2 Create a Routing Project 05:20

4.3 Lets Do Some Routing 08:06

4.4 Summary 01:20

Module 05 - Angular Services 39:26

5.1 Introduction 02:10

5.2 Create a Services Project 06:05

5.3 Start Building Services 07:01

5.4 Wiring Services Up 04:02

5.5 Accessing Services 08:46

5.6 Service-Enabled Components 03:01

5.7 Finalizing our Services Implementation 06:40

5.8 Summary 01:41

Module 06 - Angular Modules 26:46

6.1 Introduction 03:47

6.2 Modules Defined 04:34

6.3 Refactoring for Modules 04:54

6.4 Finish our Modules Refactor 09:27

6.5 Summary 04:04

Module 07 - Styling Angular 18:34

7.1 Introduction 02:15

7.2 Integrate the Module 04:05

7.3 Style our Components 11:08

7.4 Summary 01:06

Module 08 - Directives and Pipes 12:57

8.1 Introduction 02:23

8.2 Directives 06:05

8.3 Pipes 02:45

8.4 Summary 01:44

Module 09 - Course Conclusion 04:22

9.1 Course Conclusion 01:45

9.2 What Now 01:44

9.3 Final Comments 00:53