Angular-morning-B-2022

Lecturer: Raaya Klein. All rights reserved.

Lesson 01

• What is Angular
• Installation
• First app
• Angualr workspace structure
• Add bootstrap

Lesson 02

• Modules
• Components - what is it
• Create component manually
• Create component automatically
• Template vs TemplateURL

Lesson 03

Data binding

1. Interpolation
2. Property binding
3. Event binding
4. 2 way data binding

Lesson 04

Structural directives

• NgIf
• NgFor
• NgSwitch

Lesson 05

Attribute directives

• ngStyle
• ngClass

Lesson 06

• @Input() decorator
• onChanges interface

Lesson 07

• @Output() decorator
• pipes:
  • built-in pipes
  • make a pipe

Lesson 08

• class task - Input & Output shop with stock

Lesson 09

• 3 ways to pass data between components
• services - global data
• dependency injection

Lesson 10

• Routing:
• basic routing
• advanced routing

Lesson 11

• Final project - Bonus

Lesson 12

• Prepare for exam!