Workshop on understanding Angular framework for building efficient, scalable and sophisticated single-page apps. Angular provides a standard structure for developers to work with.
- Info: You can refer Angular doc to learn more about the framework.
- Ubuntu 22.04 LTS Linux machine
- Git and GitHub account configured with SSH key
- Docker and Docker Compose.
- If anything is missing please check the Prerequisite of Workshop1. click here
- Fork the current repository.
- Clone your forked repository inside the
WORKSHOPdirectory which was created during Workshop1.
- Download the follwing docker images to your local machine
-
docker pull node:18.16.0-alpine3.17- Verify the image is pulled into your local machine
Output: v18.16.0
docker run --rm -ti node:18.16.0-alpine3.17 node -v
- Verify the image is pulled into your local machine
-
- Build all the docker images mentioned in
docker-composefile. Follow the below steps.- Go to
WebApp-Workshop3/cd WebApp-Workshop3/ - Build all the docker images by running the below command.
docker-compose build - Verify if all the containers start after the build is completed by running the below command.
docker-compose up - Go to http://localhost:4200/ and verify the output
Congratulations! Angular set up is complete. You are ready to begin the workshop3.
- Go to
- Install
Angular Essentialsextension on your VS Code. - Install
Prettier - Code formatterextension on your VS Code.
- In this workshop you will understand and learn about Angular framework which is a component based framework used for building scalable single-page apps.
- You will know the concepts Components, Services, Guards, Interceptors etc.
- Build an User application UI using Angular.
| Time | Topics |
|---|---|
| 09:00 - 10:15 | Angular Basics |
| 10:15 - 10:30 | [ Tea Break ] |
| 10:30 - 01:00 | Angular Basics |
| 1:00 - 2:00 | [ Break ] |
| 2:00 - 5:00 | Angular Service Concepts |