Push-Based Angular Basic Workshop

Installation Instructions

System Requirements

• node ^18.13.0 || ^20.9.0
• npm > 8

Clone and install

git clone https://github.com/push-based/ws-ng-be-2024-students-day.git

cd ws-ng-be-2024-students-day
npm install

# (optional) if the step before didn't work, please try the following
npm install --force

Run the application

npm run start

Workshop Information

• ws info doc
• slides

Exercises

Day 1

1. Angular CLI
2. Template Interpolation
3. Template Attribute & Event Bindings
4. Control Flow: If
5. Control Flow: For
6. Type Safety
7. Signals Introduction
8. Reusable components: movie-list
9. Reusable components: movie-card
10. Attribute Directives: Create TiltDirective
11. Attribute Directives: HostBindings & HostListeners
12. Pipes: MovieImagePipe
13. Async Data: HttpClient
14. Routing: Router Setup