Donate via PayPal - https://www.paypal.me/thenetninja
Donate via Patreon - https://www.patreon.com/thenetninja

Hey gang and welcome to your first Vue.js tutorial. In this video I'll introduce you to Vue js and show you how to get started by using a CDN to install it locally.

----- COURSE LINKS:
+ Repo - https://github.com/iamshaunjp/vuejs-playlist
+ Atom editor - https://atom.io/a
+ Download GIT - https://git-scm.com/
+ Vue docs - https://vuejs.org/v2/guide/


---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage...

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== PSD to WordPress Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W

============ Node.js for Beginners Playlist =============

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Vue JS 2 Tutorial #1 - Introduction

It's simple enough, but don't use Vue CLI. But why should you not use Vue CLI when create Vue 2 and Vue.js 3 apps? In this video I explore that question and what to do about.

👉Check out my last videoon getting started with Nuxt + Auth
https://youtu.be/46DxCr5w1u0

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

👉 Need some help with a project,  level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!
https://mentorcruise.com/mentor/erikhanchett/

Stop Using Vue CLI!

In this crash course you will learn all about Vue.js including what it is, Vue-CLI, components, data, events, directives, etc

NEW 2021 VERSION:
https://www.youtube.com/watch?v=qZXt1Aom3Cs&t=5413s

Sponsor:
http://www.netlify.com

Code For Turorial:
https://github.com/bradtraversy/vue_crash_todolist

Deploy Sites With Netlify (Video):
https://www.youtube.com/watch?v=bjVUqvcCnxM

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Other Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
https://www.facebook.com/traversymedia
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia

Vue JS Crash Course (2019)

#vuejs #vue3 
In vue.js there are ref and reactive. Then there are .value and the new reactivity transformed. In this video I explain in this Tutorial how reactivity transform works, how you can use ref and reactive in Vue.js!

👉Check out my last video on ChatGPT
https://youtu.be/8vq-baOa0ZE

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

👉 Need some help with a project,  level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!'
https://mentorcruise.com/mentor/erikhanchett/

Links:
https://vuejs.org/guide/extras/reactivity-transform.html#refs-vs-reactive-variables
https://vuejs.org/guide/extras/reactivity-transform.html#explicit-opt-in

0:00 Introduction
0:32 How to use ref
03:22 $ref explained reactivity transform
04:50 reactive explained
05:56 Using reactive with composables
08:50 using toRefs
09:09 using $()
09:32 using ref with composables
13:26 conclusion reactive vs ref what to use

Stop Using .value with ref In Vue 3! Reactivity Transformed Explained!

Vuetify 3 and Nuxt.js 3 are out! But how do you combine it? Is it worth it? In this video I explore adding these two technologies together, and the pros and cons of it!

👉Check out my last videoon getting started with Vuetify 3
https://youtu.be/qPf7ZUymlN8

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

👉 Need some help with a project,  level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!
https://mentorcruise.com/mentor/erikhanchett/?preselect=lite

Links
https://github.com/CodyBontecou/nuxt3-and-vuetify
https://github.com/BayBreezy/nuxt3-vuetify3-starter
https://github.com/nuxt/framework/issues/8825

Vuetify 3 + Nuxt 3 : Vue.js Will Never Be The Same

🚨 IMPORTANT:
I have the ultimate Vue course! If you're interested in it click here and get a free Vue cheat sheet! https://www.vuecourse.tech/

TypeScript and Vue are a great combination, but how do you use it? In this video I'll discuss how to use TypeScript and Vue with Vue.extend and look at the class component architecture.

👉Check out my last video on Top 150 YouTube Channels
https://youtu.be/XCurQDpFXtA

Please check out my Github list and send a PR and star it!
https://github.com/ErikCH/DevYouTubeList

📚 Sign up and get notified about my new Vue 3 course! —  https://www.vuecourse.tech/

👉 Algo expert is the best way to learn algorithms! Check out my code and get 15% off at checkout with code "erik" http://algoexpert.io/erik

♡ ♡ ♡ 

MY COURSES - 
→ VUE.JS + NUXT.JS (Two Courses In One) -  http://bit.ly/2LalQka

♡ ♡ ♡  

Make Sure To Check These Courses Out On Udemy! 💻 

→ JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV

→ THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw

→ THE ADVANCED WEB DEVELOPER BOOTCAMP  — http://bit.ly/2h53MYg

→ THE ULTIMATE VUE JS 2 COURSE - http://bit.ly/2CTvsvx

→ CHECK OUT THIS COURSE - Angular 8 - The Complete Guide - http://bit.ly/2sCMxWm

→  Check out the 100 Front End Interview Question Challenge here - http://bit.ly/2NM9GAm

→ The Complete 2019 Web Development Bootcamp - Angela Yu - http://bit.ly/2ADKEKD



___

Links
https://vuejs.org/v2/guide/typescript.html#Augmenting-Types-for-Use-with-Plugins
https://github.com/vuejs/vue-class-component
https://github.com/kaorun343/vue-property-decorator


MY WEBSITE — http://www.programwitherik.com
MY TWITTER — http://www.twitter.com/erikch
MY FACEBOOK — http://www.facebook.com/programwitherik

Vue.js With TypeScript A Beginners Guide

Angular, React.js or Vue.js? I get this question a lot! Let me share some thoughts on it with you!
Join the full React.js course: https://acad.link/reactjs 
Or dive into Angular: https://acad.link/angular
Or explore Vue.js: https://acad.link/vuejs

Want to read instead of watch? Here you go! https://academind.com/learn/javascript/angular-vs-react-vs-vue-my-thoughts/

Check out all our other courses: https://academind.com/learn/our-courses

----------

JS Framework Benchmark: https://github.com/krausest/js-framework-benchmark

----------

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!

----------

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Angular vs React.js vs Vue.js - My Thoughts!

I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javascript-frameworks

#javascript #webdev #top10

🔗 Resources

Full Courses https://fireship.io/courses/
Performance Benchmarks https://github.com/krausest/js-framework-benchmark
Source code https://github.com/fireship-io/10-javascript-frameworks

📚 Chapters

00:00 JavaScript Frameworks
00:53 1. Vanilla
04:21 2. React
07:48 3. Angular
10:15 4. Vue
12:18 5. Svelte
14:16 6. Lit
16:11 7. Stencil
17:18 8. Solid
18:35 9. Alpine
20:17 10. Mithril

 🤓 Install the quiz app

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font