avatsaev / Angular Learning Resources
Curated chronological list of learning resources for Angular, from complete beginner to advanced level
Stars: ✭ 615
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Angular Learning Resources
Angular Rpg
RPG game built with Typescript, Angular, ngrx/store and rxjs
Stars: ✭ 120 (-80.49%)
Mutual labels: rxjs, ngrx
community-events-angular
Community Events App built with ❤️ using Angular, NgRx, Rxjs to do thrill in #hacktoberfest21
Stars: ✭ 20 (-96.75%)
Mutual labels: rxjs, ngrx
Router Store
Bindings to connect the Angular Router to @ngrx/store
Stars: ✭ 187 (-69.59%)
Mutual labels: rxjs, ngrx
Keyist-Ecommerce
🔑 A simple ecommerce site powered with Spring Boot + Angular 10 + Ngrx + OAuth2
Stars: ✭ 220 (-64.23%)
Mutual labels: rxjs, ngrx
Taskmgr
a team collaboration tutorial app like teambition/worktile
Stars: ✭ 95 (-84.55%)
Mutual labels: rxjs, ngrx
streamkit
My streaming overlay platform for YouTube https://bit.ly/3AvaoFz and Twitch https://bit.ly/37xUPAM
Stars: ✭ 15 (-97.56%)
Mutual labels: rxjs, ngrx
Angularfire
The official Angular library for Firebase.
Stars: ✭ 7,029 (+1042.93%)
Mutual labels: rxjs, ngrx
angular2-instagram
🔥Instagram like photo filter playground built with Angular2 (Web | Desktop)
Stars: ✭ 91 (-85.2%)
Mutual labels: rxjs, ngrx
Store
RxJS powered state management for Angular applications, inspired by Redux
Stars: ✭ 3,959 (+543.74%)
Mutual labels: rxjs, ngrx
Angular Ngrx Data
Angular with ngRx and experimental ngrx-data helper
Stars: ✭ 954 (+55.12%)
Mutual labels: rxjs, ngrx
Example App
Example app showcasing the ngrx platform
Stars: ✭ 1,361 (+121.3%)
Mutual labels: rxjs, ngrx
ts-action-operators
TypeScript action operators for NgRx and redux-observable
Stars: ✭ 34 (-94.47%)
Mutual labels: rxjs, ngrx
kanban-project-management
Web Application to manage software development projects.
Stars: ✭ 39 (-93.66%)
Mutual labels: rxjs, ngrx
ngrx-signalr-core
A library to handle realtime SignalR (.NET Core) events using @angular, rxjs and the @ngrx library
Stars: ✭ 18 (-97.07%)
Mutual labels: rxjs, ngrx
Soundcloud Ngrx
SoundCloud API client with Angular • RxJS • ngrx/store • ngrx/effects
Stars: ✭ 438 (-28.78%)
Mutual labels: rxjs, ngrx
Angular Async Local Storage
Efficient local storage module for Angular apps and PWA: simple API + performance + Observables + validation
Stars: ✭ 539 (-12.36%)
Mutual labels: rxjs
Angular learning resources
Curated list of learning resources for Angular, from complete beginner to advanced level. Everything you need to learn in chronological order to become a professional Angular developer.
⇒ Prerequisites
Javascript:
- JavaScript ES6 tutorial
- Principles of functional programming in JavaScript
- Functional Programming with JavaScript
TypeScript:
- Official Documentation
- Official Handbook
- TS deepdive Gitbook by Basarat Syed
- Object Oriented Programming with TypeScript
- Functional programming with TypeScript
⇒ Beginner
- Getting started official tutorial
- Official Docs
- Components & Templates
- Component interaction
- Structural Directives
- Dependency Injection & Services
- Programming Style guide
⇒ Intermediate
Reactive programming - RxJS:
- Introduction to RxJS - RxJS Primer
- The introduction to reactive programming with RxJS
- RxJS Video Course
- Learn RxJS - Organised API Reference
- RxMarbles: Interactive diagrams of Rx Observables
- RxJS Docs
Going further with Angular:
- Managing projects with Angular CLI
- Angular HTTP Client
- Reactive Forms
- Angular Routing & Navigation
- Angular Material Component Library
- Nebular Component Library
- Testing
⇒ Advanced
State management:
- Simple and powerful state management with only Services and RxJS (for 90% of cases, this method of state management is more than enough)
- NGRX - Angular state management library
- Quick intro to Redux style state management with NGRX
- State management with NGRX tutorial
- In depth introduction to NGRX/Redux state management
- NGRX advanced patterns & techniques
Alternatives to NGRX:
Dependency injection:
Angular change detection engine:
Perfomance:
- Performance guide for Angular apps
- Optimizing performance in Angular apps
- OnPush change detection strategy in details
Angular libraries:
Useful Blogs / Video courses / Youtube Channels / Example apps
- Angular Udemy video Course from, beginner to Pro level (~$10)
- Angular Firebase - Quick short tutorials on advanced topics
- Angular MIX - Youtube Channel
- Todd Motto - Youtube Channel
- Angular Connect - Youtube Channel
- Free Angular courses from Coursetro - YouTube
- Todd Motto - Blog
- Angular Subreddit
- Angular In Depth - Advanced understanding of inner workings
- Netanel Basal - Advanced Practical Tutorials
- Full Stack Contacts Book example app (Components, Services, Routing, Http, Forms, Lazy loading, Sockets, NGRX State management, NGRX HTTP+Socket.IO Side Effects management, NGRX Entity management...)
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].