[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/vue-js.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Vue.js **repo:** [vuejs/awesome-vue](https://github.com/vuejs/awesome-vue) **category:** [[front-end-development|Front-End Development]] **related:** [[javascript|JavaScript]] · [[react|React]] · [[svelte|Svelte]] · [[angular|Angular]] --- Resource from plugin:github:github at repo://vuejs/awesome-vue/sha/14fa265df1bd0a3d78fca341a9739a42bf6cd95d/contents/README.md] <p align="center"> <br> <img width="400" src="./assets/logo.svg" alt="logo of vue-awesome repository"> <br> <br> </p> ## Awesome Vue.js [](https://github.com/sindresorhus/awesome) [](https://www.trackawesomelist.com/vuejs/awesome-vue) > A curated list of awesome things related to Vue.js **Table of Contents** - [Resources](#resources) - [Official Resources](#official-resources) - [Truly [awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome) projects](#truly-awesome-projects) - [External Resources](#external-resources) - [Newsletters](#newsletters) - [Job Portal](#job-portal) - [Community](#community) - [Conferences](#conferences) - [Podcasts](#podcasts) - [Official Examples](#official-examples) - [Tutorials](#tutorials) - [Examples](#examples) - [Books](#books) - [Blog Posts](#blog-posts) - [Courses](#courses) - [Documentaries](#documentaries) - [Companies Using Vue.js](#companies-using-vuejs) - [Projects Using Vue.js](#projects-using-vuejs) - [Open Source](#open-source) - [Commercial Products](#commercial-products) - [Apps/Websites](#appswebsites) - [Interactive Experiences](#interactive-experiences) - [Enterprise Usage](#enterprise-usage) - [A11y](#a11y) - [Components & Libraries](#components--libraries) - [Frameworks](#frameworks) - [Responsive](#responsive) - [Mobile](#mobile) - [Component Collections](#component-collections) - [Admin Template](#admin-template) - [Server-side rendering](#server-side-rendering) - [Static website generator](#static-website-generator) - [Other](#other) - [UI Layout](#ui-layout) - [UI Components](#ui-components) - [Table](#table) - [Notification](#notification) - [Loader](#loader) - [Progress Bar](#progress-bar) - [Tooltip](#tooltip) - [Overlay](#overlay) - [Marquee](#marquee) - [Menu](#menu) - [Carousel](#carousel) - [Charts](#charts) - [Time](#time) - [Calendar](#calendar) - [Map](#map) - [Audio / Video](#audio--video) - [Infinite Scroll](#infinite-scroll) - [Markdown](#markdown) - [PDF](#pdf) - [Tree](#tree) - [Graph](#graph) - [Social Sharing](#social-sharing) - [QR Code](#qr-code) - [Search](#search) - [Miscellaneous](#miscellaneous) - [Tabs](#tabs) - [Form](#form) - [Phone Number Input Formatter](#phone-number-input-formatter) - [Picker](#picker) - [Generator](#generator) - [Date Picker](#date-picker) - [Select](#select) - [Drag and Drop](#drag-and-drop) - [Type Select](#type-select) - [Color Picker](#color-picker) - [Switch](#switch) - [Masked Input](#masked-input) - [Rich Text Editing](#rich-text-editing) - [Image Manipulation](#image-manipulation) - [File Upload](#file-upload) - [Context Menu](#context-menu) - [Miscellaneous](#miscellaneous-1) - [Wizard](#wizard) - [Canvas](#canvas) - [Link Preview](#link-preview) - [Tour](#tour) - [UI Utilities](#ui-utilities) - [Event Handling](#event-handling) - [Responsive Design](#responsive-design) - [Form](#form-1) - [Validation](#validation) - [Resize](#resize) - [Scroll](#scroll) - [Routing](#routing) - [Lazy Load](#lazy-load) - [Pagination](#pagination) - [Animation](#animation) - [Meta Tags](#meta-tags) - [Portal](#portal) - [SVG](#svg) - [Miscellaneous](#miscellaneous-2) - [WebGL](#webgl) - [Fullscreen](#fullscreen) - [Printing](#printing) - [Utilities](#utilities) - [Typescript](#typescript) - [HTTP Requests](#http-requests) - [i18n](#i18n) - [Custom Events](#custom-events) - [Persistence](#persistence) - [State Management](#state-management) - [Mobx](#mobx) - [Pinia](#pinia) - [Authentication/Authorization](#authenticationauthorization) - [Vuex Utilities](#vuex-utilities) - [GraphQL](#graphql) - [Code Style](#code-style) - [CSS](#css) - [Asset Management](#asset-management) - [Page Navigation](#page-navigation) - [Miscellaneous](#miscellaneous-3) - [Web Sockets](#web-sockets) - [Payment](#payment) - [Stripe](#stripe) - [Integrations](#integrations) - [Vue CLI Plugins](#vue-cli-plugins) - [Google Analytics](#google-analytics) - [Dev Tools](#dev-tools) - [Inspect](#inspect) - [Docs](#docs) - [Test](#test) - [Source Code Editing](#source-code-editing) - [Vim](#vim) - [Visual Studio Code](#visual-studio-code) - [Intellij](#intellij) - [Emacs](#emacs) - [Scaffold](#scaffold) - [Universal](#universal) - [Electron](#electron) - [Prerendering](#prerendering) ## Resources ### Official Resources - [Documentation](https://vuejs.org/) - [API Reference](https://vuejs.org/api/) - [GitHub Repo](https://github.com/vuejs/) - [Release Notes](https://github.com/vuejs/core/releases) - [Style Guide](https://vuejs.org/style-guide/) - [Vue.js News](https://news.vuejs.org/) - [IDE Language Support](https://github.com/vuejs/language-tools?tab=[readme](/@harrisonqian/awesome/wiki/miscellaneous/readme)-ov-file#vue-language-tools) - [Awesome Vite](https://github.com/vitejs/awesome-vite) ### Truly awesome projects These projects are exceptionally high quality, have a proven trackrecord, and are virtually indispensable. - [Vue DevTools](https://github.com/vuejs/devtools) - Browser devtools extension for debugging Vue.js applications. - [unplugin-icons](https://github.com/unplugin/unplugin-icons) - On-demand icon loader supporting all known popular icon sets - [vue-i18n](https://github.com/intlify/vue-i18n) - Internationalization plugin for Vue.js ### External Resources - [Vue.js 資料まとめ(for japanese)](https://gist.[github](/@harrisonqian/awesome/wiki/development-environment/github).com/hashrock/f575928d0e109ace9ad0) by @hashrock - [Vue.js Wikipedia](https://en.wikipedia.org/wiki/Vue.js) - [Vue Curated Resources](https://hackr.io/tutorials/learn-vue-js) - Recommended Vue.js courses and [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials). - [Vue School](https://vueschool.io) - Learn Vue.js from video courses by [core](/@harrisonqian/awesome/wiki/platforms/core) members and industry experts - [VueDose](https://vuedose.tips). [Tips](/@harrisonqian/awesome/wiki/programming-languages/tips) & tricks about the Vue ecosystem, for busy devs. - [Vue.js DEV Community](https://dev.to/t/vue) - Official tag for the Vue.js [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) Framework on DEV.to - [WebTechSurvey.com](https://webtechsurvey.com/technology/vue.js) - An extensive list of websites created with the Vue.js [Javascript](/@harrisonqian/awesome/wiki/programming-languages/javascript) framework. - [Vue Mastery](https://www.vuemastery.com/) - The ultimate [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) resource for Vue developers - [Vue 3 Video Playlist](https://www.youtube.com/playlist?list=PLMLZt4pr7Aq6AfC_ynfeDbEk2hbMFGpHO) - Amazing Vue 3 [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) and experiments - [Vue.js Workshops](https://public.vuejsworkshops.com) - Learn Vue 2, in browser, by building 3 applications: Landing page, Todos App and [Podcasts](/@harrisonqian/awesome/wiki/entertainment/podcasts) aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo ) - [Vue.js Articles](https://thewebdev.info/category/javascript/vue/) - Assorted Vue 2 and 3 [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) and articles. - [Best vue.js Courses On YouTube](https://www.nbshare.io/blog/best-vue-js-courses-on-youtube/) - Handpicked list of best Vue.js [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) on YouTube - [Notes on Vue](https://notes-on-vue.ackzell.dev/) - A personal guide to Vue development. - [Vue-FAQ](https://vue-faq.org/) - FAQ about frontend in general and Vue.js in particular. - [State of Vue Report](https://www.monterail.com/stateofvue?utm_source=[Github](/@harrisonqian/awesome/wiki/development-environment/github)&utm_medium=awesomevue) - The 5th edition of the most comprehensive Vue publication. Co-created with Evan You, the Vue & Nuxt [Core](/@harrisonqian/awesome/wiki/platforms/core) Teams - [TODOvue Blog](https://github.com/TODOvue/todo-vue) - Guides and [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) on creating modern components with Vue.js. [Website](https://todovue.blog/) ### Newsletters - [Weekly Vue news](https://weekly-vue.news/) - A weekly newsletter with the most interesting Vue & Nuxt News, [Tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials), Projects, and Tools. ### Job Portal - [Vue.js Jobs - VueJobs](https://vuejobs.com/) - A Vue.js job portal to hire or get hired for all your Vue.js jobs. - [Vue.js Interview Questions](https://github.com/sudheerj/vuejs-interview-questions) - A List of 300 VueJS Interview Questions and [Answers](/@harrisonqian/awesome/wiki/miscellaneous/answers) ### Community - [X (Twitter)](https://x.com/vuejs) - [Official Forum](https://forum.vuejs.org/) - [VueJS English community](https://t.me/vue_en) - [VueJS Iran - Telegram Channel & group (group link available in channel bio)](https://telegram.me/vue_js) - [VueJS Russia - Telegram Group [Russian]](https://t.me/vuejs_ru) - [VueJS Viet Nam - Facebook group](https://www.facebook.com/groups/vuejsvietnam/) - [VueJS Thailand - Facebook Group](https://www.facebook.com/groups/VuejsThailand/) - [VueJS Brasil - Telegram Group [Portuguese]](https://t.me/vuejsbrasil) - [VueJS Brasil - Facebook Page [Portuguese]](https://www.facebook.com/vuejsbrasil/) - [VueJS Brasil - Facebook Group [Portuguese]](https://www.facebook.com/groups/vuejsbr/) - [VueJS en español - Facebook Group [Spanish]](https://www.facebook.com/groups/vue.es/) - [VueJS India - Discord chat server](https://discord.com/invite/8bfzmkw) - [VueJS Indonesia - Telegram Group [Indonesian]](https://t.me/vuejsindonesia) - [VueJS Indonesia - Facebook Group [Indonesian]](https://www.facebook.com/groups/1675298779418239/) - [VueJS Hong Kong - Facebook group](https://www.facebook.com/groups/887185518120024) - [VueJS Arab - Telegram Group](https://t.me/vuejsarab) - [VueJS Vix - Telegram Group [Portuguese]](https://t.me/vuejsvix) - [VueJS Israel - Facebook Page](https://www.facebook.com/officalVuejsIsrael/) - [VueJS Finland - Facebook Page](https://www.facebook.com/vuejsfinland/) - [Hablemos de Vue.js - Telegram Group [Castellano]](https://t.me/vuejsEs) - [VueBLR - WhatsApp Group](https://chat.whatsapp.com/I80X4JEZt4k1OxFD6YDIcl) - [VueBLR - Facebook Group](https://www.facebook.com/groups/vue.blr/) - [VueJS USA - Meetups](https://events.vuejs.org/meetups/#united-states) - [VueJS CZ/SK - Discord group](https://discord.gg/mDr2z8V) - [VueJS DOM - WhatsApp group](https://chat.whatsapp.com/L5rFQpme22IHmmyOMI1MWA) - [VueJS Uzbekistan - Telegram Group [Uzbek]](https://t.me/vuejsuzbekcommunity) - [VueJS Uzbekistan - Telegram Community and Support Group [Uzbek]](https://t.me/vuejs_uz) - [VueJS Turkey - Telegram Group](https://t.me/vuejsTR) - [Vue Turkey - Twitter Account](https://twitter.com/Vue_Turkey) - [Vue Türkiye - Kommunity Page](https://kommunity.com/vue-turkey) - [VueJS Singapore - Telegram Group](https://t.me/vuejssg) - [VueJS Bootcamp kablosuzkedi - Turkey - Telegram Group](https://t.me/joinchat/pqiJOgi8byQ5Y2E0) - [VueJS [Translations](/@harrisonqian/awesome/wiki/miscellaneous/translations) Ukraine](https://t.me/vuejs_ukraine) - Telegram Group (Ukraine) - [VueJS Kenya - Twitter Account](https://twitter.com/KenyaVue) - [VueJS Magyar - Facebook Group [Hungarian]](https://www.facebook.com/groups/huvuejs/) - [VueJS Bangladesh - Facebook Group](https://www.facebook.com/groups/764064325433370) ### Conferences - [VueConf US](https://vueconf.us) - [VueConf Toronto](https://vuetoronto.com) - [Vue.js Amsterdam](https://vuejs.amsterdam) ### Podcasts - [Full Stack [Radio](/@harrisonqian/awesome/wiki/miscellaneous/radio) #30 (11-23-2015)](https://www.fullstackradio.com/30) - [Changelog #184 (11-27-2015)](https://changelog.com/podcast/184) - [Software Engineering Daily (12-29-2015)](https://softwareengineeringdaily.com/2015/12/29/front-end-[javascript](/@harrisonqian/awesome/wiki/programming-languages/javascript)-with-evan-you/) - [Codecasts #2 - Falando Sobre Vuejs e [Web Components](/@harrisonqian/awesome/wiki/front-end-development/web-components) (2016-08-19) [pt-BR]](https://soundcloud.com/codecasts/2-falando-sobre-vuejs-e-web-components) - [Full Stack [Radio](/@harrisonqian/awesome/wiki/miscellaneous/radio) #50 (09-21-2016)](https://www.fullstackradio.com/50) - [和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]](https://teahour.fm/78) - [Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)](https://changelog.com/rfc/12) - [The Web Platform Podcast 132: Vue.js (07-27-2017)](https://thewebplatformpodcast.com/132-vuejs) - [Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)](https://softwareengineeringdaily.com/2017/12/01/animating-vuejs-with-sarah-drasner/) - [Cynical Developer #99 (10-15-2018)](https://cynicaldeveloper.com/podcast/99/) - [Syntax #130 (03-27-2019)](https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes) - [Enjoy the Vue: The new Vue.js podcast](https://enjoythevue.io/) - [What is Pinia? with @posva (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s1-e22-que-es-pinia-con-posva) - [Evolution of Vue - Part I (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s1-e9-evolucion-de-vue-parte-i) - [Evolution of Vue - Part II (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s1-e10-evolucion-de-vue-parte-ii) - [Evolution of Vue - Part III (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s1-e11-evolucion-de-vue-parte-iii) - [React vs Vue - their [communities](/@harrisonqian/awesome/wiki/work/communities) (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s1-e8-[react](/@harrisonqian/awesome/wiki/front-end-development/react)-vs-vue-las-comunidades) - [Views on Vue (weekly podcast on Vue)](https://topenddevs.com/podcasts/views-on-vue) - [DejaVue - The Vue podcast to remember](https://dejavue.fm/) - [Pinia and friends in 2025 with @posva (My typeof Radio) [es-MX]](https://mytypeof.dev/episode/s3-e7-pinia-y-sus-amigos-en-2025-con-posva) ### Official Examples - [Vue.js TodoMVC](https://github.com/vuejs/vue/tree/dev/examples/todomvc) ### Tutorials - [Learn Vue 3: Step by Step](https://laracasts.com/series/learn-vue-3-step-by-step) on Laracasts - [Vuejs 2 Authentication Tutorial](https://auth0.com/blog/vuejs2-authentication-tutorial/) on Auth0 blog - [Vuex introduction video - James Browne from London Vue.js Meetup #1](https://www.youtube.com/watch?v=l1KHL-TX3qs) - [Hybrid App Example with [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and Vue.js in Portuguese](https://www.youtube.com/watch?v=TGSJjDahlrQ) by @vedovelli - [Vue.js Screencast Series in Spanish](https://styde.net/curso-de-vue-js/) on Styde[.net](/@harrisonqian/awesome/wiki/platforms/net) - [**讲解 Vue.js 官网 中文-含代码、百度云、youtube**](https://github.com/bhnddowinf/vuejs-learn) on bhnddowinf - [Exploring Real Time [Apps](/@harrisonqian/awesome/wiki/platforms/apps) with VueJS, ES2015 and Webpack](https://blog.pusher.com/exploring-real-time-apps-with-vuejs-es2016-and-webpack/) on Pusher - [Vue.js in Bahasa Indonesia](https://www.sekolahkoding.com/track/belajar-vue-js) on sekolahkoding.com - [Vue.js from Scratch Series in Russian](https://www.youtube.com/playlist?list=PL5r0NkdgM0UOxb4Hl81FV5UIgexwTf8h7) on YouTube by .dev - [Створення сервісу для зберігання файлів з [Flask](/@harrisonqian/awesome/wiki/back-end-development/flask), [RethinkDB](/@harrisonqian/awesome/wiki/databases/rethinkdb) та Vue.js, ч. 1](https://codeguida.com/post/526/) Ukraine - [VueJS 2 French tutorial](https://www.youtube.com/playlist?list=PLjwdMgw5TTLW-mAtlR46VajrKs4dep3y0) Français par Grafikart - [How to Create Great VueJS Applications Using Wijmo Controls](https://wijmo.com/blog/how-to-create-great-vuejs-applications-using-wijmo-controls/) - [**讲解 Vue.js 2 官网 中文-含代码、百度云、youtube**](https://github.com/bhnddowinf/vuejs2-learn) on bhnddowinf - [Up and Running with the Vue.js 2.0 Framework](https://www.sitepoint.com/up-and-running-vue-js-2-0/) on SitePoint - [Vue.js 2.0 Fundamentals](https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O) on YouTube by DevMarketer - [Vuex For The Clueless — The Missing Primer On Vue’s Application Data Store](https://medium.com/js-dojo/vuex-for-the-clueless-the-missing-primer-on-vues-application-data-store-33fa51ffc3af#.2j25xpfui) - [Real-time Grid Component [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel), Vue.js, Vuex & Socket.io](https://www.youtube.com/watch?v=Jxefsv5Zqkw&t=3s) - [VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial](https://www.udemy.com/vuejs-2-the-complete-guide) - [Develop Web [Apps](/@harrisonqian/awesome/wiki/platforms/apps) with Vue.js](https://egghead.io/courses/develop-web-apps-with-vue-js) on [egghead.io](https://egghead.io/) - [Vue.js 2 - Getting Started](https://www.youtube.com/playlist?list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07) - [Vue.js 2 & Vuex (Basics)](https://www.youtube.com/playlist?list=PL55RiY5tL51pT0DNJraU93FhMzhXxtDAo) - [Türkçe VueJS Eğitim Videoları](https://www.youtube.com/playlist?list=PLa3NvhdFWNipwk1KXeUpVQnAiAfuBw4El) on YouTube by [Fatih Acet](https://fatihacet.com) - [Let's Vue! - OpenLecture 2017.01 in Russian](https://youtu.be/7pmw5gvWAf8) on YouTube by Illya Klymov ([@xanf](https://github.com/xanf/)) - [Build vue-hackernews-2.0 from Scratch](https://github.com/Detachment/Build-vue-hackernews-2.0-from-scratch) by [@ Detachment](https://github.com/Detachment) - [Complete Vue.js Application Tutorial - Creating a Simple Budgeting App with Vue](https://matthiashager.com/complete-vuejs-application-tutorial) by [@matthiaswh](https://github.com/matthiaswh) - [Vue.js Tutorial: A Prerendered, SEO-Friendly Example](https://snipcart.com/blog/vuejs-tutorial-seo-example) - [Vue.js Introduction For People Who Know Just Enough [jQuery](/@harrisonqian/awesome/wiki/front-end-development/jquery) To Get By](https://medium.com/@mattrothenberg/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77) - [Fetching Data from a Third-Party API with Vue.js and Axios](https://www.sitepoint.com/fetching-data-third-party-api-vue-axios/) - [Vue JS: Simultaneously Running Express and Webpack Dev Server](https://medium.com/dailyjs/vue-js-simultaneously-running-express-and-webpack-dev-server-292f4a7ed7a3) on Medium by Henrik Fogelberg - [Vue JS 2 Tutorials](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa) on Youtube by [The Net Ninja](https://www.thenetninja.co.uk) - [Add a headless CMS to VueJs in 5 Minutes](https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5-minutes) - [vue 架构中的 Watcher](https://github.com/dengwanc/dengwanc.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/issues/11) - [Migrating from [KnockoutJS](/@harrisonqian/awesome/wiki/front-end-development/knockoutjs) to VueJS](https://jes.al/2017/05/migrating-from-knockoutjs-to-vuejs/) - [Create a quiz with Vue.js](https://medium.com/@rap2h/create-a-quiz-with-vue-js-ed1e8e0e8294) by [@rap2h](https://twitter.com/rap2h) - [Interactive Vue.js Screencasts For Beginners](https://scrimba.com/playlist/playlist-38) - [Vue.JS ile NASA API'ını Kullanarak Veri Çekme](https://www.youtube.com/watch?v=uC5b2VDATDU) on YouTube - [Build a realtime chart with VueJS and Pusher](https://blog.pusher.com/build-realtime-chart-with-vuejs-pusher/) - [Intro to Vue, repo for Frontend Masters Course](https://github.com/sdras/intro-to-vue) - [Vue Guide on CSS-Tricks](https://css-tricks.com/guides/vue/) - [Using Typescript in your VueJS app](https://medium.com/coding-blocks/using-typescript-in-your-vue-app-c4aba0bbc8bc) - [Vue.js 预览](https://ninghao.net/course/4256) on ninghao[.net](/@harrisonqian/awesome/wiki/platforms/net) - [Building a Vue v2 JS app using Vue-router](https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/) - [Build your own carousel with Vue](https://medium.com/@davidatomhernandez/how-to-a-simple-carousel-with-vue-138715d615d7) by [@Atom_Hernandez](https://twitter.com/Atom_Hernandez) - [Unit [Testing](/@harrisonqian/awesome/wiki/testing/testing) Vue.js Components with the Official Vue Testing Tools and Jest](https://alexjoverm.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing-Tools-and-Jest/) by [@alexjoverm](https://twitter.com/alexjoverm) - [Creating Vue.js Transitions & Animation: Live Examples](https://snipcart.com/blog/vuejs-transitions-animations) by [@udyuxdev](https://twitter.com/UdyUXDev) - [Async in VueJS part 1](https://medium.com/js-dojo/async-in-vue-js-part-1-28d96f751a2e) - [Async in VueJS part 2](https://medium.com/js-dojo/async-in-vuejs-part-2-45e81c836e38) - [Using localStorage with Vuex store without a plugin](https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store) - [Using props for accessing URL parameters within components with Vue Router](https://www.youtube.com/watch?v=ESg0k2zdME4) - [Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-[nginx](/@harrisonqian/awesome/wiki/back-end-development/nginx)-ec7b5c0748a3) - [Testing Vue Components](https://testingvue.com) on [laracast](https://laracasts.com/series/testing-vue) - [Building a Full Stack Web App with Vue.js and Express.js](https://www.youtube.com/watch?v=Fa4cRMaTDUI&t=) by [@CodyLSeibert](https://twitter.com/CodyLSeibert) - [Getting Started with Vue.js](https://sabe.io/tutorials/getting-started-with-vue-js) - [프론트엔드 개발자를 위한 Vue.js 입문서](https://joshua1988.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/web-development/vuejs/vuejs-tutorial-for-beginner/) - [누구나 다루기 쉬운 Vue.js (Video)](https://www.inflearn.com/course/vue-pwa-vue-js-%EA%B8%B0%EB%B3%B8/) on [Inflearn](https://www.inflearn.com/) by [Captain Pangyo](https://joshua1988.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) - [Build a Vue.js Blog in 2 hours tops](https://snipcart.com/blog/vuejs-blog-demo#tutorial) on [Snipcart](https://snipcart.com/) - [Getting Started with Vuex: Managing State in Vue.js](https://sabe.io/tutorials/getting-started-with-vuex) - [Vue2 ACL using CASL](https://medium.com/@sergiy.stotskiy/vue-acl-with-casl-781a374b987a) by Sergii Stotskyi - [Vuejs 2.5+ Authentication Tutorial using Auth0](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication) on Storyblok blog - [Hygraph introduction guide with Vue](https://hygraph.com/docs/introduction/) on Hygraph - [Vue.js debugging in Chrome and VS Code](https://github.com/Microsoft/vscode-recipes/tree/master/vuejs-cli) This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI. - [Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b) - [Let’s Build a Custom Vue.js Router](https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4) - [Build a Vue.Js E-Commerce App with ButterCMS Headless Backend](https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms) - [Developing a Single Page App with [Flask](/@harrisonqian/awesome/wiki/back-end-development/flask) and Vue.js](https://testdriven.io/developing-a-single-page-app-with-flask-and-vuejs) - [Accepting Payments with Stripe, Vue.js, and Flask](https://testdriven.io/accepting-payments-with-stripe-vuejs-and-flask) - [API Driven Development With [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and VueJS (Free Course)](https://serversideup.net/courses/api-driven-development-laravel-vuejs/) on serversideup[.net](/@harrisonqian/awesome/wiki/platforms/net) - [Managing State in Vue.js](https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87) - [Heartbeat (Vue + NW.js Desktop app Video series)](https://www.youtube.com/playlist?list=PLmJs3lfUmCdT9MyG60Oo6HM7xAn79vwZ0) by Axel Martínez (2017 - 2020) - [Firebase Server-Side Render Vue [Apps](/@harrisonqian/awesome/wiki/platforms/apps) with Nuxt.js (Server-side Rendering with [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) Frameworks)](https://www.youtube.com/watch?v=ZYUWsjUxxUQ) - [Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) Frameworks)](https://www.youtube.com/watch?v=Y5XX2lruhxs) - [Creating an interactive map with D3 and Vue](https://dev.to/denisinvader/creating-an-interactive-map-with-d3-and-vue-4158) (October 2018) - [The guide to write universal, SSR-ready Vue components](https://blog.lichter.io/posts/the-guide-to-write-universal-ssr-ready-vue-compon) - [Vue.js Fundamentals](https://vueschool.io/courses/vuejs-fundamentals) - [Vuex for Everyone](https://vueschool.io/courses/vuex-for-everyone) - [Vue.js Form Validation](https://vueschool.io/courses/vuejs-form-validation) - [The Vue.js Master Class](https://vueschool.io/courses/the-vuejs-master-class) - [Vue.js [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) Realtime Database](https://vueschool.io/courses/vuejs-firebase-realtime-database) - [Vue.js [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) Authentication](https://vueschool.io/courses/vuejs-firebase-authentication) - [Dynamic Forms with Vue.js](https://vueschool.io/courses/dynamic-forms-vuejs) - [Custom Vue.js Directives](https://vueschool.io/courses/custom-vuejs-directives) - [Building an [Electron](/@harrisonqian/awesome/wiki/platforms/electron) File Explorer with Quasar (and Vue)](https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6) by [@hawkeye64](https://github.com/hawkeye64). (November 2018) - [Build Web [Apps](/@harrisonqian/awesome/wiki/platforms/apps) with Vue JS 2 & Firebase](https://www.udemy.com/build-web-apps-with-vuejs-firebase/learn/v4/overview) on `Udemy` by [the Net Ninja](https://www.thenetninja.co.uk/) - [Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)](https://www.udemy.com/vuejs-2-the-complete-guide/learn/v4/overview) on `Udemy` by Maximilian Schwarzmüller - [Vue for Designers](https://designcode.io/vue) by Design+Code (February 2019) - [How to Dynamically Add a Class Name in Vue](https://michaelnthiessen.com/dynamically-add-class-name/) by Michael Thiessen - [Build a Library web application with Vue JS, Node JS, and SQL or [MongoDB](/@harrisonqian/awesome/wiki/databases/mongodb) using ScaffoldHub](https://www.youtube.com/watch?v=FdC4Mjljd3k) By Felipe Lima [@scaffoldhub_io](https://twitter.com/scaffoldhub_io) - [Building a Realtime Location tracking app with NativeScript + Vue](https://medium.com/saibbyweb/building-a-real-time-location-tracking-app-with-nativescript-vue-under-350-lines-of-code-8b51ad40d657) by Saibbyweb - [Vue: Getting Started, by John Papa](https://www.pluralsight.com/courses/vue-getting-started) on [Pluralsight](https://www.pluralsight.com) - [Building a Simple Pre-Rendered Web App Using Vue + Nuxt](https://mtlynch.io/simple-vue-pre-rendered/) by Michael Lynch - [Vue and [GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql) with Hasura video course](https://dev.to/hasurahq/vue-and-graphql-with-hasura-video-course-3mpp) - [Frontend and Fullstack VENM-stack coding [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) by RabbitWerks JavaScript](https://www.youtube.com/c/rabbitwerksjavascript) - [Nordschool Vue Tutorials](https://nordschool.com/tag/vue) - [Vue Props Validation - Best Practices](https://nordschool.com/vue-props/) - [Vue Router - The Complete Guide](https://nordschool.com/vue-router/) - [Enable VS Code Debugger for Nuxt & Typescript](https://nordschool.com/enable-vs-code-debugger-for-nuxt-and-typescript/) - [Create A Blog With Gridsome & Vue](https://nordschool.com/create-a-blog-with-gridsome-and-vue/) - [Building an Imgur Clone with Vue.js and Serverless](https://tutorialedge.net/projects/building-imgur-clone-vuejs-nodejs/) - [Building a HackerNews clone in Vue.js on AWS](https://tutorialedge.net/projects/hacker-news-clone-vuejs/) - [Build Your First Vue.js App in About 30 Minutes](https://raddevon.com/articles/build-your-first-vue-js-app/) by Rad Devon (Video, February 2020) - [How to make your components dynamic in Vue JS](https://blog.logrocket.com/how-to-make-your-components-dynamic-in-vue-js/) (September 2019) - [Fragments in Vue JS](https://blog.logrocket.com/fragments-in-vue-js/) (December 2019) - [Build a movie search app using the Vue Composition API](https://dev.to/blacksonic/build-a-movie-search-app-using-the-vue-composition-api-5218) - [Vue [Testing](/@harrisonqian/awesome/wiki/testing/testing) Crash Course](https://dev.to/blacksonic/vue-testing-crash-course-59kl) - [Sharing and re-using Vue Mixins in the cloud with Bit.dev](https://blog.bitsrc.io/sharing-and-reusing-vue-mixins-in-the-cloud-with-bit-dev-830104a48d0b) (May 2019) - [Using Watchers in Vue JS](https://blog.bitsrc.io/introducing-watchers-in-vue-js-d3efd4f4e726) (June 2019) - [Understanding Filters in Vue JS](https://blog.bitsrc.io/understanding-filters-in-vue-js-7a53b1521dce) (June 2019) - [Form Validation In VueJS Using Yup](https://vijitail.dev/blog/form-validation-in-vue-using-yup) by [Vijit Ail](https://vijitail.dev/) (May 2020) - [Use Vue.js to Rewrite [React](/@harrisonqian/awesome/wiki/front-end-development/react)'s Official Tutorial Tic Tac Toe](https://chanvinxiao.com/blog/vuejs-tic-tac-toe/) By [Chanvin Xiao](https://github.com/vinzid) - [Can we use [Python](/@harrisonqian/awesome/wiki/programming-languages/python) with Vue.js or Vue and Django or [Flask](/@harrisonqian/awesome/wiki/back-end-development/flask)?](https://vue-view.com/can-we-use-python-with-vue-js-or-vue-and-django-or-flask/) - [MDN - Vue tutorials](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks#Vue_tutorials) - [Learn Vue 3 for Beginners - Full 2020 Tutorial Course](https://www.youtube.com/watch?v=ZqgiuPt5QZo&ab_channel=TheEarthisSquare) on Youtube - [Vue 3 Composition Api Introduction - Full Tutorial](https://www.youtube.com/watch?v=bwItFdPt-6M) - [Building a VueJS chat app with realtime storage of messages in Airtable](https://ably.com/blog/airtable-[database](/@harrisonqian/awesome/wiki/databases/database)-realtime-messages) by Srushtika Neelakantam (December 2020) - [Building a realtime quiz with VueJS using a starter kit](https://github.com/ably-labs/realtime-quiz-framework/blob/main/TUTORIAL.md) by Srushtika Neelakantam (October 2020) - [Make an Heart clicker with vue.js and firebase](https://dev.to/venatus/tutorial-make-an-heart-clicker-with-vue-js-and-[firebase](/@harrisonqian/awesome/wiki/platforms/firebase)-3npe) - [Vue.js Debugging: A Guide to Fixing Your Frontend](https://snipcart.com/blog/vuejs-debugging) - Learn the basics of Vue.js debugging. This guide will walk you through a tutorial on how to fix your application's frontend. - [Help you learn more efficiently vue3 source code - mini-vue](https://github.com/cuixiaorui/mini-vue) by cuixiaorui - [Vue.js SPA: Build a Powerful E-Commerce App](https://snipcart.com/blog/building-a-vuejs-spa) - [Learning Vue 3.0](https://github.com/chengpeiquan/learning-vue3) - [Vue 3.0 and decentralized app (dApp)](https://github.com/hypescale/moralis-vue-boilerplate) - [Add a prebuilt video chat widget to any Vue app with daily-js](https://www.daily.co/blog/build-a-video-chat-app-with-vue-and-daily-prebuilt/) by Jess Mitchell, via Daily (August 2021) - [Build a custom video chat app with daily-js and Vue](https://www.daily.co/blog/custom-video-chat-app-with-daily-and-vue/) by Jess Mitchell, via Daily (November 2021) - [Vue Pwa: Build a Progressive Web Application With Nuxt](https://snipcart.com/blog/vue-pwa-development) on Snipcart - [Meteor + Vue](https://www.youtube.com/playlist?list=PLmJs3lfUmCdS8W27OoWj3uGDP6g4ypNyw) Youtube playlist by Axel Martínez - [Introduction to Vue (Spanish)](https://scrimba.com/playlist/pDzVxUd) Scrimba mini-course in [Spanish](/@harrisonqian/awesome/wiki/computer-science/spanish). - [Intro to Vue 3](https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3) - Free course on Vue 3 with intuitive explanations from Vue Mastery - [Developing a web application with Vue.js 3 and Vite.js (French)](https://mickael-baron.fr/web/vuejs-miseenoeuvre-part2) par Mickael Baron - [Deploying a web application powered by Vue.js 3 with [Docker](/@harrisonqian/awesome/wiki/back-end-development/docker) (French)](https://mickael-baron.fr/web/vuejs-deploiement-part3) par Mickael Baron - [Advantages of Vue.js over [React](/@harrisonqian/awesome/wiki/front-end-development/react), [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular), and other [frameworks](/@harrisonqian/awesome/wiki/front-end-development/frameworks) in Turkish](https://medium.com/@dev.isasari/vuejsin-react-ve-angular-a-g%C3%B6re-avantajlar%C4%B1-6fe1d653beb1) by İsa Sarı - [Türkçe Vue 3 Dersleri](https://www.youtube.com/playlist?list=PLf-6qk7szL-J4a7xaGf2TbW0p_cGbeMe7) on Youtube by Abdullah Uğraşkan - [宁皓网独立开发者训练营:Vue 前端应用开发](https://www.bilibili.com/video/BV11z42167J2/) on bilibili - [Getting Started Internationalizing (i18n) with Intlayer and Vite and Vue](https://intlayer.org/doc/environment/vite-and-vue) - [Creating a scalable Monorepo for Vue](https://dev.to/nagell/creating-a-scalable-monorepo-for-vue-intro-4nnm) by [@nagell](https://github.com/nagell) ### Examples - [Vue 2048 (Vue + Webpack)](https://pengfu.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/vue-2048/) by [@pengfu](https://github.com/pengfu): Popular 2048-Game implemented using Vue,Webpack,[Sass](/@harrisonqian/awesome/wiki/front-end-development/sass),ES6 - [**easy-vue**](https://github.com/TIGERB/easy-vue) a easy example using the vue to implement easy web with vue 2.0, vuex 2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by [TIGERB](https://github.com/tigerb) - [Vue.js with Sails.js example project](https://github.com/ndabAP/vue-sails-example) - This project is for those who are new to single-page applications and want to learn through a real example. - [**Vue.js & [Pyramid](/@harrisonqian/awesome/wiki/back-end-development/pyramid) web framework app**](https://github.com/eddyekofo94/pyramidVue.git) - A boilerplate using Pylons [Pyramid](/@harrisonqian/awesome/wiki/back-end-development/pyramid) webframework backend Vuejs webpack2, vue-router, yarn(packet manager) - [vue-feathers-chat](https://github.com/ErickPetru/vue-feathers-chat) A sample realtime chat made with Vue in frontend and Feathers in backend, but using just Socket.IO-Client for the communication - [vue-xplan](https://github.com/JackGit/xplan/) A rotating [earth](/@harrisonqian/awesome/wiki/miscellaneous/earth) demo page created with Vue and three.js - [**vueSocketChatRoom**](https://github.com/Chanran/vueSocketChatroom) A socket chat room using vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io - [vue-tetris (Use Vue, Vuex, Immutable to code Tetris)](https://binaryify.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/vue-tetris/) by [@Binaryify](https://github.com/Binaryify): Use Vue, Vuex, Immutable to code Tetris. - [route-planner-vue](https://kasheftin.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/route-planner-vue/) by [@Kasheftin](https://github.com/Kasheftin): The tool for planning routes with multiple sortable layers, draggable directions, markers and shapes on google map. - [VueJS Example Projects](https://github.com/vue-project) on [Github](/@harrisonqian/awesome/wiki/development-environment/github) - [Vue Weather Notifier](https://github.com/sdras/vue-weather-notifier) A small sample animation app with SVG and Vuex - [X-Flowchart-Vue](https://github.com/OXOYO/X-Flowchart-Vue) - A flowchart editor with SVG and Vue - [koa-vue-notes-web](https://github.com/johndatserakis/koa-vue-notes-web) - A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the frontend. Includes fully featured user-authentication components, CRUD actions for the user's notes, and Vuex store modules. - [vue-vuex-todomvc](https://github.com/bahmutov/vue-vuex-todomvc) - Example TodoMVC Vue.js app with Vuex store and server backend via [REST](/@harrisonqian/awesome/wiki/miscellaneous/rest) and full set of E2E tests using [Cypress.io](https://www.cypress.io/) test runner. - [X-WebDesktop-Vue](https://github.com/OXOYO/X-WebDesktop-Vue) - The WebDesktop system based on Vue - [Skeleton Vue+TypeScript](https://github.com/SierraSoftworks/vue-template) - TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material [Icons](/@harrisonqian/awesome/wiki/media/icons), BrowserSync, Dockerfile - [Vue Design System](https://github.com/viljamis/vue-design-system) - An open source boilerplate for building UI [Design Systems](/@harrisonqian/awesome/wiki/front-end-development/design-systems) with Vue.js. - [Vuejs Examples](https://vuejsexamples.com/) - [Laravel + Nuxt.js boilerplate](https://github.com/acidjazz/laranuxt) - by [@acidjazz](https://github.com/acidjazz) - [vue-stack-cesium](https://github.com/meschg/vue-stack-cesium) - A minimal sample configuration project with [CesiumJS](https://cesium.com/cesiumjs/) and all the [awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome) vue features. The project contains many examples how to combine and use certain packages to get started. - [vuemoji-picker](https://github.com/wobsoriano/vuemoji-picker) - Vue 2 and 3 lightweight emoji picker. - [Maxim Web Chat](https://github.com/maxim-top/maxim-web) - A chat demo using [MaximTop](https://www.maximtop.com)'s IM SDK (floo), 使用美信拓扑 IM SDK 实现的聊天 App 示例. - [umo editor](https://github.com/umodoc/editor) - Umo Editor is an open-source document editor, based on Vue3 and Tiptap. Visit [Playground](https://demo.umodoc.com/editor?lang=en-US) for a fast experience. - [Vitesse Starter](https://github.com/antfu/vitesse) ⛺️ Vue 3 starter inclode ( Layouts | i18n | UnoCSS | pinia | [Markdown](/@harrisonqian/awesome/wiki/miscellaneous/markdown) | Dark Mode | PWA | SSG | Component Auto-Importing | File-Based Router | Composition API | TypeScript) - [Vitesse-lite Starter](https://github.com/antfu/vitesse-lite) ⛺️ Lightweight version of Vitesse (Vue 3 Starter) - [Vue Tic Tac Toe | Cerito Cruz](https://github.com/EduardoProfe666/cerito-cruz-vue) by [@EduardoProfe666](https://github.com/EduardoProfe666): Popular Tic-Tac-Toe-Game with extra features using Vue 3, Vite, TypeScript, Tailwind, Gsap, Howler, Headless UI and Vue Use - [i18n boilerplate Intlayer + Vue 3 + Vite](https://github.com/aymericzip/intlayer-vite-vue-template) - [tab-toolkit](https://github.com/mioe/tab-toolkit) - very small app-tool for beginner guitarists 🎸 (PWA | Pinia | UnoCSS) by [@mioe](https://github.com/mioe) ### Books - [The Majesty Of Vue.js 2](https://leanpub.com/vuejs2) by Alex Kyriakidis and Kostas Maniatis, Leanpub. (Mar 2017) - [Vue.js in Action](https://www.manning.com/books/vue-js-in-action) by Erik Hanchett and Benjamin Listwon (Spring 2018) - [Testing Vue.js Applications](https://www.manning.com/books/testing-vuejs-applications) by Edd Yerburgh (Summer 2018) - [Front-end com Vue.js](https://www.casadocodigo.com.br/products/livro-frontend-vue) by Leonardo Vilarinho, Casa do Código. (November 2017) - [Full-Stack Vue.js 2 and [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) 5](https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5) by Anthony Gore, Packt. (December 2017) - [Fullstack Vue: The Complete Guide to Vue.js](https://www.fullstack.io/vue/) by Hassan Djirdeh, Nate Murray, & Ari Lerner. (March 2018) - [Vue.js 2 Design Patterns and Best Practices](https://www.amazon.com/dp/178883979X) by Paul Halliday, Packt. (March 2018) - [Vuex Quick Start Guide](https://www.amazon.com/dp/1788999932) by Andrea Koutifaris, Packt. (April 2018) - [Full-Stack Web Development with Vue.js and Node](https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144) by Aneeta Sharma, Packt. (May 2018) - [The Vue Handbook](https://vuehandbook.com) by Flavio Copes. (July 2018) - [ASP[.NET](/@harrisonqian/awesome/wiki/platforms/net) [Core](/@harrisonqian/awesome/wiki/platforms/core) 2 and Vue.js](https://www.amazon.com/dp/1788839463) by Stuart Ratcliffe, Packt. (July 2018) - [Vue.js: Construa aplicações incríveis](https://www.casadocodigo.com.br/products/livro-vue) by Caio Incau, Casa do Código. (September 2017) - [Getting to Know Vue.js](https://www.apress.com/us/book/9781484237809) by Brett Nelson, Apress. (August 2018) - [Vue.js Component Patterns Course](https://fdietz.de/pages/vue-component-patterns-course/) by Frederik Dietz (April 2019) - [Building Forms with Vue.js](https://www.packtpub.com/business-other/building-forms-with-vue-js?utm_source=Vuejs.org&utm_medium=referral&utm_campaign=OutreachB15411) by Marina Mosti (October 2019) - [Vue.js](https://www.amazon.com/Vue-js-Actionable-Chris-Minnick/dp/1951959019) by Chris Minnick and Nat Dunn, Webucator (February, 2020) - [Become a Ninja with Vue 3](https://books.ninja-squad.com/vue) by Cédric Exbrayat (English and French versions) (May, 2020) - [Large Scale [Apps](/@harrisonqian/awesome/wiki/platforms/apps) with Vue 3 and TypeScript](https://leanpub.com/vue-typescript/c/vaYXLEFWbMi7) Damiano Fusco, Leanpub (September, 2020) - [Vue - The Road To Enterprise](https://theroadtoenterprise.com/?utm_source=[github](/@harrisonqian/awesome/wiki/development-environment/github)&utm_medium=vue-[awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome)&utm_campaign=vue_the_road_to_enterprise) Thomas Findlay (January, 2021) - [Accessible Vue – Get started with Accessibility in Vue.js!](https://accessible-vue.com) by Marcus Herrmann (March 2021) - [Building a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo](https://snipcart.com/blog/strapi-ecommerce-nuxtjs-tutorial) (September 2021) ### Blog Posts - [Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-[graphql](/@harrisonqian/awesome/wiki/miscellaneous/graphql)-d66f585a3ba5) - [Using [GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql) Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf) - [Learn How To Build A Data-Driven Search UI with Vue.JS](https://medium.appbase.io/learn-how-to-build-a-[github](/@harrisonqian/awesome/wiki/development-environment/github)-search-explorer-app-with-vue-js-c66f61d6e152) - [Using GitLab CI/CD to auto-deploy your Vue.js application to AWS S3](https://medium.com/@croo/using-gitlab-ci-cd-to-auto-deploy-your-vue-js-application-to-aws-s3-9affe1eb3457) - [Dockerizing a Vue App](https://mherman.org/blog/dockerizing-a-vue-app/) - [Deploying a [Flask](/@harrisonqian/awesome/wiki/back-end-development/flask) and Vue App to [Heroku](/@harrisonqian/awesome/wiki/platforms/heroku) with [Docker](/@harrisonqian/awesome/wiki/back-end-development/docker) and Gitlab CI](https://testdriven.io/blog/deploying-flask-to-heroku-with-docker-and-gitlab/) - [Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f) - [Composing computed properties in Vue.js](https://medium.com/@kevin_peters/composing-computed-properties-in-vue-js-87b4507af079) - [Learn how to refactor Vue.js Single File Components with a real-world example](https://medium.com/@kevin_peters/learn-how-to-refactor-vue-js-single-file-components-on-a-real-world-example-501b3952ae49) - [Get Started Writing Class-based Vue.js [Apps](/@harrisonqian/awesome/wiki/platforms/apps) in TypeScript](https://www.sitepoint.com/class-based-vue-js-typescript) - [Vue.js with TypeScript](https://johnpapa.net/vue-typescript) by [John Papa](https://johnpapa.net/about/) - [Guide to Unit [Testing](/@harrisonqian/awesome/wiki/testing/testing) Vue Components](https://testdriven.io/blog/vue-unit-testing/) - [Realtime chat App with Vue and Hasura ](https://dev.to/hasurahq/realtime-chat-app-with-vue-and-hasura-202h) - [Vue vs [React](/@harrisonqian/awesome/wiki/front-end-development/react): Which is the better framework?](https://buttercms.com/blog/vue-vs-react-which-is-the-better-framework) - [Building a Beautiful Animated News App with Vue.js and Vuetify](https://buttercms.com/blog/build-a-beautiful-animated-news-app-with-vuejs-and-vuetify) - [Comparing [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) vs Vue](https://buttercms.com/blog/comparing-angular-vs-vue) - [Vue vs. [React](/@harrisonqian/awesome/wiki/front-end-development/react) – Which Should You Pick For Your Next Web Project?](https://www.ideamotive.co/blog/vue-vs-react?utm_source=[github](/@harrisonqian/awesome/wiki/development-environment/github).com&utm_medium=social&utm_campaign=vue-vs-react) - [Vue.js from scratch series](https://www.youtube.com/playlist?list=PLLhEJK7fQIxDWDJEyeT68wT8ZroODeRuw) on YouTube by Paris Nakita Kejser - [10 Quick-Fire Vue Interview Questions](https://medium.com/javascript-in-plain-english/10-quick-fire-vue-interview-questions-3c16d14a3b51) - [VueJS Admin Template](https://themeselection.com/vuejs-admin-template/) - Collection of [awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome) opens source and premium VueJS Admin Templates. ### Courses - [Learn Vue by Building and Deploying a CRUD App](https://testdriven.io/courses/learn-vue/) - This course is focused on teaching the fundamentals of Vue by building and [testing](/@harrisonqian/awesome/wiki/testing/testing) a web application using Test-Driven Development (TDD). - [Advanced Vue.js Features from the Ground Up](https://frontendmasters.com/courses/advanced-vue/) - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up! - [Become a Ninja with Vue 3](https://vue-exercises.ninja-squad.com) - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code. ### Documentaries - [Vue.js: The Documentary](https://www.youtube.com/watch?v=OrxmtDw4pVI) by Honeypot (Feb 2020) ## Companies Using Vue.js - [Companies Using Vue/Nuxt](https://github.com/cloydlau/companies-using-vue) ## Projects Using Vue.js ### Open Source --- *truncated — [full list on GitHub](https://github.com/vuejs/awesome-vue)*