Vue Js Roadmap

Overview of Vue Js 3

Github Page VUE JS ROADMAP

• Rebuilt for Vue 3 using the new composition api
• Global properties that allow you to make large overarching changes to your app
• Improved SASS variable customization and extensibility with Built-In Modules
• New Vue CLI presets for generating pre-built starting projects
• First party Vite support for lightning fast development
• Greatly improved TypeScript support
• Better framework coverage with E2E testing using Cypress

Vue Js 3 RoadMap

`

1. IDEs

   • visualstudio
   • visualstudioCode

2. HTML

   • w3schools HTML Tutorial
   • MDN Web Docs HTML: HyperText Markup Language

3. CSS

   • w3schools CSS Tutorial
   • MDN Web Docs CSS: Cascading Style Sheets
   • fontawesome Official website
   • w3schools Icons Reference

4. JavaScript

   Basic

   • w3schools JavaScript Tutorial
   • developer.mozilla JavaScript
   • javascript.info The Modern JavaScript Tutorial
   • htmlcheatsheet JS CheatSheet

   es6

   • exploringjs Exploring ES6
   • es6-features ECMAScript 6 — New Features: Overview & Comparison
   • jsfeatures jsfeatures
   • babeljs Learn ES2015
   • github ECMAScript 6
   • github ECMAScript 6

   Style Guide

   • github Airbnb JavaScript Style Guide
   • github clean-code-javascript

   playground

   • js-array-playground JavaScript Array Playground
   • jsfiddle
   • plnkr
   • jsbin
   • codepen
   • stackblitz

5. Vue

   • official website
   • View forms
   • View components

6. Routing

   • Vue Router
   • Router5

7. Type Checkers

   • TypeScript
   • TypeScript
   • Flow

8. Build Tools

   • Package Managers
     • npm
     • yarn
     • pnpm
   • Module Bundlers
     • vue-cli
     • Webpack
     • Bazel
     • Rollup
     • Browserify
     • FuseBox
   • Task Runners
     • npm scripts
     • gulp
     • grunt

9. UI Design

   • CSS Preprocessor
     • Sass/CSS
     • PostCSS
     • Less
     • Stylus
   • CSS Frameworks
     • Bootstrap
     • Materialize
     • Bulma
     • Semantic UI
   • CSS in JS
     • Styled Components
     • Radium
     • Emotion
     • JSS
     • Aphrodite
   • Component libraries
     • Quasar
     • Vuetify
     • iView
     • Vuesax
     • bootstrap-vue

10. State Management

    • Component state
    • Vuex
      • Data persistence
        • vue-persistedstate

11. API Clients

    • REST
      • Fetch
      • SuperAgent
      • axios
    • GraphQL
      • Apollo
      • Relay
      • urql

12. Utility Libraries

    • Lodash
    • Moment
    • classnames
    • Numeral
    • RxJS
    • ImmutableJS
    • Ramda

13. Coding style

    • TSLint
    • Prettier

14. Testing

    • Unit Testing
      • Jest
      • vue-test-utils
      • Sinon
      • Mocha
      • Chai
      • AVA
      • Tape
    • End to End Testing
      • Nightwatch
      • Selenium
      • Webdriver
      • Puppeteer
      • Cucumber.js
    • Integration Testing
      • Karma

15. Internationalization

    • vue-i18n

16. Server Side Rendering

    • Nuxt

17. Static Site Generator

    • VuePress

18. Progressive Web Apps

    • Quasar

19. Mobile Application Development

    • Quasar
    • Vue Native
    • Nativescript Vue
    • Weex

20. Desktop Application Development

    • Quasar
    • Electron
    • NW.js
    • Vuido

`

Bhylu