All starter code is written by the GDSC Tech Leads.
View Angular's website here: https://angular.dev/
Angular is a widely-used open-source web application framework developed and maintained by Google. Angular simplifies the process of building dynamic web applications by providing a structured framework for creating maintainable code. Its key features include two-way data binding (as covered today) and the particular structure of components.
Angular utilizes TypeScript. TypeScript is essentially JavaScript code with more strict type checking. We won't go too into detail about it during this workshop, but there will be noticable syntax differences.
- You have Node.js installed
- You must install Angular's command-line interface (CLI). Run the following command:
npm install -g @angular/cli
- Test to make sure the installation worked by running the command:
ng --help
- Why using Angular would make development easier.
- How to create an Angular component using the command
ng generate component [component-name]
ngModel, *ngIf, *ngFor
. To be seen in our form.component files.- The structure of Angular's typescript files and what the
app.module.ts
file does. - (If time permits) Deploying an app to GitHub Pages (a 'real' website!)
- Run
ng build --configuration=production
- Add the option baseHref into the angular.json
- ng deploy