Guides

Quasar Vue.js Tutorial – Let's Build An App!



Quasar is an amazing Vue.js framework that makes it extremely easy to create responsive, SPA and fast apps. In this video I create an app from start to finish using Quasar and many of it’s components. Including loading spinners, cards, sections and more! #vuejs #Quasar #QuasarFramework

? Check out my last video on Quasar!

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

? Source code
https://github.com/ErikCH/QuasarDemo

♡ ♡ ♡

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

♡ ♡ ♡

? GET MY LAST BOOK EMBER.JS COOKBOOK! — https://goo.gl/LEIdSc

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

___

Links

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

12 Comments

  • Make Apps with Danny

    Great job Erik! Where did you get that trick with the key on the router-view at 22:33 and why does this force the page to reload?

  • Opened Mind

    Hey Erik, this series is a great idea, Quasar definitely is something in the Vue ecosystem.
    Btw what do you think / do you have some advice, about the use of Quasar in a JAMstack context, as far as I know it doesnt propose a native SSG solution. Which is pretty surprising.

    And its not related to this video but Ive seen your recent vids about Gridsome and i got some struggling dealing with images when using other stuff like Vuetify and NetlifyCMS.
    Gridsome has this g-image component which allows progressive loading through webpack but it doesnt fit well with the approach of NetlifyCMS (there is gridsome-plugin-netlify-paths to fix a bit of this but still tricky).
    And its getting worse when dealing with Markdown though @gridsome/transformer-remark.
    Besides that, Vuetify has this v-img component with really cool features and this vuetify-loader but doesnt seem to be compatible with @gridsome/transformer-remark.
    For short what should be the best way to deal with images with Gridsome, Vuetify and NetlifyCMS all together?

    Thanks for your support 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *