Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MarkTechson/angular-fundamentals-lessons
https://github.com/MarkTechson/angular-fundamentals-lessons
Last synced: 24 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/MarkTechson/angular-fundamentals-lessons
- Owner: MarkTechson
- Created: 2023-11-26T21:51:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-11T18:17:59.000Z (about 1 year ago)
- Last Synced: 2024-08-04T01:04:53.185Z (4 months ago)
- Language: TypeScript
- Size: 3.18 MB
- Stars: 62
- Watchers: 1
- Forks: 59
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-angular - angular-fundamental-lessons
- fucking-awesome-angular - angular-fundamental-lessons
README
# Angular Fundamentals Lessons
## What to install
- [Latest version of Node or Active LTS](https://nodejs.org/en/download/)
- [Angular CLI](https://angular.dev/tools/cli/setup-local#install-the-angular-cli)
- [Visual Studio Code](https://code.visualstudio.com/download)
- [Angular Language Service Plugin for VS Code](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)
## How to run these lesson
- Clone this repository to your local computer.
```bash
git clone [email protected]:marktechson/angular-fundamentals-lessons
```
- From the command line, in the root directory (angular-fundamentals-lessons) run the following command:
```bash
ng serve
```
In order to run the first lesson, for example:
```bash
ng serve 01-hello-angular
```
Then, open your browser to `http://localhost:4200` and you'll find the lesson.
## Solutions
- All of the solutions are on the `solutions branch. You can access them by using the following command:
```bash
git checkout solutions
```
## Lesson Links
- [Lesson 01 - 01-hello-angular](projects/01-hello-angular)
- [Lesson 02 - 02-displaying-dynamic-data](projects/02-displaying-dynamic-data)
- [Lesson 03 - 03-component-composition](projects/03-component-composition)
- [Lesson 04 - 04-control-flow-if](projects/04-control-flow-if)
- [Lesson 05 - 05-control-flow-for](projects/05-control-flow-for)
- [Lesson 06 - 06-input-output](projects/06-input-output)
- [Lesson 07 - 07-routing-basics](projects/07-routing-basics)
- [Lesson 08 - 08-routing-recap](projects/08-routing-recap)
- [Lesson 09 - 09-template-driven-forms](projects/09-template-driven-forms)
- [Lesson 10 - 10-reactive-forms](projects/10-reactive-forms)
- [Lesson 11 - 11-dependency-injection](projects/11-dependency-injection)
- [Lesson 12 - 12-angular-signals](projects/12-angular-signals)
- [Lesson 13 - 13-deferrable-views](projects/13-deferrable-views)
## Helpful links
- [Angular.dev playground](https://angular.dev/playground)
- [Course slides (goo.gle/fem-slides)](https://goo.gle/fem-slides)
- [Project Code(goo.gle/fem-code)](https://goo.gle/fem-code)