Vue - The Complete Guide (w/ Router, Vuex, Composition API)
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.
Reddit Posts and Comments
0 posts • 30 mentions • top 26 shown below
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?
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.
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.
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.
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.
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.
10 points • the_only_redditor
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
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.
2 points • SpeakInCode6
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!!
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.
2 points • eeeBs
I really like Max's class on Udemy. I still reference it one a week.
2 points • aleaallee
Do you mean this course? Do I have to restart from start? I was in the animations and transitions section.
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.
1 points • sliver37
Welcome to the comvuenity™!
Have you watched any courses yet? This one is considered one of the best for beginners
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 :)
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
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.
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.
1 points • red-powerranger
This one is really good: https://www.udemy.com/course/vuejs-2-the-complete-guide/
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.
1 points • austinv11
Is this the one you are referring to? https://www.udemy.com/course/vuejs-2-the-complete-guide/
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.
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
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.
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/.
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!
1 points • RedAntiqueBat
1 points • YokuYomu
I recommend "Nuxt.js: Vue.js 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.
Max can proudly boast on having more than 100,000 students on Udemy; he's an excellent teacher. Recommended.
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:
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.
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.
When done with that (you can knock that out in 4 days if you're really motivated), take the following in this order:
https://www.pluralsight.com/courses/aspnet-core-fundamentals (RIP Scott Allen)
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).
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.
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.
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:
If you want to learn React:
If you want to learn Vue:
If you want to learn angular:
Now, to learn how to host everything onto a $5/m cloud VPS
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#.
Hope this helps. I can answer any questions if you have any.
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:
y de extra:
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: