React JS, Angular & Vue JS – Quickstart & Comparison

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: The Goal of this Course

Lecture 3: Understanding the Role of JavaScript

Lecture 4: The World of JavaScript

Lecture 5: Join our Online Learning Community

Lecture 6: Using Vanilla JavaScript & Understanding Its Limitations (1/3)

Lecture 7: Using Vanilla JavaScript & Understanding Its Limitations (2/3)

Lecture 8: Using Vanilla JavaScript & Understanding Its Limitations (3/3)

Lecture 9: Analyzing the Vanilla JavaScript Solution

Lecture 10: Improving the App with jQuery

Lecture 11: More JavaScript Libraries: Adding Lodash

Lecture 12: The Role of JavaScript Libraries

Lecture 13: Libraries vs Frameworks

Lecture 14: Using Vue.js (A JavaScript Framework)

Lecture 15: Understand other Parts of the JavaScript World

Lecture 16: JavaScript Versions and Languages – ES6 and TypeScript

Lecture 17: Course Structure

Lecture 18: Where to Find the Course Source Code

Lecture 19: Module Resources

Chapter 2: Understanding JavaScript Frameworks in General

Lecture 1: Module Introduction

Lecture 2: JS Frameworks in Fullstack Applications

Lecture 3: JS Frameworks in Single-Page-Applications

Lecture 4: An Example for a Framework in a Fullstack Application

Lecture 5: An Example for a Framework running a Single-Page-Application

Lecture 6: Fullstack Approach – Pros and Cons

Lecture 7: Single-Page-Application – Pros and Cons

Lecture 8: Prerequisites for the Different JS Frameworks

Lecture 9: Module Resources

Chapter 3: Vue.js – An Introduction

Lecture 1: Module Introduction

Lecture 2: Creating a Basic Vue.js Application

Lecture 3: In a Nutshell: How Vue.js Works

Lecture 4: Handling Events and Updating the DOM

Lecture 5: Rendering Content Conditionally

Lecture 6: Outputting Lists

Lecture 7: Binding HTML Attributes & Properties to Data

Lecture 8: Styling Elements Dynamically

Lecture 9: Setting CSS Classes Dynamically

Lecture 10: Using Shorthands for v-bind and v-on

Lecture 11: Using Multiple Vue Instances

Lecture 12: Limitations of Multiple Vue Instances

Lecture 13: Creating and Using Components

Lecture 14: Passing Data into Components

Lecture 15: Emitting Custom Events in Components

Lecture 16: Template Restrictions

Lecture 17: Two-Way-Binding to Input Fields

Lecture 18: Time to Practice – Vue.js – Problem

Lecture 19: Time to Practice – Vue.js – Solution

Lecture 20: Creating Vue.js Projects with the Vue CLI

Lecture 21: Why do we need Node.js and NPM?

Lecture 22: Using the Vue CLI to Create Projects

Lecture 23: Understanding the Project Folder

Lecture 24: Understanding .vue Files

Lecture 25: How the Application Gets Rendered

Lecture 26: Creating Global Components with .vue Files

Lecture 27: Creating Local Components

Lecture 28: Scoping Styles to Components

Lecture 29: Creating a Single Page Application (SPA)

Lecture 30: Adding Routing to the Application

Lecture 31: Linking with router-link

Lecture 32: Routing and the Server-Side

Lecture 33: Wrap Up

Lecture 34: Module Resources & Further Resources

Chapter 4: Understanding Workflows & Webpack

Lecture 1: Module Introduction

Lecture 2: The Big Picture

Lecture 3: The Role of Node.js and NPM

Lecture 4: Why do we need a Development Server?

Lecture 5: How Webpack Works: Entry & Output

Lecture 6: How Webpack Works: Modules, Rules & Plugins

Lecture 7: Wrap Up

Chapter 5: React.js – An Introduction

Lecture 1: Module Introduction

Lecture 2: Using React.js to Create a Basic App

Lecture 3: Understanding How React.js Works and JSX

Lecture 4: Outputting Dynamic Content

Lecture 5: Handling Events and Updating the DOM

Lecture 6: Creating a First Component

Lecture 7: Passing Data into Components (Props)

Lecture 8: Creating Components using ES6 Classes

Lecture 9: More about ES6

Lecture 10: Using State in React.js Components

Lecture 11: What Happens Behind the Scenes

Lecture 12: Rendering Conditional Content

Lecture 13: Outputting Lists

Lecture 14: Setting Styles Dynamically

Lecture 15: Setting CSS Classes Dynamically

Lecture 16: User Input & Two-Way-Binding

Lecture 17: Using Multiple Components

Lecture 18: Dumb Components

Lecture 19: Passing Data from Child to Parent

Lecture 20: Time to Practice – React.js – Problem

Lecture 21: Time to Practice – React.js – Solution

Lecture 22: Switching to a Local Setup & SPA

Lecture 23: Using the "create-react-app" Package

Lecture 24: Understanding the Created Project

Lecture 25: Using the Local Setup

Lecture 26: Adding React Router and Routes for the App