Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nickemma/hello-angular
Angular workshop you'll understand the Angular fundamentals and be able to build an application.
https://github.com/nickemma/hello-angular
angular typescript
Last synced: about 5 hours ago
JSON representation
Angular workshop you'll understand the Angular fundamentals and be able to build an application.
- Host: GitHub
- URL: https://github.com/nickemma/hello-angular
- Owner: nickemma
- License: mit
- Created: 2024-07-10T17:08:42.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T05:04:12.000Z (4 months ago)
- Last Synced: 2024-07-11T22:38:15.924Z (4 months ago)
- Topics: angular, typescript
- Language: TypeScript
- Homepage:
- Size: 3.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
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]:nickemma/hello-angular
```
- From the command line, in the root directory (hello-angular) 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)