The best way to learn Vue.js in 2024 - CRASH COURSE

Published: 01 January 1970
on channel: Vue Mastery

170,078

3.9k

Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 https://www.vuemastery.com/courses

This beginner crash course is your first step on your path to Vue Mastery.

Throughout the tutorial, you'll build an app to put concepts into practice.
Below you will find the starting and ending code for each lesson.

Lesson Markers:
0:00 Lesson 1 - Intro to Vue 3
2:17 Lesson 2 - Creating the Vue App
9:08 Lesson 3 - Attribute Binding
12:54 Lesson 4 - Conditional Rendering
17:59 Lesson 5 - List Rendering
21:23 Lesson 6 - Event Handling
25:48 Lesson 7 - Class & Style Binding
32:19 Lesson 8 - Computed Properties
38:35 Lesson 9 - Components & Props
45:08 Lesson 10 - Communicating Events
48:58 Lesson 11 - Forms & v-model

Github Repo: https://github.com/Code-Pop/Intro-to-...
Codepen: https://codepen.io/VueMastery/project...

Lesson 2 - Creating the Vue App
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 3 - Attribute Binding
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 4 - Conditional Rendering
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 5 - List Rendering
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 6 - Event Handling
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 7 - Class & Style Binding
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 8 - Computed Properties
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 9 - Components & Props
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 10 - Communicating Events
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Lesson 11 - Forms & v-model
Codepen:
Starting code: https://codepen.io/VueMastery/project...
Ending code: https://codepen.io/VueMastery/project...
Github:
Starting code: https://github.com/Code-Pop/Intro-to-...
Ending code: https://github.com/Code-Pop/Intro-to-...

Final Code: https://github.com/Code-Pop/Intro-to-...

Watch video The best way to learn Vue.js in 2024 - CRASH COURSE online without registration, duration hours minute second in high quality. This video was added by user Vue Mastery 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 170,07 once and liked it 3.9 thousand people.

77,45