├── README.md ├── LICENSE └── roadmap.svg /README.md: -------------------------------------------------------------------------------- 1 | # Vue Developer Roadmap 2 | 3 | > Roadmap to becoming a Vue developer in 2019 4 | 5 | A fork of the [React Developer Roadmap](https://github.com/adam-golab/react-developer-roadmap) by Adam Gołąb. 6 | 7 | This is a graph I made with the technologies that will make you a well-rounded developer proficient in Vue.js programming. 8 | 9 | Shameless plug: [get my free Vue Handbook](https://vuehandbook.com) 10 | 11 | ## Roadmap 12 | 13 | ![Roadmap](./roadmap.svg) 14 | 15 | ## Resources 16 | 17 | - vuex-persist https://github.com/championswimmer/vuex-persist 18 | - vuex-persistedstate https://github.com/robinvdvleuten/vuex-persistedstate 19 | - vuex-shared-mutations https://github.com/xanf/vuex-shared-mutations 20 | - vuex-loading https://github.com/f/vuex-loading 21 | - Vue test utils https://vue-test-utils.vuejs.org 22 | - vue-i18n https://github.com/kazupon/vue-i18n 23 | 24 | ## License 25 | 26 | [![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/) 27 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Flavio Copes 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /roadmap.svg: -------------------------------------------------------------------------------- 1 | 2 |
Vue Developer in 2018
Vue Developer in 2018
Learn the Basics
Learn the Basics
HTML
HTML
CSS
CSS
JS Basics
JS Basics
Learn the basics of HTML
Learn the basics of HTML<br>
Semantic HTML
Semantic HTML<br>
Dividing page into sections and structuring the DOM properly
Dividing page into sections and structuring the DOM properly<br>
Learn the basics of CSS
Learn the basics of CSS<br>
Grid and Flexbox
Grid and Flexbox<br>
Responsive Web Design and Media Queries
Responsive Web Design and Media Queries<br>
Syntax and basic operations
Syntax and basic operations
DOM manipulation
DOM manipulation<br>
Hoisting, Event Bubbling, Prototyping
Hoisting, Event Bubbling, Prototyping<br>
AJAX (XHR)
AJAX (XHR)<br>
ECMA Script 6+, learn new features
ECMA Script 6+, learn new features<br>
General Development Skills
General Development Skills
GIT - Version Control (GitHub, GitLab)
GIT - Version Control (GitHub, GitLab)
HTTP(S) protocol
HTTP(S) protocol
Learn to search for solutions
Learn to search for solutions
Data Structures and Algorithms
Data Structures and Algorithms
Design patterns
Design patterns
Vue
Vue
State Management
State Management
Vuex
Vuex
Data persistence
Data persistence<br>
vuex-persist
vuex-persist
vuex-persistedstate
vuex-persistedstate
Package Managers
Package Managers
npm
npm
Yarn
Yarn<br>
Build Tools
Build Tools<br>
Styling
Styling<br>
CSS Preprocessor
CSS Preprocessor<br>
npm scripts
npm scripts
Sass/SCSS
Sass/SCSS<br>
PostCSS
PostCSS<br>
Task Runners
Task Runners<br>
Webpack
Webpack
CSS Frameworks
CSS Frameworks<br>
Tailwind
Tailwind<br>
Testing
Testing<br>
API Clients
API Clients<br>
Server Side Rendering
Server Side Rendering<br>
Type Checkers
Type Checkers<br>
CSS in JS
CSS in JS<br>
Keep Learning :)
[Not supported by viewer]
Single File Components
Single File Components<br>
fetch (native)
fetch (native)
axios
axios
Prop Types
Prop Types
TypeScript
TypeScript
Jest
Jest
Karma
Karma
Vue Test Utils
Vue Test Utils
E2E Testing
E2E Testing<br>
Cypress
Cypress
Cucumber.js
Cucumber.js
Puppeteer
Puppeteer
Nuxt.js
Nuxt.js
github.com/flaviocopes/vue-developer-roadmap
github.com/flaviocopes/vue-developer-roadmap<br>
Terminal usage
Terminal usage
Utility Libraries
Utility Libraries<br>
Lodash
Lodash
Moment
Moment
Routing
Routing
vue-router
vue-router
Desktop
Desktop<br>
Electron
Electron
vuex-shared-mutations
vuex-shared-mutations
Selenium
Selenium
vuex-loading
vuex-loading<br>
Component State
Component State
REST
REST<br>
GraphQL
GraphQL<br>
Apollo
Apollo
i18n
i18n<br>

vue-i18n

<p>vue-i18n</p>
3 | --------------------------------------------------------------------------------