Vue.js Course for Beginners [2021 Tutorial]

Vue.js Course for Beginners [2021 Tutorial]

Learn Vue 3 by in this full course. Vue.js is an open-source model–view–view model front end JavaScript framework for building user interfaces and single-page applications.

💻 Code – Static:
💻 Code – Basic Product Cart:
💻 Code – CLI Product Cart:

✏️ Course developed by Gwen Faraday. Check out her channel:

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:03) What is Vue.js?
⌨️ (0:05:40) Vue 3 Setup
⌨️ (0:12:17) Vue JS Directives
⌨️ (0:19:48) Events and Methods
⌨️ (1:29:20) Components
⌨️ (0:39:27) Component Props
⌨️ (1:06:09) Lifecycle Hooks
⌨️ (1:14:30) App Demo
⌨️ (1:26:45) Adding Items to Cart
⌨️ (2:15:54) Reuseable Components
⌨️ (2:26:20) Vue CLI
⌨️ (2:32:48) Vue Folder Structure
⌨️ (2:43:58) Top Nav
⌨️ (2:48:45) Styling with SASS
⌨️ (3:06:07) Sidebar
⌨️ (3:20:46) Adding Items to Cart

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

#Vuejs #Beginners #Tutorial

learn vue


27 Replies to “Vue.js Course for Beginners [2021 Tutorial]”

  1. Hey everyone! Hope you enjoy this video for freeCodeCamp . If you want more Vue.js and coding content, check out my channel and let me know if you have a topic request. I keep a backlog of ideas 🙂

  2. The course raises many questions (for me, as a complete noob).
    For example, getting data from a json file.
    Or work with the "add to cart" functionality. Here, in general, Gwen's actions resemble magic. With movement through the code (up and down), the use of variables (where is the index ?, where is the inventory ?, where is the product? And why is the inventory initially in the cycle, where there is already a product?) …
    It's almost impossible to repeat this ( It's a pity…

  3. Thank you for creating such a clear and engaging tutorial. It really helped me to understand some of the key concepts of Vue and has stood me in good stead as I start to build my app. You have a rare talent for teaching, and presenting ideas in a concise but clear way. I will be on the look out for more of your tutorials.

  4. CHITUS💙⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ says:

    This is a great tutorial! Well paced <3

Leave a Reply