React vs Angular vs Vue.js by Example

Decide for yourself which you like the best.
Rating: 4.3 out of 5 (2,155 ratings)
67,394 students
React vs Angular vs Vue.js by Example
Rating: 4.3 out of 5 (2,155 ratings)
67,395 students
Create a React App
Create an Angular App
Create a Vue.js App
Create an Adobe XD Prototype Mockup
Understand the core differences between React, Angular and Vue.js

Requirements

  • HTML
  • CSS
  • Basic Javascript
  • Adobe XD (Experience Design) for Mockup Process (Optional)
Description

With all of the various javascript libraries and frameworks, you might be a little bit confused as to where to begin. Right now, the three powerhouses in the javascript world are React, Angular and Vue.js.

Sometimes, the best course of action is to make up your own mind based on your own experiences.

And that's exactly what this course will aim to do. We're going to design and develop a single app in React, Angular and Vue.js.

The goal here is to help you determine which workflow you like best based on your own needs and preferences.

The following is the basic flow of what we're going to learn in React, Angular, and Vue.js:

  • Installing & Getting Started with a Project
  • Component Structure
  • Templating
  • Styling
  • Integrating CSS Frameworks
  • Working with API's

This will help you get a solid start with each of these javascript technologies, to the point at which you will walk away with your own opinions.

So, if you're ready to learn, let's get started!

Who this course is for:
  • Intermediate Designer / Developer
Course content
4 sections • 30 lectures • 3h 26m total length
  • Project Introduction & Resource Files
    01:45
  • Navigation Design
    10:48
  • Hero Section
    09:28
  • Supporting Content
    10:37
  • Footer Design
    04:15
  • FAQ Page
    06:45
  • Mobile Home Page
    09:50
  • Mobile Navigation
    05:17
  • Mobile FAQ Page
    04:52
  • Installing Vue.js
    06:10
  • Vue Components
    07:37
  • Integrating a CSS Framework
    06:11
  • Vue.js Navigation
    11:03
  • Making the Navigation Function
    05:17
  • Footer Integration
    03:38
  • Hero Section
    07:24
  • Supporting Content
    07:17
  • FAQ Page
    07:56
  • Installing React
    04:13
  • React Components
    11:44
  • Integrating a CSS Framework
    06:55
  • Header & Routing
    11:29
  • Footer & Navigation
    07:19
  • Home Page
    04:24
  • FAQ Page
    05:26
  • Installing Angular
    04:07
  • Angular Components
    05:02
  • Routing & CSS Framework Integration
    04:35
  • Header & Footer Integration
    06:02
  • Home & FAQ Page
    08:42

Instructor
Professional Freelance Designer & Course Instructor
Gary Simon
  • 4.3 Instructor Rating
  • 20,588 Reviews
  • 238,444 Students
  • 17 Courses

Gary Simon is a professional freelance graphics and web designer with well over a decade of experience. Having served over a thousand clients, Gary understands many facets of the design industry.

He has also been a course instructor for several of the top online education websites, teaching a wide range of topics including:

  • Web Design
  • Graphic Design
  • Mobile / GUI Design
  • 3D
  • Motion Graphics

Gary began designing websites in 2000, and just a few years later started focusing on identity design. From that point on, Gary grew a large clientele that allowed him to fully develop skills that extend beyond design alone.

The following is a list of web technologies in which Gary is proficient:

  • HTML & CSS (Responsive)
  • JavaScript & jQuery
  • XML
  • PHP
  • MySQL

He is also an expert with the following software:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effects

Gary began teaching his skills to others after releasing a single logo design tutorial, which has since garnered over a million views. In 7 years, Gary has released over 200 video tutorials and 20+ video courses. On his Youtube channel alone, his videos receive a half million views monthly. He enjoys connecting with students and helping them develop their skills on an on-going and frequent basis.