Please enable JavaScript.

Coggle requires JavaScript to display documents.

Web Development 2021 Roadmap - Coggle Diagram

- - - - Chrome
      - edge
      - Firefox
    - - Zsh
      - Hyper
      - iTerm
      - Bash
      - Get Bash
      - PowerShell
    - - Sublime Text
      - Atom
      - Visual Studio Code
      - Vim
    - - Adobe XD
      - Sketch
      - Figma
      - Photoshop
    - - Form & Validations
      - Accessibility
      - Semantic HTML
      - Best Practices
      - SEO
      - CSS
        
        CSS Preprocessors
        
        Sass
        
        PostCSS
        
        Modern CSS
        
        Styled Components
        
        CSS Modules
        
        Responsive Design
        
        Viewport
        
        Fluid Widths
        
        rem units
        
        Media Queries
        
        Mobile First
        
        CSS Frameworks
        
        Tailwind CSS
        
        Bootstrap
        
        Transitions / Animations
        
        GSAP
        
        anime.js
        
        Plain CSS
        
        Custom Properties
        
        Flexbox
        
        CSS Grid
        
        Basics
        
        Time To Choose
        
        Front-End Path
        
        JavaScript
        
        Fetch Api
        
        JSON
        
        DOM Manipulation
        
        ES6+
        
        Basic Syntax
        
        TypeScript
        
        Front-End Framework
        
        7 more items...
        
        More Tools
        
        Build Tools
        
        3 more items...
        
        Version Control
        
        2 more items...
        
        Emmet
        
        VS Code Extensions
        
        Axios
        
        Browser Dev Tool
        
        Package Managers
        
        2 more items...
        
        GraphQL
        
        Progressive Web App (PWA)
        
        Web Assembly
        
        C
        
        C++
        
        Rust
        
        JAMstack
        
        JavaScript
        
        API
        
        Markup
        
        Speech Recognition
        
        Back-End Path
        
        Pick A Language
        
        C#
        
        Java
        
        Rust
        
        PHP
        
        Python
        
        Go
        
        JavaScript (Node.js)
        
        Ruby
        
        Back-End Frameworks
        
        Express (Node.js)
        
        Koa (Node.js)
        
        Ruby on Rails (Ruby)
        
        Django (Python)
        
        Spring (Java)
        
        Flask (Python)
        
        Laravel (PHP)
        
        Blazor (C#)
        
        Databases
        
        Relational
        
        4 more items...
        
        NoSQL / Cloud
        
        5 more items...
        
        API
        
        1 more item...
        
        Desktop Applications
        
        Election
        
        Example:
        
        VC Code
        
        Twitch
        
        Slack
        
        Figma
        
        Discord
        
        Mobile Applications
        
        Flutter
        
        Web
        
        nativeScript
        
        React Native
        
        Ionic
        
        Machine Learning / AI
        
        Python
        
        TensorFlow.js
        
        Brain.js
        
        Soft Skill & Personal Development
        
        Motivation / Impostor Syndrome
        
        Adaptability
        
        Attention to Detail
        
        Communication
        
        Creativity
        
        Interpersonal Skills
        
        Leadership
        
        Teamwork
        
        Problem Solving
        
        Work Ethic
        
        Time Management