For workflow, I like Quasar. It's opinionated, but still configurable. The coolest benefit is built-in support for deploying to web/Electron/iOS/Android from the same code base. It's not too different in principle from the CLI, but there is a learning curve. You also get their Vue components and whatnot. It's great for starting from scratch, but I don't know what it's like to migrate. Of course you can import their components to an existing project too, but that's not the most amazing use case. Danny Connell on RUclips is already releasing demos for an upcoming Quasar course. There aren't a ton of alternative courses yet, since Quasar is pretty new at this point. He goes a little fast, but once you learn Vue (from Max, for example), it should be fairly clear.
I already bought your Vue.js course, it's worth it! I would like to see more content about Vue, 2018 looks very primising regarding Vue.js. Maybe a little applciation where the backend is written in node? :)
Hi Max. After completing your main VueJS course, it is time for the interview questions. I hope they help me in the weeks to come. :) By the way, it was very difficult to secure your review for my VueJS app if you remember but I did it. :)
Max, I have one very important question regarding advanced Vue usage WITHOUT webpack. I have experimented with systemJs where I have used it only as javascript dependancy manager without bundling. Idea is to dynamically load scripts, styles and templates on HTTP2 server as separate files only when they are needed. That way web application loads and executes much faster, resources can be cached and updated much easier etc. So far everything can be loaded as AMD and commonJs modules without the need of external polyfills, while you can write and use es modules with the help of a polyfill. When sometimes in the future es modules become available in browsers, we would be able to use this approach in a more meaningful manner. Question is - is it possible to use Vue that way, especially - how to render single file vue templates and then use them and load them in production without webpack or browserify bundling?
Is there a way to dynamically change meta tags in Vue without doing SSR? For example, you may need this to create tags that can be used by Twitter or FB to create nice cards for a post on your site when you post to social media.
I love the router of Vue but my golang server has a router inbuilt as it is where I handle sessions, logins, cookies and other security features. It would be soo very nice if there is a way for those two router implementations to work together.
Can you use Vue CLI and compile it to a Drop In file later? Id love to have the workflow of CLI and the convenience of just adding a single component to a pre existing page.
I can manage to follow along with your videos just fine, thanks! But there is a severe lack of information in setting up vue environment for production deployment on a custom domain. I'm talking about index.html, configuration settings, firebase hosting, https issues, etc... very little info I can find and tons of issues. Each one takes a day to resolve without a good RUclips walk through.
Big fan of your videos Max! Great video, thanks! I'm wondering what should i do about safety of my api keys? With multi page applications i put them in .env files to keep them safe. I saw that i can also use .env files with help of some packages but at the end they will be reachable at the client side. What are the ways to make a SPA safer?
Thanks for your great feedback! Some API keys can be shared. The ones you want to protect have to go on the server, there's no way around that. I personally use AWS Lambda for example. I can send a Http request from my SPA and then execute the code with the key on Lambda
Hey Max, have an idea. It'd be great if you can do videos about each front-end topic and how to implement them in each frame work in a single video .. for example, say DOM manipulation, now make a video about how dom manipulation is done in JS and all three frame works ... then Routing .. how to do it in each of these frameworks .. same way API calls , Form Validation .. all those common front-end stuff. would be really helpful for students and also a not bad idea for business (I mean it'd get many views😄😄 ).
I already did, I released a free video (including an article) and a course comparing Angular, React and Vue. Free video (incl. article): academind.com/learn/angular/angular-vs-react-vs-vue-my-thoughts/ Course: www.udemy.com/angular-reactjs-vuejs-quickstart-comparison/learn/v4/?couponCode=ACAD_M I hope this helps you :)
Please make a course on Vue + Laravel for Udemy.If u already did, please share the link here I want to buy that.I already bought your vue course it was fantastic...
Academind, thanks for your quick response; following your full project on vue + vuetify, I deployed on github pages; everything works but when I visit "single meetup details" and try to reload the page, that's where I get a 404. Hopea that makes sense, how can you help
SPA only knows of index.html, everything else is a 404, you have to instruct ON THE SERVER that any other request should return the index.html. This isn't something you can configure on the vue app and it depends on the web server (IIS, Apache, Node, etc) and that's what you need to configure Edit: you should also ignore request to other static files like the js and css files
![Vue 3 Composition API Introduction [FULL TUTORIAL]](/img/1.gif)
Thank you! One of the few people who actually maintains a CLEAR distinction between SPA use and MPA use. That's why I've purchased *all* your courses.
Thank you so much for your wonderful feedback and for your great support! This really means a lot to me :)
For workflow, I like Quasar. It's opinionated, but still configurable. The coolest benefit is built-in support for deploying to web/Electron/iOS/Android from the same code base. It's not too different in principle from the CLI, but there is a learning curve. You also get their Vue components and whatnot. It's great for starting from scratch, but I don't know what it's like to migrate. Of course you can import their components to an existing project too, but that's not the most amazing use case.
Danny Connell on RUclips is already releasing demos for an upcoming Quasar course. There aren't a ton of alternative courses yet, since Quasar is pretty new at this point. He goes a little fast, but once you learn Vue (from Max, for example), it should be fairly clear.
Just finished your vuejs course ❤
I already bought your Vue.js course, it's worth it! I would like to see more content about Vue, 2018 looks very primising regarding Vue.js. Maybe a little applciation where the backend is written in node? :)
Fasyx I agree, course is really intresting!
It really is. And there'll certainly be lots of Vue content this year!
Same here...but would of loved to see the authentication portion using a more real world environment such as PHP/MySQL...otherwise, excellent course.
Hi Max. After completing your main VueJS course, it is time for the interview questions. I hope they help me in the weeks to come. :)
By the way, it was very difficult to secure your review for my VueJS app if you remember but I did it. :)
March 2021 - any chance for next Q&A session?
Max, I have one very important question regarding advanced Vue usage WITHOUT webpack. I have experimented with systemJs where I have used it only as javascript dependancy manager without bundling. Idea is to dynamically load scripts, styles and templates on HTTP2 server as separate files only when they are needed. That way web application loads and executes much faster, resources can be cached and updated much easier etc. So far everything can be loaded as AMD and commonJs modules without the need of external polyfills, while you can write and use es modules with the help of a polyfill. When sometimes in the future es modules become available in browsers, we would be able to use this approach in a more meaningful manner. Question is - is it possible to use Vue that way, especially - how to render single file vue templates and then use them and load them in production without webpack or browserify bundling?
Simply awesome video
can you cover vuex ?
can you cover deep comparison between angular vue and react ?
can you cover vue3 intro?
What do you think about Weex for mobile apps? Any plans to work with it or any alternatives?
Is there a way to dynamically change meta tags in Vue without doing SSR? For example, you may need this to create tags that can be used by Twitter or FB to create nice cards for a post on your site when you post to social media.
I love the router of Vue but my golang server has a router inbuilt as it is where I handle sessions, logins, cookies and other security features. It would be soo very nice if there is a way for those two router implementations to work together.
Thank you, Max for your amazing, priceless work !
Awesome to read that you like it, thank you :)
hi ... how can i link php pagee to vue.js ...... bcz i want to get data from mysql database and show it to my script page .
Can you use Vue CLI and compile it to a Drop In file later? Id love to have the workflow of CLI and the convenience of just adding a single component to a pre existing page.
This is not possible right now but might be something Vue supports in the future.
Whay you c'ant use REST API with Vue MPA? (you can do this with Ajax from JQuery)
The BEST as always!
can you upload a github repo on how to implement the last bit of this video (when router-link, doesnt go to the required route but shows 404)
Awesome answers :)
Could you please make some series about vue SSR.
Thanks for the suggestion. I'll certainly do something on Nuxt.js - which solves the "SSR issue" :)
I can manage to follow along with your videos just fine, thanks! But there is a severe lack of information in setting up vue environment for production deployment on a custom domain. I'm talking about index.html, configuration settings, firebase hosting, https issues, etc... very little info I can find and tons of issues. Each one takes a day to resolve without a good RUclips walk through.
Big fan of your videos Max! Great video, thanks! I'm wondering what should i do about safety of my api keys? With multi page applications i put them in .env files to keep them safe. I saw that i can also use .env files with help of some packages but at the end they will be reachable at the client side. What are the ways to make a SPA safer?
Thanks for your great feedback! Some API keys can be shared. The ones you want to protect have to go on the server, there's no way around that.
I personally use AWS Lambda for example. I can send a Http request from my SPA and then execute the code with the key on Lambda
Hey Max, have an idea. It'd be great if you can do videos about each front-end topic and how to implement them in each frame work in a single video .. for example, say DOM manipulation, now make a video about how dom manipulation is done in JS and all three frame works ... then Routing .. how to do it in each of these frameworks .. same way API calls , Form Validation .. all those common front-end stuff. would be really helpful for students and also a not bad idea for business (I mean it'd get many views😄😄 ).
how to integrate vue.js and nuxt.js ?
tnks
Nuxt.js builds up on Vue.js, so it already got Vue.js included
Can you add a 4th Video for compared all the three Frameworks in all your given points
I already did, I released a free video (including an article) and a course comparing Angular, React and Vue.
Free video (incl. article): academind.com/learn/angular/angular-vs-react-vs-vue-my-thoughts/
Course: www.udemy.com/angular-reactjs-vuejs-quickstart-comparison/learn/v4/?couponCode=ACAD_M
I hope this helps you :)
your videos is very helpful .
God bless you bro .
👌👍🏻
Thank you so much Dhiaa :)
In web 3.0 (whenever that is) I would like browsers to not show code.
You are just simply grate 👌👍
Can I use Vue with Django? If so, what is the benefit of doing this ?
You don't have to load full page you can make one page application and you will render components according to your project
Please make a course on Vue + Laravel for Udemy.If u already did, please share the link here I want to buy that.I already bought your vue course it was fantastic...
I have that 404 error when i refresh here, how can we overcome it?
Hm, does this still not work? I cannot reproduce the 404 at the moment.
Academind, thanks for your quick response; following your full project on vue + vuetify, I deployed on github pages; everything works but when I visit "single meetup details" and try to reload the page, that's where I get a 404. Hopea that makes sense, how can you help
SPA only knows of index.html, everything else is a 404, you have to instruct ON THE SERVER that any other request should return the index.html. This isn't something you can configure on the vue app and it depends on the web server (IIS, Apache, Node, etc) and that's what you need to configure
Edit: you should also ignore request to other static files like the js and css files
Seraph64, sounds complicated to me considering I'm newbie on this
i am preparing for my Software engineering exam...Question for you in Future...By the way...Advance Thanks a lot max
Why it is not popular vue js