Vue - The Complete Guide (w/ Router, Vuex, Composition API)

share ›
‹ links

Below are the top discussions from Reddit that mention this online Udemy course.

No matter at which metric you look at (Google Trends, Github Stars, Tweets .

Reddemy may receive an affiliate commission if you enroll in a paid course after using these buttons to visit Udemy. Thank you for using these buttons to support Reddemy.

Taught by
Maximilian Schwarzmüller

Reddit Posts and Comments

0 posts • 30 mentions • top 26 shown below

r/learnprogramming • post
594 points • ProgrammingWithPax
Frontend Web Developer Roadmap: Everything you need to know to get started

If you're feeling lazy and would prefer to watch a full video summary, one is available here. Let me know if you have any feedback!

What is frontend web development?

It is using code to create the visual part of a website. The content, the colours and positioning, as well as the logic that is on a page, such as submitting a form. That's frontend. The other part is 'backend', which is everything related to the database and network; the non-visual things that are going on behind the scene.

​

Different routes to learn web development

CS Degree: The first is a degree, through either a university or college. This offers strong foundational knowledge in computer science, which can be very helpful, especially in certain areas of programming. However in my experience, this understanding of computer science is not necessary in order to get your first web development job and you can learn all of the theory and nitty gritty details of computers while on the job. Additionally, getting a degree is also a very long process, so 3-4 years, it's also extremely expensive - and the majority of it won't be focused on web development.

Bootcamp: Next -3-4 month coding bootcamps (offers good structure and forces you to be fully immersed, but expensive and must be full-time)

Self-taught: Finally -Self taught. What the focus of this guide is. This route offers a flexible schedule and inexpensive, and as long as you have the right set of online courses and curriculum set up for you, I believe it is the best option. Getting your first web development job is not about what certificate or degree you have. In most cases, it is a meritocracy - that is, if you have the skills to do the job, you can get the job.

​

How long does it take to be job ready? 4-12 months.

Outline a timeframe which you are able to dedicate towards learning web development(3, 6 or 12 months) and create a schedule around it. This way you can track your progress and hold yourself accountable if you set a specific date to, such as finishing a specific course or start apply to jobs. Whether it is 3 or 12 months, the only thing that changes is how much time per week you are able to dedicate towards learning this craft. If it is 3 months, you'll need to be working 12+ hours per day, and for 12 months, maybe 2 hours per day. The key is coding daily, so you can immerse yourself.

It's also important to stick to one programming language, based on the job you're wanting to get. Don't get distracted by other languages. They're fantastic, but your focus needs to be on the core frontend stack. You don't want to be a Jack of all trades, but master of none. You need to get vertical proficiency, not horizontal - and you get that by practicing that one thing, daily.

What do you need to learn?

HTML (the content - the text, images, links), CSS(the styling - colors, positioning and responsiveness), and JavaScript(the logic for your website, when you click a submit button - what happens?). Once you have learned those three and have a strong foundation in JavaScript, then you'll be at a crossroads; React, Angular or Vue. These are JavaScript libraries and frameworks, which act as wrappers around vanilla JavaScript, giving you additional functionality that would take longer to code otherwise. It is important that the first thing you do before getting too deep into one of these, is to look on job websites (LinkedIn, Glassdoor or Indeed) and ensure that there are a lot of jobs for all of these in your area. Search for titles including "frontend developer and frontend engineer", as well as the words 'Angular, Vue and React' and see how many listings there are. If there is more of one of these technologies in your area, it may be better to learn that one. You'll likely find many of each. Personally I would recommend React as it is easier to learn than a full framework and there are usually a ton of jobs out there for it.

As a bonus, I would recommend looking into TypeScript and Redux. In JavaScript, you don't have to say that variable x is a number. It will infer that x = 5 is a number type. This however can sometimes lead to hard to catch bugs. TypeScript is still JavaScript, but it allows you to add strong typing to your application, where you define that variable x will be a number.

Redux is a state management library. Angular, React and Vue all have their own variations of Redux. When your application gets bigger and there are lots of different parts with their own data, Redux acts as a centralized memory for all of your different UI components to read from. It acts as a single source of truth so that everything stays organized.

Also need to be familiar with the version control technology Git (allowing you to 'save' your app at a specific point, roll back to it if necessary, and share the code online to others using Github or Bitbucket).

May also be helpful to know the basics of SASS (CSS wrapper, giving you more utility. It is still CSS, but just some extra tools which can be huge time savers). Along the way, you'll also need to learn basic terminal commands, using NPM packages and the build tool Webpack. You should also be familiar with the basics of Agile methodologies, which is a management style that a lot of development teams work in. If you're familiar with the very basics, then it will be an easier transition for you to join a dev team, and hiring managers will know that as well.

Learning resources

So, what resources can you use to learn all of this? I found that between YouTube and Udemy, you can learn everything required. I am going to leave a list down below with a list of Udemy courses you can pick up for $15 (when on sale). Each course is about 20-30 hours and it will teach you the required fundamentals. I'm not affiliated with these courses and make no money on it. I simply know the instructors are excellent and am sure they are high quality courses.

https://www.udemy.com/course/modern-html-css-from-the-beginning/

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

https://www.udemy.com/course/modern-javascript-from-the-beginning/

https://www.udemy.com/course/complete-react-developer-zero-to-mastery/

https://www.udemy.com/course/vuejs-2-the-complete-guide/

https://www.udemy.com/course/the-complete-guide-to-angular-2/

​

Once you've completed a these courses and have built a few projects

After that, it is all about getting your first job. I am going to create posts (and videos) on each of these points, because they deserve a post of their own.

In short, you'll need to have a great resume which highlights your love for web development, while also emphasizing how all of your previous job experiences has guided you towards this new career path.

Have a GitHub with your own projects on it, as well as some of the work you've done while learning along the way. Build out a portfolio website which highlights the projects you've build and the skills you have. You can host your portfolio and projects for free on GitHub Pages.

Consider doing 1 or 2 freelance jobs(even if it is just for friends or family), where you're working with a real client, with a real deadline. This will be good practice for you, and will show your future employer that someone has already trusted you, and that you delivered.

Familiarize yourself with LinkedIn, Indeed and Glassdoor - and start applying for 3-5 jobs per day. I did this for an entire month, had a few interviews and then landed my first job. It can take a few weeks, or a few months - eventually you will get your first opportunity. Getting your first job is the most difficult. Once you have worked somewhere and have some experience, finding your next job will be a lot easier.

​

Conclusion

On a final note, learning code is not easy. There will be roadblocks and it can be a difficult grind at times. Remember that the path you are on now is worth it and can get you to the place in your life where you really want to be, whether that is career satisfaction, ability to work from anywhere in the world, or financial freedom.

Thank you for your time! Consider checking out my YouTube channel, as I'm posting weekly now with videos specifically for frontend developers who are just starting out. Available here.

r/vuejs • comment
20 points • xMILEYCYRUSx

I’ve done this one by Maximilian, https://www.udemy.com/course/vuejs-2-the-complete-guide/

Very complete in my eyes and has helped me in my job a lot.

r/vuejs • comment
10 points • the_only_redditor

Maximilian Schwarzmüller

https://academind.com/learn/our-courses/

https://www.udemy.com/course/vuejs-2-the-complete-guide/

r/vuejs • comment
21 points • mindful_dealer

If I'm correct, he is talking about Maximilian Schwarzmüller, an instructor that releases courses on Udemy.

Awesome content. I Did the Angular and the React course and I'm really happy with that.

Here is the profile: https://www.udemy.com/user/maximilian-schwarzmuller/

I think the tutorial is this one: https://www.udemy.com/course/vuejs-2-the-complete-guide/

Also, he has free content on youtube on his channel: https://www.youtube.com/c/Academind/videos

Really recommend!!

r/vuejs • comment
2 points • VirtualLife76

Vue 3 will be more like React, but it was just released and many of your standard plugins still don't work in it (like bootstrap-vue). You can install the composition API into 2 which will make it a lot like 3 (and more like react).

As for courses, I did this one a while back and it was surprisingly good.

r/webdev • comment
2 points • SpeakInCode6

You’ve already won since you’re lucky enough to be developing with Vue! Vue is among the easiest JavaScript frameworks to learn thanks to its fantastic architecture and syntax.

I’ve watched TONS of VueJS tutorials and the one by Maximilian on Udemy is by FAR the best. I can’t recommend it enough! I require every developer on my team to watch it. Like everything on Udemy, you can usually wait for course to go on sale for like $10 pretty frequently so you don’t have to pay full price.

Here’s the link, and good luck, you’ll LOVE Vue!!

https://www.udemy.com/course/vuejs-2-the-complete-guide/

r/vuejs • comment
2 points • pmaguppy

Hi there! First of all, welcome! I think Vuejs is great and you'll find it has many features in common with React. Some things will feel very familiar.

Vue 3 was released a few weeks ago after a long process. It's stable but the tooling is still catching up. Until the tooling is completely there I'd stick with Vue 2 with an eye for moving to Vue 3 by year end.

As far as courses, if you don't mind plunking down about $15, I recommend the Maximilian Schwarzmüller courses on Udemy. In particular I recommend his complete guide

I'm not familiar with the Academind courses so I can't comment on those.

Anyway, this is a great community, very friendly. Please let me know if you need a hand with anything.

r/vuejs • comment
2 points • eeeBs

I really like Max's class on Udemy. I still reference it one a week.

r/vuejs • comment
2 points • aleaallee

Do you mean this course? Do I have to restart from start? I was in the animations and transitions section.

r/vuejs • comment
4 points • InternetOfSomethings

Difficult to give good advice on this. If you have a few days/weeks to work on the code, give this course a try: https://www.udemy.com/course/vuejs-2-the-complete-guide/

Max explains everything perfectly and after the first few chapters you will have a general idea of how a Vue app is usually structured. If you understand the big picture, the Vue documentation is fantastic if you're looking for specific details on how something works. https://vuejs.org/v2/guide/

If you need a very short quick-start you could post some code here and this community (or myself if I have time) will gladly point out where to start.

r/vuejs • comment
1 points • sliver37

Welcome to the comvuenity™!

Have you watched any courses yet? This one is considered one of the best for beginners

https://www.udemy.com/course/vuejs-2-the-complete-guide/

Do not pay full price for it though. Its usually no more than $15.

Otherwise start building some things and ask questions as you go along :)

r/vuejs • comment
1 points • JiProchazka

I was in the same position two years ago. I paid for this https://www.udemy.com/course/vuejs-2-the-complete-guide/ and nowadays I'm a frontend developer for almost one and half year

r/vuejs • comment
1 points • captain_k_nuckles

I watched this udemy course, with no prior experience with vuejs.

Front end dev who had worked on a project was taking time off and I needed to take over. He had spent about a year working on the project. I watched the course over the weekend, came in and felt like I understood it pretty well, was able to add too and refactor the project, but your mileage may vary.

r/vuejs • comment
1 points • JeamBim

Maximilian Schwarzmüller is an awesome teacher who just released updated videos to his Vue course for Vue 3, and still has all the videos for Vue 2 up. His course will prob cost you around 10 bucks.

r/vuejs • comment
1 points • red-powerranger

This one is really good: https://www.udemy.com/course/vuejs-2-the-complete-guide/

r/vuejs • comment
1 points • RecycledLump

I second Maximilian's course on Udemy.

Probably my favourite aspect of his course is that he really digs into the underlying concepts behind Vue and explains the reasoning for its mechanics, and doesn't just show you stuff to ape.

It's one of those courses that teach you how to fish in my view. His lectures are also really well organized by chapters. I sometimes revisit particular parts if I need a refresher.

r/webdev • comment
1 points • austinv11

Is this the one you are referring to? https://www.udemy.com/course/vuejs-2-the-complete-guide/

r/webdev • comment
1 points • alkaliphiles

Courses like this really helped me learn Angular. The ones that guy teaches usually come with access to the fully completed code. I found it easiest to look through that while watching the videos on 1.5x speed, then going and working on a project unrelated to the coursework.

r/electronjs • comment
1 points • prodiver

Those are great introductions, but if you don't mind spending $20 bucks or so the best full courses are:

Stephen Grider - Electron for Desktop Apps: The Complete Developer's Guide

Maximilian Schwarzmüller - Vue JS 2 - The Complete Guide

r/vuejs • comment
1 points • pskfyi

I have been teaching Vue for a while now and I am one of the resident Vue experts at my current workplace. I still really appreciate Maximilian Schwarzmuller's overall approach to tutorials. He doesn't play favorites with technologies, he walks through every feature and not just the highlights, and he puts most of the material on YouTube.

The API hasn't significantly changed so this course is still just as relevant.

https://www.youtube.com/watch?v=nyJSd6V2DRI&list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07

https://www.udemy.com/course/vuejs-2-the-complete-guide/

r/learnwebdev • comment
1 points • RytheITGuy

I started by watching a course on uDemy. It’s actually on sale for Black Friday if you want to check it out: https://www.udemy.com/course/vuejs-2-the-complete-guide/.

If you have some knowledge in html, javascript, and css, then you’re off to a good start. Vue combines all of these into files called components. Having your template, script, and styles all in one file gives you the ability to pass data between them to solve some interesting problems. It is also nice for code organization, but that’ll become more obvious once you get started. I’d also get familiar with using source control if you’re not already. Initially, it is hard to see the value of using source control outside of a group project, but using it for personal projects is great when you want to put unfinished work on a branch or roll back to a previous version of your code.

I highly recommend checking out the uDemy course or watching YouTube videos to get an overview of Vue. If you’re feeling adventurous and enjoy reading documentation, Vue does a pretty good job of being thorough in their guide: https://vuejs.org/v2/guide/.

Once you get started, let me know if you have any specific questions about concepts and I can help explain. Good luck!

r/learnprogramming • comment
1 points • RedAntiqueBat

The Odin Project for html, css and basic js.

This udemy course by Maximilian for VueJS.

This one by Stephen for React

r/vuejs • comment
1 points • YokuYomu

I recommend "Nuxt.js: Vue.js on Steroids".

https://www.udemy.com/course/nuxtjs-vuejs-on-steroids/

This is a paid video course, developed and presented by Maximilian Schwartzmüller on udemy.com.

Follow along, programming everything that Max teaches and I'm very sure you will understand it.

Max also has a "Develop with Vue JS 2" udemy course, if you only want to use Vue.js and not Nuxt.js.

https://www.udemy.com/course/vuejs-2-the-complete-guide/

Max can proudly boast on having more than 100,000 students on Udemy; he's an excellent teacher. Recommended.

r/RandomKindness • post
2 points • opeodedeyi
[request] can someone please buy be some courses on Udemy?

I am learning some courses in order to better prepare for the future by building some startup websites that I believe will be successful.

I would need some help to get some of these courses (4 courses) which are sold on udemy, right now they are currently on sale which will be ending in 15 hours from now at 12 dollars for a course, with this sale, it is the cheapest I can get it for now and most convenient place I can get such content.

below are the links to the courses according to my scale of preference, that I need to learn:

https://www.udemy.com/course/javascript-beginners-complete-tutorial/

https://www.udemy.com/course/vuejs-2-the-complete-guide/

https://www.udemy.com/course/nuxtjs-vuejs-on-steroids/

https://www.udemy.com/course/css-animation-transitions-and-transforms-creativity-course/

I would be able to get the course if it is gifted to me on the platform, for that, you would need my email which is [email protected], and name which is Odedeyi Opeyemi.

r/startups • comment
3 points • divulgingwords

Here goes. Don't listen to the frontend fanboys. Start with a legit backend language that makes sense: C#.

It's going to cost you $30/m. You can do this all in 1 month if you really get down to it.

  1. https://www.pluralsight.com/paths/csharp

When done with that (you can knock that out in 4 days if you're really motivated), take the following in this order:

  1. https://www.pluralsight.com/courses/aspnet-core-fundamentals (RIP Scott Allen)

  2. https://www.pluralsight.com/courses/building-aspdotnet-core-mvc-web-applications

These two will hammer in the MVC design pattern. The next are going to drop the "views" and focus on api's (same tech, just no frontend - this is what you would use for a react/angular/vue project).

  1. https://www.pluralsight.com/courses/building-api-aspdotnet-core

  2. https://www.pluralsight.com/courses/asp-dotnet-core-api-building-first

Now, I want you to learn about dependency injection. You will have touched this stuff in the earlier courses, but this will really tie in everything.

  1. https://www.pluralsight.com/courses/aspdotnet-core-dependency-injection

  2. https://www.pluralsight.com/courses/dotnet-core-aspnet-core-configuration-options

Now, I want you to take the grand daddy of them all. This is going to tie everything you have learned into an actual working project.

  1. https://www.pluralsight.com/courses/aspnetcore-mvc-efcore-bootstrap-angular-web

So there's phase one. If you can complete that all those courses and you actually understand what you're doing, you can straight up get a junior dev C# job making 70k+/yr.

Now, since you want to make a startup or be a full stack dev, take the following courses:

Do this one first: https://www.udemy.com/course/modern-javascript-from-the-beginning/

If you want to learn React:

  1. https://www.udemy.com/course/react-the-complete-guide-incl-redux/

  2. https://www.udemy.com/course/react-redux/

If you want to learn Vue:

  1. https://www.udemy.com/course/vuejs-2-the-complete-guide/

  2. https://www.pluralsight.com/courses/vuejs-fundamentals

  3. https://www.udemy.com/course/nuxtjs-vuejs-on-steroids/

If you want to learn angular:

  1. https://www.udemy.com/course/the-complete-guide-to-angular-2/

  2. https://www.pluralsight.com/courses/angular-2-getting-started-update

Now, to learn how to host everything onto a $5/m cloud VPS

  1. https://www.udemy.com/course/docker-and-kubernetes-the-complete-guide/

And there you have it.

For frontends, my recommendation is Vue. I've tried all 3, and it was the most enjoyable. React would be a moderate second, with angular being my least favorite. React will have more job opportunities, so that might be your choice, but IMO, it won't matter because you know C#.

Don't worry about absolutely mastering javascript, as your C# and linq skills will translate nicely. Obviously you'll be rough around the edges, but you'll be fine. Remember, code in every language basically boils down to variables, loops, and "if" statements.

Hope this helps. I can answer any questions if you have any.

r/argentina • comment
1 points • gustavsen

vi el programa de la carrera.

muchas buzzword para resultar atractivo

el stack tecnologico que usan es raro cuanto menos tirando a atrasado.

si sos autodidacta tenes gratis: https://freecodecamp.org

que es un curso en etapas muy interesante, pronto va a sacar el de python para data science y ahi va a ser excelente.

de udemy te aconsejo:

  • https://www.udemy.com/course/the-complete-javascript-course/

  • https://www.udemy.com/course/nodejs-express-mongodb-bootcamp

tambien:

  • https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

  • https://www.udemy.com/course/nodejs-the-complete-guide

  • https://www.udemy.com/course/mongodb-the-complete-developers-guide

y de extra:

  • https://www.udemy.com/course/react-nodejs-express-mongodb-the-mern-fullstack-guide

  • https://www.udemy.com/course/vuejs-2-the-complete-guide

con 77 usd como maximo (si compras los primeros 7 cursos entre 10 y 11usd) ^(6391ar$) tendrias muchisimo para aprender con lo que te costaria un solo mes del instituto que mencionaste...

tampoco te olvides del excelente link que esta en la sidebar:

exitos