The Delightful World of Vue Part 2

  • 896 students
  • EN Captions
  • EN Script
  • Certificate of Completion

Your Guides

About this course

This course is also built to work with Vue 3!

What JavaScript libraries does this tutorial use?

// package.json
{
    "devDependencies": {
        "@fortawesome/fontawesome-free": "^5.15.1", // 5.15.1
        "@symfony/webpack-encore": "^0.30.0", // 0.30.2
        "axios": "^0.19.2", // 0.19.2
        "bootstrap": "^4.4.1", // 4.5.3
        "core-js": "^3.0.0", // 3.6.5
        "eslint": "^6.7.2", // 6.8.0
        "eslint-config-airbnb-base": "^14.0.0", // 14.2.0
        "eslint-plugin-import": "^2.19.1", // 2.22.1
        "eslint-plugin-vue": "^6.0.1", // 6.2.2
        "regenerator-runtime": "^0.13.2", // 0.13.7
        "sass": "^1.29.0", // 1.29.0
        "sass-loader": "^8.0.0", // 8.0.2
        "vue": "^2.6.11", // 2.6.12
        "vue-loader": "^15.9.1", // 15.9.4
        "vue-template-compiler": "^2.6.11", // 2.6.12
        "webpack-notifier": "^1.6.0" // 1.8.0
    }
}

Back for more after the Vue Part 1 Tutorial? You're in luck!

In this tutorial, we're going to dive deeper into Vue by adding increasingly complex - and real-world! - features to our store, including a cart and (simplified) checkout process! We'll learn about:

  • Generic components with dynamic v-bind
  • Updating the DOM outside of your Vue component
  • Multiple Webpack entries for different Vue apps
  • Mixins! (The Vue 2 version of Vue 3 composition)
  • Complex data loading: when you need multiple AJAX calls to get everything you need
  • "Deep" watch and watching the length of an array
  • Vue transitions
  • Forms! Including a custom Input component
  • Client-side and server-side validation
  • Edge-cases in reactivity: avoiding adding/removing object keys

Let's go!

Next courses in the JavaScript Frameworks & Tools: Vue section of the JavaScript Frameworks & Tools Track!

3 Comments

Sort By
Login or Register to join the conversation
Igor-P avatar Igor-P 3 years ago

Hi guys. How many chapters is planned here in total?

| Reply |

Hey Igor P.

This information is undefined 🙃 So keep watching for new chapters 😉

Cheers!

| Reply |

Hey sadikoff!

All the chapters are now listed - I might split a few (so the current 43 might go higher), but all the topics are there now :).

Cheers!

| Reply |

Delete comment?

Share this comment

astronaut with balloons in space

"Houston: no signs of life"
Start the conversation!