[LEGACY] Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue.js is an awesome JavaScript framework for building frontend applications! VueJS mixes the best of Angular + React!
Enroll in Course
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!
Frontend frameworks 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?
- Setting up a Development Environment and Workflow
- The Basics (including the basic Syntax, Understanding Templates and much more!)
- Interacting with DOM (Rendering Lists, Conditionally attaching/ detaching Elements ...)
- Using Components (and what Components are to begin with)
- Binding to Form Inputs
- All about Directives, Filters and Mixins
- 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 ...
And all the accompanied with many exercises and multiple course projects - because it isn't just about seeing code, it's about using and practicing it!
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. He heard and read that JavaScript allows you to create nice web applications and enhance existing web pages. VueJS is your choice!
Student #2:
He already has some experience with other frontend frameworks like Angular (2+) or ReactJS. But either due to interest or disappointment of the existing frameworks, he seeks 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!
20+
hours
400+
lessons
Course Curriculum
-
StartTake the Vue 3 Course!
-
PreviewCourse Introduction (3:08)
-
StartUse Vue 2
-
PreviewLet's Create our First VueJS Application (4:45)
-
PreviewExtending the VueJS Application (4:12)
-
PreviewJoin our Online Learning Community
-
PreviewCourse Structure (3:44)
-
PreviewTake Advantage of all Course Resources! (1:55)
-
PreviewSetup VueJS Locally (2:02)
-
PreviewUseful Resources & Links
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:45)
-
PreviewUnderstanding VueJS Templates (2:34)
-
StartHow the VueJS Template Syntax and Instance Work Together (2:42)
-
StartAccessing Data in the Vue Instance (1:49)
-
StartBinding to Attributes (2:42)
-
StartUnderstanding and Using Directives (1:27)
-
StartDisable Re-Rendering with v-once (1:41)
-
StartHow to Output Raw HTML (2:43)
-
StartAssignment: Outputting Data to Templates (Problem) (1:59)
-
StartAssignment: Outputting Data to Templates (Solution) (6:12)
-
StartListening to Events (1:50)
-
StartGetting Event Data from the Event Object (2:36)
-
StartPassing your own Arguments with Events (1:53)
-
StartModifying an Event - with Event Modifiers (3:23)
-
StartListening to Keyboard Events (2:03)
-
StartAssignment: Events (Problem) (1:42)
-
StartAssignment: Events (Solution) (4:54)
-
StartWriting JavaScript Code in the Templates (3:19)
-
StartUsing Two-Way-Binding (1:49)
-
StartReacting to Changes with Computed Properties (9:32)
-
StartAn Alternative to Computed Properties: Watching for Changes (3:53)
-
StartSaving Time with Shorthands (1:26)
-
StartAssignment: Reactive Properties (Problem) (2:28)
-
StartAssignment: Reactive Properties (Solution) (5:47)
-
StartDynamic Styling with CSS Classes - Basics (4:22)
-
StartDynamic Styling with CSS Classes - Using Objects (1:35)
-
StartDynamic Styling with CSS Classes - Using Names (3:27)
-
StartSetting Styles Dynamically (without CSS Classes) (3:15)
-
StartStyling Elements with the Array Syntax (1:14)
-
StartAssignment: Styling (Problem) (3:48)
-
StartAssignment: Styling (Solution) (18:17)
-
StartWrap Up (0:44)
-
StartUseful Resources & Links
-
StartModule Introduction (0:48)
-
StartConditional Rendering with v-if (3:37)
-
StartUsing an Alternative v-if Syntax (1:36)
-
StartDon't Detach it with v-show (1:43)
-
StartRendering Lists with v-for (2:25)
-
StartGetting the Current Index (1:51)
-
StartUsing an Alternative v-for Syntax (1:10)
-
StartLooping through Objects (4:44)
-
StartLooping through a List of Numbers (0:57)
-
StartKeeping Track of Elements when using v-for (4:08)
-
StartAssignment: Conditionals & Lists (Problem) (1:40)
-
StartAssignment: Conditionals & Lists (Solution) (9:38)
-
StartWrap Up (0:51)
Course Prerequisites
Basic JavaScript and web development knowledge (HTML/ CSS) is required
NO prior VueJS (or any other framework) experience is required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Juanjosé Tenorio Peña
The course was fantastic. As a front end developer with two years of experience in React and Angular, it was way easier to understand the concepts which made it perfect for a complete introduction to the framework.
Bilal Haidar
The course is so comprehensive and covers all aspects of vue.js. If you are planning to learn vue.js no need to go anywhere else or look at other courses, you've got everything you need here.
Nicholas Noel-Labieniec
Everything about the course is done in a systematic manner to progressively bring you to a point that you can start developing and creating Vue applications for existing projects or new ones.
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 9918 happy students!
Single-Course License
Full access to "[LEGACY] Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)"
$99
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$25/month
Cancel Anytime!
This is a recurring payment, charged automatically on a monthly basis. You can cancel anytime from inside your user profile to avoid being charged again once your billing cycle ends. For more information, please contact Academind.