All Projects → angular-university → angular-course

angular-university / angular-course

Licence: MIT license
Angular Core Deep Dive (Video Course) - https://angular-university.io/course/angular-course

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to angular-course

from-event
🦊 ViewChild and FromEvent — a Match Made in Angular Heaven
Stars: ✭ 130 (-32.64%)
Mutual labels:  rxjs
websynth
Web Synthesizer From Space
Stars: ✭ 16 (-91.71%)
Mutual labels:  rxjs
mutoid
Reactive library for data fetching, caching, state management
Stars: ✭ 24 (-87.56%)
Mutual labels:  rxjs
angular-infinite-scroller
No description or website provided.
Stars: ✭ 45 (-76.68%)
Mutual labels:  rxjs
ngx-log-monitor
NGX Log Monitor - Log Monitoring Component for Angular
Stars: ✭ 33 (-82.9%)
Mutual labels:  rxjs
clock-in-out
A clock-in/out system using nestJS, PostgreSQL, TypeORM, Angular, Arduino, RxJS
Stars: ✭ 61 (-68.39%)
Mutual labels:  rxjs
reactive-graphql
A GraphQL implementation based around RxJS, very well suited for client side only GraphQL usage
Stars: ✭ 58 (-69.95%)
Mutual labels:  rxjs
drawer
A touch-enabled drawer component for the modern web.
Stars: ✭ 26 (-86.53%)
Mutual labels:  rxjs
arcomage-hd
Web-based, free and open source, remastered 3D clone of 3DO/NWC's 2000 card game Arcomage. 13 languages. Desktop or mobile Android iOS. Online or offline PWA. Against AI or Multiplayer (w/o server). 🧝👾🃏 (ts+react+redux+rxjs, CSS-based anim, WebRTC)
Stars: ✭ 55 (-71.5%)
Mutual labels:  rxjs
app
Source code of intencje.pl website and mobile/desktop apps based on Angular, Firebase, and Capacitor.
Stars: ✭ 12 (-93.78%)
Mutual labels:  rxjs
vue-next-rx
RxJS integration for Vue next
Stars: ✭ 31 (-83.94%)
Mutual labels:  rxjs
monogram
Aspect-oriented layer on top of the MongoDB Node.js driver
Stars: ✭ 76 (-60.62%)
Mutual labels:  rxjs
rxjs-subject-vs-behavior-vs-replay-vs-async
Compare Subject vs BehaviorSubject vs ReplaySubject vs AsyncSubject
Stars: ✭ 27 (-86.01%)
Mutual labels:  rxjs
rxjs-proxify
Turns a Stream of Objects into an Object of Streams
Stars: ✭ 34 (-82.38%)
Mutual labels:  rxjs
vue-mail-front
A front system base on vue.基于vue的邮件系统前端部分
Stars: ✭ 57 (-70.47%)
Mutual labels:  rxjs
Angular-Reactive-Demo-Shop
Angular Demo Shop
Stars: ✭ 79 (-59.07%)
Mutual labels:  rxjs
nestjs-rest-sample
NestJS RESTful APIs Sample
Stars: ✭ 204 (+5.7%)
Mutual labels:  rxjs
redux-fusion
React bindings for RxJS and Redux
Stars: ✭ 29 (-84.97%)
Mutual labels:  rxjs
angular-advanced-course
Angular Advanced Library Laboratory Course - Build Your Own Library
Stars: ✭ 82 (-57.51%)
Mutual labels:  rxjs
flow-state
UI state management with RxJS.
Stars: ✭ 33 (-82.9%)
Mutual labels:  rxjs

Angular Core Deep Dive (Video Course)

This repository contains the code of the Angular Core Deep Dive.

This course repository is updated to Angular v14:

Angular Core Deep Dive

Installation pre-requisites

IMPORTANT: Please use Node 16 (Long Term Support version). Note that Node 18 is not yet officially supported by the Angular CLI.

Installing the Angular CLI

With the following command the angular-cli will be installed globally in your machine:

npm install -g @angular/cli

How To install this repository

We can install the master branch using the following commands:

git clone https://github.com/angular-university/angular-course.git

This repository is made of several separate npm modules, that are installable separately. For example, to run the au-input module, we can do the following:

cd angular-course
npm install

Its also possible to install the modules as usual using npm:

npm install

NPM 5 or above has the big advantage that if you use it you will be installing the exact same dependencies than I installed in my machine, so you wont run into issues caused by semantic versioning updates.

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.

To Run the Development Backend Server

In order to be able to provide 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

This is a small Node REST API server.

To run the Development UI Server

To run the frontend part of our code, we will use the Angular CLI:

npm start

The application is visible at port 4200: http://localhost:4200

Important

This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.

At certain points along the course, you will be asked to checkout other remote branches other than master. You can view all branches that you have available remotely using the following command:

git branch -a

The remote branches have their starting in origin, such as for example 1-navigation-and-containers.

We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:

  git checkout -b section-1 origin/1-navigation-and-containers

It's also possible to download a ZIP file for a given branch, using the branch dropdown on this page on the top left, and then selecting the Clone or Download / Download as ZIP button.

Other Courses

RxJs In Practice Course

If you are looking for the RxJs In Practice Course, the repo with the full code can be found here:

RxJs In Practice Course

NgRx In Depth Course

If you are looking for the NgRx In Depth Course, the repo with the full code can be found here:

NgRx In Depth Course

Angular PWA Course

If you are looking for the Angular PWA Course, the repo with the full code can be found here:

Angular PWA Course - Build the future of the Web Today

Angular Security Masterclass

If you are looking for the Angular Security Masterclass, the repo with the full code can be found here:

Angular Security Masterclass.

Angular Security Masterclass

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.

Angular Advanced Library Laboratory Course: Build Your Own Library

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

RxJs and Reactive Patterns Angular Architecture Course

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

Github repo for this course

Angular Ngrx Course

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

Github repo for this course

Angular firebase course

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

Github repo for this course

Complete Typescript Course

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].