Please enable JavaScript.
Coggle requires JavaScript to display documents.
Frontend Roadmap (JavaScript (ES2015/16 (Let & Const, Replacing IIFEs…
Frontend Roadmap
JavaScript
Primitive Data Types
Arrays
Type Coercion
Standard Built-in Objects
Strings
Operators
Functions
Scope
Context
Closures
Lexical Scope
Hoisting
Callbacks
Variables
Control Flow
Conditions
Loops
Error Handling
Programming Paradigms
Object-oriented Programming
Functional Programming
Imperative
Event-Driven
Regular Expressions
Forms
Animations
Inheritance
Strict Mode
Expressions
ES2015/16
Let & Const
Replacing IIFEs with Blocks
Arrow Functions
Template Strings
Destructuring
Modules
Parameters
Classes
Symbols
Maps
WeakMaps
Promises
Generators
Async Await
Getter/Setter functions
Objects
Debugging
Styleguide
Testing
Unit Testing
Karma + Jasmine
Chai
Jest
Mocha + Chai
E2E
Puppeteer
Protractor
Cypress
Node
Frameworks
Express
Sails
Koa
Hapi
LoopBack
Mean
Meteor
Command Line
Modules
NPM
Asynchronous Programming
Events
File System
API
Network
Error Handling
Performance
Authorization
Security
Testing
Documentation
Tooling
Streams
HTML
Elements
Attributes
Document Structure
Doctype
Header & Metatags
HTML Entities
Images & Multimedia
Embedded Content
Semantics
Structured Data
JSON-LD
RDFa
Microdata
Forms
Tables
Media Types
Character Encoding
Localization & Internationalization
Social Discovery
Tools
Chrome Dev Tools
Module Bundlers
Rollup
Webpack
Code Splitting
Parcel
Gulp
Git
Github
Bitbucket
Gitlab
Linters
NPM
Yarn
Puppeteer
Code Editors
VS Code
WebStorm
Docker
Validation
HTML
CSS
Vagrant
CSS
Preprocessors
Stylus
Less
SASS
Selectors
Specificity
Pseudo-classes
Pseudo-elements
Combinators
Groups of Selectors
Cascade & Inheritance
Syntax
Values & Units
Properties
Custom Properties
Colors
Box Properties
Box Model
Layout
Responsive/Adaptative Design
Media Querys
Document Flow
Positioning
Flexbox
Grids
Text Properties
Typography
Lists
Visual Effects
Transforms
Transitions & Animations
Backgounds
Styling Tables
Methodologies
SMACSS
Layout
Theme
Module
State
Base
ITCSS
BEM
Modifier
Element
Block
OOCSS
ACSS
Frameworks
Foundation
Bootstrap
Bulma
Material
Client Side JavaScript
DOM Manipulation
Events
Browsers
Memory Management
Cross-Domain Communication
Traversing the DOM
AJAX
XMLHTTPRequest
Fetch
The Window Object
Event Loop
Timers
Web API
Geolocation
Web Storage
WebSockets
WebWorkers
Service Workers
Web Payments
Credential Management
WebRTC
Drag & Drop
Fullscreen
Graphics
Canvas
SVG
WebGL
Indexed DB
Notifications
History
Offline / App Cache
Multimedia
Media Devices: Capture & Record
Web Components
VR
Progressive Web Apps
Misc Topics
Security
XSS
TLS
CSP
CORS
CSRF
OWASP
SEO
Structured Data
Performance & Optimization
AMP
WebAssembly
HTTP
Terminal
Artificial Intelligence
Machine Learning
Computer Science
Algorithms
Design Strategies
Iteration
Recursion
Brute Force
Backtracking
Heuristics
Divide and Conquer
Dynamic Programming
Branch and Bound
Software Development Principles
DRY
SOLID
KISS
YAGNI
Data Structures
Design Patterns
Estructural
Adapter
Bridge
Composite
Decorator
Facade
Flyweight
Proxy
Behavioral
Chain of Responsibility
Command
Iterator
Mediator
Memento
Observer
State
Strategy
Visitor
Creational
Abstract Factory
Builder
Prototype
Singleton
Mobile
React Native
Ionic
Flutter
NativeScript
Frameworks
Angular
Observables & RxJS
Routing & Navigation
Forms
Lifecycle Hooks
Angular CLI
Animations
Modules
Components
Directives
Attribute Directives
Structural Directives
Pipes
Services
Providers
TypeScript
Decorators
Interfaces
Testing
Angular Universal
State Management
Elements
Data Binding
Templates
Dependency Injection
HttpClient
Internationalization (i18n)
Security
Vue
Vue Dev Tools
Single File Components
Vetur
Data
Vue CLI
Methods
Templates
Styling Components
Lifecycle Hooks
Directives
Event Handling
Watchers
Computed Properties
Props
Slots
Filters
Vuex
Vue Router
Components
Transitions & Animations
Vue Server Renderer
Unit Testing
Conditional Rendering
Forms
List Rendering
Filters
React
Components
props
Default props
propTypes
props Children
Functional Components
Class Components
State
Lifecycle
Updating
Unmounting
Mounting
Handling Events
Elements
Conditional Rendering
Lists & Keys
Forms
React Router
Basic
Nesting
URL Params
Link
Unit Testing
Jest
Context
Server Side Rendering
Next
State Management
Redux
MobX
Styling Components
CSS Modules
Styled Components
Design
UX
Accesibility
Usability
UI Design Patterns