Angular 11 Developer Roadmap

Angular 11 Developer Roadmap

This project aims to collect the most common / important concepts one should learn to become an Angular developer.
Inspired by "Web Developer Roadmap" and "React Developer Roadmap".

Roadmap

Roadmap

Topics covered + suggested resources

The basics:
- HTML
  - marksheet.io
  - MDN on HTML
- CSS
  - marksheet.io
  - MDN on CSS
- JavaScript
General Development Skills
- GIT
  - "Learn Git Branching"
- HTTP/HTTPS
- Learn to search for solutions
- Terminal usage
- Data Structures and Algorithms
- Design Patterns
Build tools
- Package Managers
  - npm
  - Yarn
- Angular CLI
  - Angular CLI Wiki
- Bazel
- Rollup
- Task runners
  - npm scripts
  - gulp
Styling
- CSS Preprocessors
  - Sass/SCSS
  - PostCSS
  - Less
- CSS Frameworks
- Design Systems
Architecture
Coding style
Fundamental 3rd parties
- TypeScript
  - "TypeScript Deep Dive"
  - Typescript Docs
- RxJS
State Management
- @ngrx
- NGXS
Progressive Web Apps
- @angular/pwa
- Workbox
Utility Libraries
- Lodash
- Moment.js
Testing
- Unit Testing
  - Jasmine
  - Karma
  - Jest
- E2E Testing
  - Protractor
  - cypress.io
Non-browser Environments
- Mobile
  - @angular/pwa (ng add @angular/pwa)
  - NativeScript
  - Ionic
- Angular Universal
- Electron

Spread the word

If you've found this list useful share it on Twitter or other places!

License

Date: 20 Nov 2020

Buy our ebook: Angular 17 from Scratch - Build an ecommerce app step by step!

Subscribe to our Angular Newsletter and Get 4 Angular eBooks for Free

Ebook 1: Angular standalone components
Ebook 2: Learn Angular In 15 Easy Steps
Ebook 3: Practical Angular: Build 5 Apps From Scratch!
Ebook 4: Build a Movies App with Angular 18 and Tailwind

Python Closures Explained

Python Closures Explained

Hey everyone! Today, we're diving into an advanced concept in using functions called closure. A closure is a programming technique where an inner function is returned from an outer function,...

Angular 18 Assets Folder

Angular 18 Assets Folder

Angular 18 Assets Folder

React 19 & Next.js 15 & MySql- Full-Stack Social Media App Tutorial

React 19 & Next.js 15 & MySql- Full-Stack Social Media App Tutorial

throughout this tutorial, we'll learn how to build a full-stack social media application similar to Facebook with the latest cutting-edge technologies including the latest version of Next.js which Next.js 15...

Building J.A.R.V.I.S-Like Chatbot Using GROQ and Python

Building J.A.R.V.I.S-Like Chatbot Using GROQ and Python

Let's build our own Jarvis, a smart assistant that communicates with you in real time. We'll use Groq, a cutting-edge and extremely fast technology, to achieve this. This guide will...

Build a Portfolio Website Using Next.js 14 and Tailwind

Build a Portfolio Website Using Next.js 14 and Tailwind

A portfolio is an essential tool for every developer.

Next.js 14 eCommerce App with Shadcn, Tailwind, Zod, Stripe & MongoDB: Build and Deploy a Fullstack App

Next.js 14 eCommerce App with Shadcn, Tailwind, Zod, Stripe & MongoDB: Build and Deploy a Fullstack App

Welcome to our tutorial on building and deploying a Fullstack ecommerce Next.js 14 application! This comprehensive tutorial is crafted for developers eager to enhance their skills and leverage cutting-edge technologies....

Upgrade to Angular 18

Upgrade to Angular 18

In this short guide we'll see how to update Angular core framework and Angular CLI to the latest Angular 18 version and upgrading existing projects to use v18

Auth: Login & Signup in Angular 18

Auth: Login & Signup in Angular 18

In this comprehensive tutorial, we will explore the process of building login and signup pages using Angular 18. We'll leverage HTML and CSS to design the pages, and Angular code...

Angular Input Get Value

Angular Input Get Value

In this article, we'll explore different methods and best practices for extracting values entered into input fields within Angular 18 applications.

Angular 18 Zoneless Change Detection

Angular 18 Zoneless Change Detection

Transitioning to zoneless change detection in Angular 18 represents a significant leap forward for developers. It promises not only immediate performance enhancements and streamlined development processes but also opens doors...

DMCA.com Protection Status