Angular 10 hands on for Java Developers

Course Curriculum

Chapter 1: Chapter 1 – Introduction

Lecture 1: Introduction

Lecture 2: Changes in Angular 10

Chapter 2: Module 1 – Creating a simple angular app

Lecture 1: Course Files

Chapter 3: Chapter 2 – What is Angular?

Lecture 1: How angular sites differ from traditional web technologies

Lecture 2: How angular can create a fast, responsive user experience

Lecture 3: What an angular application looks like

Lecture 4: How to get support while you're taking this course

Chapter 4: Chapter 3 – Setting up the environment

Lecture 1: The software needed to build with Angular

Lecture 2: Installing Node.js

Lecture 3: Installing the Angular CLI

Lecture 4: Testing Angular with a hello world application

Lecture 5: Angular 10 changes

Lecture 6: Running the hello world application

Lecture 7: Configuring the Intellij Idea IDE

Lecture 8: Installing and configuring Visual Studio Code

Chapter 5: Chapter 4 – Introducing Angular architecture

Lecture 1: An overview of our first example site

Lecture 2: What is a component?

Lecture 3: index.html and styles.css

Lecture 4: Component selectors

Lecture 5: The 4 component files

Lecture 6: How angular can construct a page

Lecture 7: Angular doesn't assemble the HTML

Lecture 8: How to open a project from the sample files

Chapter 6: Chapter 5 – Creating a component

Lecture 1: Creating a new project

Lecture 2: Running the project

Lecture 3: Creating the component with the CLI tool

Lecture 4: Editing the Component's HTML and making it appear

Lecture 5: Exercise 1 – creating components

Lecture 6: Exercise 1 – solution walkthrough

Chapter 7: Chapter 6 – Template Expressions

Lecture 1: An overview of the Component Class structure

Lecture 2: Template expressions

Lecture 3: Template expressions are dynamic

Chapter 8: Chapter 7 – Simple event binding

Lecture 1: Angular 10 changes

Lecture 2: Event binding

Lecture 3: Exercise 2 – event binding

Lecture 4: Exercise 2 – solution walkthrough

Chapter 9: Chapter 8 – Component interaction – reading properties

Lecture 1: Using the hidden HTML attribute

Lecture 2: Angular 10 changes

Lecture 3: Accessing properties of a child component

Lecture 4: The *ngIf structural directive

Chapter 10: Chapter 9 – Component interaction – property binding

Lecture 1: Setting up the scenario

Lecture 2: Accessing properties from code

Lecture 3: The @Input Decorator

Chapter 11: Chapter 10 – Component interaction – event binding

Lecture 1: Why we need custom events

Lecture 2: Creating an event emitter

Lecture 3: Triggering an event

Lecture 4: Sending data with events

Lecture 5: Revisiting *ngIf and hidden

Chapter 12: Module 2 – Introduction to Typescript

Lecture 1: Course files

Chapter 13: Chapter 11 – Introduction to typescript

Lecture 1: Module introduction

Lecture 2: Similarities to Java and the impact of TSLint

Lecture 3: Data types and variables

Lecture 4: Declaring variables

Lecture 5: Working with Arrays

Lecture 6: Loops and conditions

Chapter 14: Chapter 12 – Classes and objects

Lecture 1: Understanding Javascript objects

Lecture 2: Creating classes

Lecture 3: Class attributes

Lecture 4: Constructors and methods

Lecture 5: String templates

Lecture 6: Some hints for debugging classes

Lecture 7: Angular 10 changes

Lecture 8: Object equality

Chapter 15: Chapter 13 – Enums

Lecture 1: Creating an enum

Lecture 2: Looping through an enum

Lecture 3: Angular 10 changes

Lecture 4: Enums with values

Lecture 5: Retrieving a label from its value

Chapter 16: Chapter 14 – Services and dependency injection

Lecture 1: What is a service

Lecture 2: Creating a service

Lecture 3: Angular 10 changes

Lecture 4: Dependency Injection

Lecture 5: Exercise 1 – dependency injection

Lecture 6: Exercise 1 – solution walkthrough

Chapter 17: Chapter 15 – The observer design pattern

Lecture 1: The need for the observer design pattern

Lecture 2: Introducing the pattern and creating an observable

Lecture 3: Triggering an event, and creating an observer

Lecture 4: Dealing with errors and the complete event

Lecture 5: Unsubscribing an observer

Lecture 6: Exercise 2 – observer design pattern

Lecture 7: Exercise 2 – solution walkthrough

Chapter 18: Chapter 16 – Debugging in Angular

Lecture 1: Introduction to Debugging