Angular Module 2: Typescript

Try for free!

Subscribe and stream all our courses
from just $30.00 per month
Start my free trial

Angular Module 2: Typescript

Become a full-stack developer building front-ends with Angular

Approx. 3 hours 15 minutes

  • This is part 2 of 5 modules which cover building Angular front ends for Java applications.
  • Become a full-stack developer by learning how to build responsive and reactive front-ends with Angular.
  • In this second module, we'll learn the basics of the Typescript programming language, and how to debug Angular applications, and how to write and run unit tests.
Basic Java knowledge is assumed. No prior Javascript / Typescript knowledge is needed. You should complete module 1 of this course before starting this module.

Contents

Having problems? check the errata

Introduction to typescript

Module introduction 1m 52s Watch
Similarities to Java and the impact of TSLint 6m 7s Watch
Data types and variables 3m 36s Watch
Declaring variables 6m 17s Watch
Working with Arrays 9m 46s Watch
Loops and conditions 5m 26s Watch

Classes and objects

Understanding Javascript objects 3m 12s Watch
Creating classes 5m 16s Watch
Class attributes 3m 23s Watch
Constructors and methods 9m 40s Watch
String templates 2m 39s Watch
Some hints for debugging classes 2m 53s Watch
Object equality 4m 57s Watch

Enums

Creating an enum 2m 55s Watch
Looping through an enum 4m 37s Watch
Enums with values 3m 39s Watch
Retrieving a label from its value 5m 5s Watch

Services and dependency injection

What is a service 2m 15s Watch
Creating a service 7m 21s Watch
Dependency Injection 3m 11s Watch
Exercise 1 - dependency injection 1m 28s Watch
Exercise 1 - solution walktrhough 2m 40s Watch

The observer design pattern

The need for the observer design pattern 9m 41s Watch
Introducing the pattern and creating an observable 4m 53s Watch
Triggering an event, and creating an observer 7m 46s Watch
Dealing with errors and the complete event 5m 32s Watch
Unsubscribing an observer 3m 4s Watch
Exercise 2 - observer design pattern 2m 5s Watch
Exercise 2 - solution walkthrough 6m 47s Watch

Debugging in Angular

Introduction to Debugging 1m 4s Watch
Debugging with Visual Studio Code 5m 12s Watch
Debugging with IntelliJ 4m 43s Watch

Unit testing

Creating a Unit Test 5m 56s Watch
Running a single test 3m 58s Watch
Test evaluation methods 2m 36s Watch
Fixing the app component tests 5m 23s Watch
Testing behaviour 3m 59s Watch
Testing components with service dependencies 9m 18s Watch
Mocking services 13m 20s Watch
Copyright ©2022 VirtualPairProgrammers.com