Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Language
English
Taught by
Maximilian Schwarzmüller
Rating
3 views
Course Overview
Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the Best of Angular + React!
Join this bestselling Vue course to learn how to use the latest version of VueJS to build amazing, modern web apps!
No matter at which metric you look at (Google Trends, Github Stars, Tweets ...) - VueJS is the shooting star in the world of JavaScript frameworks - it simply is amazing!
This bestselling Udemy course teaches the latest version of Vue (Vue.js 3) from the ground up and in great detail. We'll cover all the core basics but we'll not stop thereafter - this course also dives into advanced concepts like the Composition API introduced with Vue 3.
Frontend frameworks like Vue JS are extremely popular because they give us this reactive, great user experience we know from mobile apps - but now in the browser! No wonder that jobs requiring frontend framework skills like VueJS are amongst the best paid ones in the industry!
You may know Angular 2+ and ReactJS, well, VueJS combines the best of both frameworks and makes building anything from small widgets to big, enterprise-level apps a breeze and a whole lot of fun!
And if you don't know the two mentioned frameworks: That's fine, too, this course does not expect any knowledge of any other frontend framework - you will learn it all throughout this Course!
This course covers it all!
We'll start at the very basics, what Vue.js is and how it works before we move on to more complex and advanced topics but I'll be honest: It's too much to fit it all into one sentence, so here's what you'll learn in this Course:
What is VueJS and Why would you use it?
The Basics (including the basic Syntax, Understanding Templates and much more!)
How to Output Reactive Data & Listen to Events
Interacting with DOM (Rendering Lists, Conditionally attaching/ detaching Elements ...)
Setting up a Development Environment and Workflow
Using Components (and what Components are to begin with)
A Deep Dive Look Behind the Scenes of Vue
Binding to Form Inputs
Sending Http Requests to Backend APIs
Authentication & Vue
How to make your App more Beautiful with Animations and Transitions
How to create an awesome Single-Page-Application (SPA) with Routing
How to improve State Management by using Vuex
How to Deploy the App
And much more!
All these topics are taught with real examples and demo projects. This course is full of exercises, challenges and bigger courser projects that allow you to practice what you learned.
Along with many other smaller projects, we will build a couple of bigger main projects:
The "Monster Slayer" Game - a game running in the browser, 100% powered by Vue
The "Learning Resource Manager" - a web app that allows you to manage (add, delete, list) your favorite learning resources
The "Find a Coach" app - a web app that allows you to sign up / login, register as a coach, list and filter available coaches and send messages to coaches
Is this course for you?
Now that you know what this course is about, let's see if this course is for you!
Here are three types of students who will love this course:
Student #1:
Has some JavaScript experience and is interested in what this language can do. You heard and read that JavaScript allows you to create nice web applications and enhance existing web pages. VueJS is your choice!
Student #2:
You already have some experience with other frontend frameworks like Angular (2+) or ReactJS. But either due to interest or disappointment of the existing frameworks, you seek some alternatives - VueJS might be what you were looking for!
Student #3:
Has experience with backend frameworks/ languages but now also wants to enter the frontend world. VueJS is an awesome choice here, it's fun, it uses native JS and it's extremely powerful!
Bonus: Student #4
Is disappointed by Angular 2+. Does a good framework need 2 hours of setup? No, certainly not - as VueJS will prove to this student!
Let's dive into VueJS right now!
Course Content
- 10 section(s)
- 333 lecture(s)
- Section 1 Getting Started
- Section 2 Basics & Core Concepts - DOM Interaction with Vue
- Section 3 Rendering Conditional Content & Lists
- Section 4 Course Project: The Monster Slayer Game
- Section 5 Vue: Behind the Scenes
- Section 6 Introducing Components
- Section 7 Moving to a Better Development Setup & Workflow with the Vue CLI
- Section 8 Component Communication
- Section 9 Diving Deeper Into Components
- Section 10 Course Project: The Learning Resources App
What You’ll Learn
- Build amazing Vue.js Applications - all the Way from Small and Simple Ones up to Large Enterprise-level Ones
- Understand the Theory behind Vue.js and use it in Real Projects
- Leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs)
- Learn the latest version of Vue (Vue 3), including the brand-new Composition API
Skills covered in this course
Reviews
-
MMark Matthews
Absolutely excellent at breaking topics down, and gently retouching on important pieces as he goes. Well thoughtout...doesn't feel overwhelming with nuanced details. Highly recommend
-
VVictor Loginov
Max is a great teacher and explains the concepts well. Unfortunately this course material is far too outdated, it is basically a Vue 2 course wrapped as 3. 3 was only at the preview stage at the time of this recording. So all the patterns you learn are legacy Vue 2 patterns, that do not demonstrate modern and professional apps practices. In particular there are a few things to point out - The course is taught entirely using Options API - the Compositions API is introduced right at the end. What should have been done is to only use Options at the start when you're teaching the basics with CDN, thereafter the rest should use Compositions API. Vue CLI is still being used - this is legacy - Vue recommends to install apps with Vite today. Extensions like Vetur are recommended, but again, Volar has taken its place. There is a whole section on Vuex - this is also legacy and not relevant today unless you're specifically going to maintain legacy apps that still use this for some reason, modern Vue comes with Pinia, which is not at all taught in the course - some posted questions in the course are from 3 years ago asking for this update, so that emphasises the age of this content. The final chapter on mixins is also legacy and not common practice today; composables replace them. The whole course is taught in JavaScript, which I too think is a legacy pattern. Some may argue its easy for beginners etc. but I think that's a legacy way of thinking. It may have been acceptable to use only JS a few years ago, but today TypeScript is expected. And it is easy to learn - but you're ice skating up hill if you develop entirely learning the old way to do things and then have to recalibrate your entire methodology and learn how to do it expected way when you've already set certain habits and practices in their place. Better just to learn how to do things the right way from the beginning. Finally, I can only say the course is useful for complete beginners, who haven't learned other frameworks before - if you know Angular or React already you will just be going over the fundamentals using a different syntax - effectively you could learn it on your own from the docs.
-
ÖÖzgür Aşık
Firtst of all I want to say that this course is a solid course if you want to take your first step into Vue world. No need to talk about high teaching standards of Max & Academind. All necessary core topics are covered, explained detailly etc. I break 1.5 star as the content of this course falling a "little" bit behind of the current Vue world's content. On the state management side of things, Pinia already taken place of Vuex. On the writing choices, Composition API is more popular than Options API in the most scenarios (okay, this course does indeed introduce Composition API BUT by the end of the course. Maybe it should be introduced where core topics are covered and continue rest of the course with the Composition API). On the project creation method, Vue CLI is dead for a long time by now. Things like that may confuse you if you prepare to jump directly to real world apps right after this course.
-
AAki Lempinen
Generally good. There seems to be missing videos at last few assignments.
