Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/angular-university/angular-signals-course
Modern Angular With Signals Course
https://github.com/angular-university/angular-signals-course
angular courses signals
Last synced: about 1 month ago
JSON representation
Modern Angular With Signals Course
- Host: GitHub
- URL: https://github.com/angular-university/angular-signals-course
- Owner: angular-university
- Created: 2024-03-25T09:11:02.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-04-30T15:10:21.000Z (8 months ago)
- Last Synced: 2024-05-02T07:09:31.649Z (8 months ago)
- Topics: angular, courses, signals
- Language: TypeScript
- Homepage: https://angular-university.io/course/angular-signals-course
- Size: 277 KB
- Stars: 4
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Modern Angular With Signals Course
This repository contains the code of the [Modern Angular With Signals Course](https://angular-university.io/course/angular-signals-course).
This course repository is updated to Angular 18:
![Modern Angular With Signals](https://d3vigmphadbn9b.cloudfront.net/course-images/large-images/angular-signals-course.jpg)
# Installation pre-requisites
IMPORTANT: Please use Node 18 (Long Term Support version).
# Installing the Angular CLI
Start by doing a global installation of the Angular CLI:
npm install -g @angular/cli
# How To install this repository
you can install the main branch using the following commands:
git clone https://github.com/angular-university/angular-signals-course.git
cd angular-signals-course
npm install
# What branches does this repository have?
This repository has 2 branches:
- the main branch contains the final code that you will have created at the end of the course
- the 1-start branch contains the starting point for the courseIf you don't use Git, it's also possible to download each branch as a ZIP file.
To do so, you must first select the correct branch from the branch dropdown here on top of this screen on Github.
Once inside the right branch, click the green "Code" button and select "Download ZIP".
# Running the local backend server
In order to be able to provide more realistic examples, we will need in our playground a small REST API backend server.
We can start the sample application backend with the following command:
npm run server
# To run the Frontend Server
To run the frontend part of our code, we will use the Angular CLI:
npm start
You can also start the frontend application using the following command:
ng serve
The application is visible in port 4200: [http://localhost:4200](http://localhost:4200)
# Other Courses
# Angular Core Deep Dive Course
If you are looking for the [Angular Core Deep Dive Course](https://angular-university.io/course/angular-course), you can find it here:
![Angular Core Deep Dive](https://d3vigmphadbn9b.cloudfront.net/course-images/large-images/angular-core-deep-dive-new-2.jpg)
# RxJs In Practice Course
If you are looking for the [RxJs In Practice Course](https://angular-university.io/course/rxjs-course), the repo with the full code can be found here:
![RxJs In Practice Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png)
# NgRx In Depth Course
If you are looking for the [NgRx In Depth Course](https://angular-university.io/course/angular-ngrx-course), the repo with the full code can be found here:
![NgRx In Depth Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-ngrx-course.png)
# Angular PWA Course
If you are looking for the [Angular PWA Course](https://angular-university.io/course/angular-pwa-course), the repo with the full code can be found here:
![Angular PWA Course - Build the future of the Web Today](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png)
# Angular Security Masterclass
If you are looking for the [Angular Security Masterclass](https://angular-university.io/course/angular-security-course), the repo with the full code can be found here:
[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).
![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)
# Angular Advanced Library Laboratory Course
If you are looking for the Angular Advanced Course, the repo with the full code can be found here:
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)
## RxJs and Reactive Patterns Angular Architecture Course
If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:
[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)
![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)
## Angular Ngrx Reactive Extensions Architecture Course
If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:
[Angular Ngrx Reactive Extensions Architecture Course](https://angular-university.io/course/angular2-ngrx)
[Github repo for this course](https://github.com/angular-university/ngrx-course)
![Angular Ngrx Course](https://angular-academy.s3.amazonaws.com/thumbnails/ngrx-angular.png)
## Angular 2 and Firebase - Build a Web Application Course
If you are looking for the Angular 2 and Firebase - Build a Web Application Course code, the repo with the full code can be found here:
[Angular 2 and Firebase - Build a Web Application](https://angular-university.io/course/build-an-application-with-angular2)
[Github repo for this course](https://github.com/angular-university/angular-firebase-app)
![Angular firebase course](https://angular-academy.s3.amazonaws.com/thumbnails/angular_app-firebase-small.jpg)
## Complete Typescript 2 Course - Build A REST API
If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:
[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)
[Github repo for this course](https://github.com/angular-university/complete-typescript-course)
![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)