Angular Developer Roadmap for 2018

Learn the Basics Legend

Personal recommendation
Learn the basics of HTML
Semantic HTML Good to know

HTML Learn the basics of CSS Possibilities

Syntax and basic operations
CSS Flexbox & CSS Grid
DOM manipulation Responsive Web Design and Media Queries
Hoisting, Event Bubbling, Prototypes JS Basics
AJAX (XHR)
ECMA Script 6+, learn new features

GIT - Version Control

HTTP/HTTPS protocol
Learn to search for solutions General Development Skills
Terminal usage
Data Structures and Algorithms
Design patterns

Sass/SCSS PostCSS Less

npm Yarn

Package Managers CSS Preprocessors

Angular CLI

Webpack Bootstrap
Build Tools Zurb Foundation
Bazel
Styling CSS Frameworks
Rollup Bulma

Semantic UI

Tailwind CSS
Task Runners
npm scripts
Design Systems
gulp

Angular Material Clarity Design System Ant Design (ng-zorro)

Angular Styleguide

tslint
Coding Style

Prettier
Fundamental
3rd parties

Schematics
Types basics The observable pattern
Architecture
Building Libraries Type Guards TypeScript Observable lifecycle
@angular/elements Advanced types Working with multiple streams
RxJS
Different types of Subjects

Usages in Angular core libraries

NGXS
State Management

@ngrx @angular/pwa
side effects
Progressive Web Apps
Workbox

Reducing boilerplate @ngrx/effects

@ngrx/entity ngrx-data

Utility Libraries Lodash

Moment.js
@angular/pwa

NativeScript
Mobile
Ionic Jasmine

Karma
Unit Testing
Jest

Non-browser environments Testing

server-side Protractor
rendering desktop E2E Testing
cypress

Angular Universal Electron

sulco/angular-developer-roadmap twitter.com/sulco