vue-fundamentals

example code on the training Vue Fundamentals.

Usage

• This repository is an addendum to the course Vue Fundamentals by internationally acclaimed trainer Peter Kassenaar.
• Code examples are in the examples folder.
• Every example is a mini project. This means you have to run npm install and npm run serve in every folder (This is not a monorepo).
• Projects are created with @vue/[email protected] and are using Vue version 2.5.17, unless otherwise noted.

Running scripts in Terminal in VS Code?

• Make sure you have running scripts enabled, by (one time) entering Set-ExecutionPolicy –ExecutionPolicy RemoteSigned in your terminal window.

Useful Links

• Write your own componentents/plugins for Vue-cli: https://www.youtube.com/watch?v=WH_zrZpMtCE
• Dummy posts, comments and photos via typicode.com: https://jsonplaceholder.typicode.com/
• Vue Server Side Rendering Guide - https://ssr.vuejs.org/#vue-js-server-side-rendering-guide
• VueJS Style Guide. Read (and use!) this. https://vuejs.org/v2/style-guide/
• VueJS Cheat Sheet: https://www.vuemastery.com/vue-cheat-sheet/

Vue (3) and TypeScript

• Types vs. Interfaces: https://blog.devgenius.io/using-typescript-object-types-and-intersections-23cc4dbe3b92
• Article by Todd Motto : https://ultimatecourses.com/blog/typescript-interfaces-vs-types
• Vue 3 ref() vs. reactive(): https://www.danvega.dev/blog/2020/02/12/vue3-ref-vs-reactive/
• Creating a TypeScript interface for your props: https://frontendsociety.com/using-a-typescript-interfaces-and-types-as-a-prop-type-in-vuejs-508ab3f83480
• Lazy Loading in Vue 3, article: https://dev.to/jsbroks/lazy-loading-components-in-vue-3-21o7

Book a training?

Questions? Want to book a training on your own or with colleagues from your company? See the calendar at https://www.kassenaar.com for details or contact me at [email protected].

Copyright (C) 2019 - 2023 - www.vuetraining.nl