JavaScript Choice Made Easy - Angular v. React v. Vue
3.9 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
46 students enrolled

JavaScript Choice Made Easy - Angular v. React v. Vue

Harness the power of the three top frameworks on the JavaScript market
3.9 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
46 students enrolled
Created by Packt Publishing
Last updated 12/2017
English
English [Auto]
Current price: $80.99 Original price: $124.99 Discount: 35% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create real-world, professional apps
  • Take advantage of all the jewels in the Angular crown
  • Bring stunning React(ive) interfaces to life
  • Craft performant sites with Vue
  • Architect a blog, an e-commerce application, and an image gallery
  • Structure your code by composing components
  • Rapidly adapt to any framework you work with
  • Test using community-recommended tools
  • Assure stability of software you create strictly type in TypeScript
Course content
Expand all 45 lectures 05:41:58
+ Introduction
5 lectures 17:03

This video provides an overview of the entire course.

Preview 05:38

Show Angular application we are going to build.

Sample Angular Application Overview
02:40

Show Vue application we are going to build.

Sample Vue Application Overview
01:59

Show React application we are going to build.

Sample React Application Overview
02:01

Tell about the difference between JavaScript libraries such as jQuery, lodash, underscore, async.js and the frameworks such as Angular, React, Vue or Ember.

Framework Compared to a Library
04:45
+ Problems Solved by the Frameworks
5 lectures 32:04

In this video, you’ll learn about purpose of frameworks.

Preview 02:02

Show viewer possible solutions to interact with DOM.

Interacting with DOM
05:51

In this video, you’ll implement routing mechanism.

Routing
09:50

In this video, you’ll learn how to use the templates to represent data.

Templating
07:55

In this video, you’ll learn how to create a component without framework.

Reusable Components
06:26

Now that you are done with the videos of section 2, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

PROBLEMS SOLVED BY THE FRAMEWORKS
4 questions
+ Why Angular is a Big Fish?
5 lectures 30:18

Introduce viewers to Angular 4.

Preview 01:40

Show viewers how to use official tool to work with Angular 4 - Angular CLI.

Angular CLI
03:36

Introduce viewers to TypeScript language.

TypeScript
06:59

Explain template syntax behind Angular ng* templates.

Template Syntax
10:27

Using components to better structure our application.

Components
07:36

Now that you are done with the videos of section 3, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

WHY ANGULAR IS A BIG FISH?
4 questions
+ Diving Deeper into Angular Ocean
5 lectures 55:57

How to add a Router to existing application.                         

Preview 12:36

How to send requests for data in Angular.

Requesting Data
09:21

Explain the Services and Dependency Injection.                         

Services
13:09

Show how to use addons in Angular.

Addons
11:52

Explain testing in Angular.

Testing
08:59

Now that you are done with the videos of section 4, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

DIVING DEEPER INTO ANGULAR OCEAN
4 questions
+ React(ive) Applications
5 lectures 32:24

In this video, you will learn about the React.

Preview 01:40

In this video, you will learn to build tools of React.

Build Tools
04:57

In this video, you will be introduce viewers to JSX templates.                         

JSX Templates
07:02

Explain components in detail.                         

Components
10:54

Introduction to routing concepts in React.                         

Routing
07:51

Now that you are done with the videos of section 5, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

REACT(IVE) APPLICATIONS
4 questions
+ React and Redux
5 lectures 44:25

Tell more about functional programming concept, pure and impure functions and why is it important in React - because we can have functional components. It is important in Redux when writing reducers.                         

Preview 12:23

Introduce three core principles of Redux: “Single source of truth”, “State is read-only” (immutability concept), “Changes are made with pure functions”.

Three Principles of Redux
04:31

Introduce concept of actions and reducers, showing how to use it in practice.

Actions and Reducers
07:05

Show how to create asynchronous actions.

Asynchronous Actions
06:14

How to test React and Redux applications.

Testing
14:12

Now that you are done with the videos of section 6, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

REACT + REDUX
4 questions
+ Writing Blog in Vue
5 lectures 53:12

In this video, you will learn the basic theory related to Vue.

Preview 01:19

Show Vue CLI.                         

Vue CLI
10:04

Learn how to template syntax of Vue.

Template Syntax
11:04

Explain components in Vue.

Components
11:51

Implement a routing mechanism using Vue-router.

Routing
18:54

Now that you are done with the videos of section 7, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

WRITING BLOG IN VUE
4 questions
+ Polishing Code Behind Words
5 lectures 54:12

Describe how to add event handling to components - similar concept to actions in other frameworks. 

Preview 11:37

Show how to use v-model with inputs and text-areas.

Binding Form Inputs
06:31

Show similar to Redux implementation of Flux, but in Vue world –Vuex.                         

Managing State with Vuex
15:01

Show a world of ready-to-use third-party code - plugins. One the plugins that we’re going to grab will be vue-markdown. We will add it to adding post text-area.

Plugins
07:25

How to use Karma to write module-based unit-tests. Viewers will see here how to test Vue components.                         

Testing
13:38

Now that you are done with the videos of section 8, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

POLISHING CODE BEHIND WORDS
4 questions
+ The Verdict
5 lectures 22:23

Compare the performance of frameworks.                         

Preview 04:56

Show how JS frameworks integrate with other parts of web stack.                         

Fullstack
02:27

Talking about upscaling of Angular, React and Vue.

Upscaling
03:02

Talking about popularity and job market for JS frameworks we’ve learned in this course.

Popularity and Job Market
03:57

Cover jQuery, its usage, AJAX functions, how it can be sometimes enough for web applications.

jQuery
08:01

Now that you are done with the videos of section 9, let’s assess your learning. Here, are a few questions, followed by 4 options, out of which 1 is the correct option. Select the right option and validate your learning! The answers are provided in a separate sheet

THE VERDICT
4 questions
Requirements
  • The course is designed for people familiar with JavaScript. No prior knowledge of single-page application frameworks is required.
Description

Angular, React, and Vue are three very important frameworks in the JavaScript world. Thanks to them you can build dynamic websites. Add them to individual pages on your site or totally rely on them, by building single-page applications, but don't reinvent the wheel while you can leverage their power.

In this course we're going to build three dynamic applications. First, we're going to create an image browser—Image Ocean—in Angular, using TypeScript. It will also have the ability to upload images. After that we'll start React development while building the Clothes on Fire shopping application. To make our shop even better, we're going to add Redux to the mix. Redux is responsible for maintaining the state and data of JavaScript apps. It can be used with any framework. –Finally, we'll write a blog—not the articles though, but the blogging platform itself, in Vue. It will be called Wordsmith. For all three applications we're going to cover build tools, testing, and other parts of each framework's unique ecosystem.

By the end of the course you should be able to create your own application in the framework of your choice: Angular, React or Vue. You'll also easily jump into other frameworks (not covered in this course) by learning the fundamentals of single-page applications.

About the Author

Daniel Kmak is an ambitious and passionate JavaScript engineer. He is an active Stack Overflow user with many well-known reputations. His contribution to helping others has not gone unnoticed. Being close to the top 10 contributors in Ember.js tag, Daniel got his job as a consultant for Techolution. He has been teaching remotely for almost a year.

Currently, Daniel leads a team of talented and experienced engineers at WorkHQ, a global startup that creates enterprise resource planning applications. Daniel writes a blog and shares his knowledge on a YouTube channel. You can find his publications on HackerNoon and Medium.

Daniel is focused on the practical side of learning. He started watching video courses and later mastered programming by hard work and experience. That's why he can understand and empathize with online viewers. He imparts the quality content he would expect himself from a video course. His passion is teaching others and sharing knowledge.

Who this course is for:
  • Team leaders looking to pick the best framework for their next project will also benefit from the deep framework comparison presented and the testing approaches shown