Front End
Community of Practice
1st edition
Front End Developer Roadmap
Data Structures & Algorithms
Basic Terminal Usage
SSH
GIT
Semantic Versioning
Licensing
HTTP /HTTPS & APIs
SOLID, DRY, KISS
Design Patterns
Pre-requisites:
Single Responsibility
Open - Closed
Liskov - Substitution
Interface Segregation
Dependency Inversion
Don`t Repeat Yourself
Keep It Simple, Stupid
Keep It Simple, Stupid
Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.
Code for readability.
HTML
Learn the basics
Semantic HTML
Basic SEO
Accessibility
CSS
Learn the basics
Layouts
Media queries
CSS3
Floats
Positioning
Display
Box Model
Flex Box
CSS Grid
Basic JavaScript
Syntax & Basic Constructs
DOM Manipulation
Fetch API / AJAX (XHR)
ES6+ & Modular Javascript
Event loop
Event bubbling
Event Delegation
Scope / Context / Hoisting
Prototype
How browsers work
Package Managers
NPM
YARN
CSS Pre-processors
SCSS
Less
CSS Frameworks
Bootstrap
Foundation
Bulma
Semantic UI
CSS Architecture
BEM
OOCSS
Build Tools
Linters and Formatters
Prettier, ESLint, JSHint, JSLint
Task Runners
Wepback
Parcel
Rollup
Module Bundlers
NPM Scripts
Gulp
Grunt
Front-End Frameworks
React
Redux
MobX
Angular
VueX
Vue
RxJS
ngrx
CSS in JS
Styled Components
CSS Modules
Emotion
Radium
Testing
Jest + Enzyme + Cypress
Jasmine
Protractor
Mocha
Chai
Sinon
Karma
Progressive Web Apps
Storage
Web Sockets
Service Workers
Notifications
Device Orientation
Using Light House / Dev Tools
Location
Type Checkers
TypeScript
Flow
Server Side Rendering
Next.js (React)
Angular Universal
Nuxt.js (Vue)
Static Site Generators
GatsbyJS (React)
Nuxt.js (Vue)
Desktop Applications
Electron
NW.js
Proton Native
AppJS
Mobile Applications
React Native
NativeScript
Keep Learning
Web Assembly
Docker
Questions?
Thank you!
Resources
Razvan Placintar
Front End Developer Roadmap
By razvan p
Front End Developer Roadmap
What front end developers need to master in 2019
