React JS, Angular & Vue JS - Quickstart & Comparison
Angular (Angular 2+), React or Vue? Get a Crash Course on each of them and a detailed comparison!
Enroll in Course
After learning the basics about JavaScript, the JavaScript world can be very intimidating. There are lots of different frameworks like Angular, React or Vue, libraries and other packages (like webpack).
You’ll quickly see yourself ask these questions:
- What do all these packages, tools, libraries and frameworks do?
- What IS a library and what's the difference to a framework?
- Which framework should you learn? Angular, React.js or Vue.js?
- What about jQuery?
This course will help you with that!
You’ll get an introduction into the three most important JavaScript frameworks (Angular, React.js and Vue.js) and you’ll also get a detailed comparison! This will then allow you to pick other resources or courses to dive super-deep into your chosen framework whilst having a solid foundation already.
Throughout the course, we’ll dive into the basics of these frameworks but we’ll also have a look at why we use them to begin with. The role of jQuery and how these frameworks differ from jQuery will be clarified, too!
Which framework should you learn?
Not only are we going to dive into the basics of the three most popular JavaScript frameworks, this course will also draw a detailed comparison. A couple of different dimensions will be considered to find out which framework might be the perfect tool for the job you have at hand!
This course won’t stop at this point though!
We’ll also have a look at Webpack and “Build workflows” in general. You’ll learn which role these (and the respective packages like Webpack) play and why we need them. You will also understand which role ES6 and TypeScript play.
Here’s a detailed overview over what you’ll get!
- An introduction to today’s JavaScript world and an immediate overview over the different roles of the individual pieces
- A practical example showing you why vanilla JavaScript (=without any libraries or frameworks) might NOT be all you need
- An overview what JavaScript frameworks are and where to use them
- Detailed introductions to the three most relevant JavaScript frameworks as of today: Angular (2, 4), React.js and Vue.js
- An introduction to Webpack and why we use it (and build workflows in general)
- A detailed comparison of the three frameworks shown in this course – when could you pick which?
- A detailed understanding of the JavaScript world as it is today
Is this course for you?
Now that you learned what this course offers, let's find out if it's the right choice for you. It's definitely the right choice if you can answer at least one of the following questions with "YES":
- You have basic JavaScript experience and want to learn how to use libraries or frameworks to "do more with JavaScript"
- You're not sure which JavaScript (frontend) framework you should learn
- You already know something about JavaScript frameworks but want to get a basic introduction to the three most important ones
- You already know either Angular, React.js or Vue.js but also want to get an overview over the other two frameworks
- You're totally confused by the many terms the JavaScript world throws at you
I'd be very happy to welcome you on board of this course!
8+
hours
140+
lessons
Course Curriculum
-
PreviewIntroduction (1:18)
-
PreviewThe Goal of this Course (2:31)
-
PreviewJoin our Online Learning Community
-
PreviewUnderstanding the Role of JavaScript (3:48)
-
PreviewThe World of JavaScript (1:36)
-
PreviewUsing Vanilla JavaScript & Understanding Its Limitations (1/3) (5:17)
-
PreviewUsing Vanilla JavaScript & Understanding Its Limitations (2/3) (2:12)
-
PreviewUsing Vanilla JavaScript & Understanding Its Limitations (3/3) (4:40)
-
PreviewAnalyzing the Vanilla JavaScript Solution (2:28)
-
PreviewImproving the App with jQuery (7:01)
-
PreviewMore JavaScript Libraries: Adding Lodash (2:56)
-
PreviewThe Role of JavaScript Libraries (1:20)
-
PreviewLibraries vs Frameworks (2:50)
-
PreviewUsing Vue.js (A JavaScript Framework) (15:02)
-
PreviewUnderstand other Parts of the JavaScript World (3:55)
-
PreviewJavaScript Versions and Languages - ES6 and TypeScript (3:56)
-
PreviewCourse Structure (2:59)
-
PreviewCourse Source Code
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:33)
-
StartJS Frameworks in Fullstack Applications (2:37)
-
StartJS Frameworks in Single-Page-Applications (2:45)
-
StartAn Example for a Framework in a Fullstack Application (1:33)
-
StartAn Example for a Framework running a Single-Page-Application (1:38)
-
StartFullstack Approach - Pros and Cons (4:07)
-
StartSingle-Page-Application - Pros and Cons (4:28)
-
StartPrerequisites for the Different JS Frameworks (3:37)
-
StartModule Resources
-
StartModule Introduction (1:33)
-
StartCreating a Basic Vue.js Application (3:23)
-
StartIn a Nutshell: How Vue.js Works (2:06)
-
StartHandling Events and Updating the DOM (3:57)
-
StartRendering Content Conditionally (3:15)
-
StartOutputting Lists (3:27)
-
StartBinding HTML Attributes & Properties to Data (3:38)
-
StartStyling Elements Dynamically (3:24)
-
StartSetting CSS Classes Dynamically (1:45)
-
StartUsing Shorthands
-
StartUsing Multiple Vue Instances (1:39)
-
StartLimitations of Multiple Vue Instances (1:55)
-
StartCreating and Using Components (4:30)
-
StartPassing Data into Components (1:42)
-
StartEmitting Custom Events in Components (3:15)
-
StartTemplate Restrictions (1:37)
-
StartTwo-Way-Binding to Input Fields (1:55)
-
StartTime to Practice - Vue.js - Problem (2:20)
-
StartTime to Practice - Vue.js - Solution (15:33)
-
StartCreating Vue.js Projects with the Vue CLI (3:16)
-
StartWhy do we need Node.js and NPM? (1:32)
-
StartUsing the Vue CLI to Create Projects (3:11)
-
StartUnderstanding the Project Folder (4:50)
-
StartUnderstanding .vue Files (3:06)
-
StartHow the Application Gets Rendered (2:26)
-
StartCreating Global Components with .vue Files (3:42)
-
StartCreating Local Components (2:25)
-
StartScoping Styles to Components (1:18)
-
StartCreating a Single Page Application (SPA) (1:08)
-
StartAdding Routing to the Application (5:57)
-
StartLinking with router-link (1:31)
-
StartRouting and the Server-Side (2:15)
-
StartWrap Up (1:10)
-
StartUseful Resources & Links
Course Prerequisites
Basic JavaScript knowledge 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.
Kevin Smith
Great overview. Especially like the focus on the "why" rather than just the "what".
Anders Henriksson
Although I (for now) skipped the crash course sections and went straight from section 2 to 7, the comparison videos stand well on their own and provided the kind of comparisons I was looking for.
Zoltan Szokodi
Absolutely awesome! This course is focused on helping you to understand the differences between the most popular JS frameworks. Max does a great job at it.
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 9815 happy students!
Single-Course License
Full access to "React JS, Angular & Vue JS - Quickstart & Comparison"
$69
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!