Crash Course: React JS Angular and Vue JS: Crash Course: React JS, Angular and Vue JS

Get ready for your exam by enrolling in our comprehensive training course. This course includes a full set of instructional videos designed to equip you with in-depth knowledge essential for passing the certification exam with flying colors.

What’s included

128 : Lectures
7h 36m 2s : Duration

$14.99/24.99

Getting Started

Lectures	Duration
1. Introduction- 1m 19s	1m 19s
2. The Goal of this Course- 2m 31s	2m 31s
3. Understanding the Role of JavaScript- 3m 48s	3m 48s
4. The World of JavaScript- 1m 37s	1m 37s
5. Using Vanilla JavaScript & Understanding Its Limitations (1/3)- 5m 17s	5m 17s
6. Using Vanilla JavaScript & Understanding Its Limitations (2/3)- 2m 12s	2m 12s
7. Using Vanilla JavaScript & Understanding Its Limitations (3/3)- 4m 40s	4m 40s
8. Analyzing the Vanilla JavaScript Solution- 2m 28s	2m 28s
9. Improving the App with jQuery- 7m 1s	7m 1s
10. More JavaScript Libraries: Adding Lodash- 2m 56s	2m 56s
11. The Role of JavaScript Libraries- 1m 20s	1m 20s
12. Libraries vs Frameworks- 2m 50s	2m 50s
13. Using Vue.js (A JavaScript Framework)- 15m 2s	15m 2s
14. Understand other Parts of the JavaScript World- 3m 55s	3m 55s
15. JavaScript Versions and Languages - ES6 and TypeScript- 3m 56s	3m 56s
16. Course Structure- 2m 59s	2m 59s

Understanding JavaScript Frameworks in General

Lectures	Duration
1. Module Introduction- 34s	34s
2. JS Frameworks in Fullstack Applications- 2m 37s	2m 37s
3. JS Frameworks in Single-Page-Applications- 2m 46s	2m 46s
4. Prerequisites for the Different JS Frameworks- 4m 7s	4m 7s

Vue.js - An Introduction

Lectures	Duration
1. Module Introduction- 1m 33s	1m 33s
2. Creating a Basic Vue.js Application- 3m 23s	3m 23s
3. In a Nutshell: How Vue.js Works- 2m 6s	2m 6s
4. Handling Events and Updating the DOM- 3m 57s	3m 57s
5. Rendering Content Conditionally- 3m 15s	3m 15s
6. Outputting Lists- 3m 27s	3m 27s
7. Binding HTML Attributes & Properties to Data- 3m 38s	3m 38s
8. Styling Elements Dynamically- 3m 24s	3m 24s
9. Setting CSS Classes Dynamically- 1m 45s	1m 45s
10. Using Multiple Vue Instances- 1m 39s	1m 39s
11. Limitations of Multiple Vue Instances- 1m 55s	1m 55s
12. Creating and Using Components- 4m 31s	4m 31s
13. Passing Data into Components- 1m 42s	1m 42s
14. Emitting Custom Events in Components- 3m 15s	3m 15s
15. Template Restrictions- 1m 37s	1m 37s
16. Two-Way-Binding to Input Fields- 1m 55s	1m 55s
17. Time to Practice - Vue.js - Problem- 2m 20s	2m 20s
18. Time to Practice - Vue.js - Solution- 15m 34s	15m 34s
19. Creating Vue.js Projects with the Vue CLI- 3m 16s	3m 16s
20. Why do we need Node.js and NPM?- 1m 32s	1m 32s
21. Using the Vue CLI to Create Projects- 3m 11s	3m 11s
22. Understanding the Project Folder- 4m 50s	4m 50s
23. Understanding .vue Files- 3m 6s	3m 6s
24. How the Application Gets Rendered- 2m 26s	2m 26s
25. Creating Global Components with .vue Files- 3m 42s	3m 42s
26. Creating Local Components- 2m 25s	2m 25s
27. Scoping Styles to Components- 1m 19s	1m 19s
28. Creating a Single Page Application (SPA)- 1m 8s	1m 8s
29. Adding Routing to the Application- 5m 57s	5m 57s
30. Linking with router-link- 1m 31s	1m 31s
31. Routing and the Server-Side- 2m 15s	2m 15s
32. Wrap Up- 1m 10s	1m 10s

Understanding Workflows & Webpack

Lectures	Duration
1. Module Introduction- 58s	58s
2. The Big Picture- 2m 48s	2m 48s
3. The Role of Node.js and NPM- 3m 38s	3m 38s
4. Why do we need a Development Server?- 2m 30s	2m 30s
5. How Webpack Works: Entry & Output- 4m	4m
6. How Webpack Works: Modules, Rules & Plugins- 4m 24s	4m 24s
7. Wrap Up- 58s	58s

React.js - An Introduction

Lectures	Duration
1. Module Introduction- 1m 14s	1m 14s
2. Using React.js to Create a Basic App- 4m 22s	4m 22s
3. Understanding How React.js Works and JSX- 3m 45s	3m 45s
4. Outputting Dynamic Content- 1m 20s	1m 20s
5. Handling Events and Updating the DOM- 4m 22s	4m 22s
6. Creating a First Component- 2m 48s	2m 48s
7. Passing Data into Components (Props)- 1m 51s	1m 51s
8. Creating Components using ES6 Classes- 2m 36s	2m 36s
9. Using State in React.js Components- 5m 2s	5m 2s
10. What Happens Behind the Scenes- 2m 18s	2m 18s
11. Rendering Conditional Content- 3m 18s	3m 18s
12. Outputting Lists- 5m 18s	5m 18s
13. Setting Styles Dynamically- 3m 12s	3m 12s
14. Setting CSS Classes Dynamically- 2m 5s	2m 5s
15. User Input & Two-Way-Binding- 3m 24s	3m 24s
16. Using Multiple Components- 2m 45s	2m 45s
17. Dumb Components- 1m 13s	1m 13s
18. Passing Data from Child to Parent- 4m 11s	4m 11s
19. Time to Practice - React.js - Problem- 2m 35s	2m 35s
20. Time to Practice - React.js - Solution- 24m	24m
21. Switching to a Local Setup & SPA- 1m 23s	1m 23s
22. Using the "create-react-app" Package- 2m 34s	2m 34s
23. Understanding the Created Project- 2m 48s	2m 48s
24. Using the Local Setup- 2m 38s	2m 38s
25. Adding React Router and Routes for the App- 6m 36s	6m 36s
26. Adding Links- 1m 47s	1m 47s
27. The React Router and a Server- 1m 20s	1m 20s
28. Wrap Up- 1m 24s	1m 24s

Angular (2 & 4) - An Introduction

Lectures	Duration
1. Module Introduction- 1m 7s	1m 7s
2. What It's Good at and What It's Not Good At- 1m 53s	1m 53s
3. Understanding Angular Versioning- 49s	49s
4. TypeScript- 3m 1s	3m 1s
5. Creating an Angular Project with the CLI- 3m 47s	3m 47s
6. Understanding the Project Structure- 3m 31s	3m 31s
7. Understanding the Role of Components and the App Component- 3m 1s	3m 1s
8. How the App Starts- 5m 16s	5m 16s
9. Understanding the App Module- 2m 5s	2m 5s
10. Outputting Data with String Interpolation- 1m 31s	1m 31s
11. Handling Events- 2m 41s	2m 41s
12. Rendering Content Conditionally- 3m 26s	3m 26s
13. Outputting Lists- 4m 3s	4m 3s
14. Binding Data to (HTML and other) Properties- 2m 57s	2m 57s
15. Adding Dynamic Styles to Elements- 4m 23s	4m 23s
16. Adding CSS Classes Dynamically- 2m 46s	2m 46s
17. When to use the * Syntax- 1m	1m
18. Using Multiple Components- 6m 9s	6m 9s
19. Passing Data Into Components- 2m 4s	2m 4s
20. Emitting Custom Events From Components- 5m 40s	5m 40s
21. Using Two-Way-Binding- 3m 4s	3m 4s
22. Time to Practice - Angular - Problem- 1m 45s	1m 45s
23. Time to Practice - Angular - Solution- 15m 10s	15m 10s
24. Using the CLI to Generate Components- 1m 59s	1m 59s
25. Nesting Multiple Components- 1m 56s	1m 56s
26. Scoping Styles to Components- 1m 17s	1m 17s
27. Adding Routing & Routes- 4m 52s	4m 52s
28. Adding Links- 1m 56s	1m 56s
29. The Angular Router and the Server- 1m 9s	1m 9s
30. Wrap Up- 1m 31s	1m 31s

Comparing the Frameworks

Lectures	Duration
1. Module Introduction- 1m 12s	1m 12s
2. Possible Comparison Dimensions- 3m 43s	3m 43s
3. Dimension 1: The Learning Curve- 7m 54s	7m 54s
4. Dimension 2: Downscaling & Fullstack Applications- 6m 53s	6m 53s
5. Dimension 3: Upscaling & SPAs- 10m 41s	10m 41s
6. Dimension 4: Performance- 9m	9m
7. Dimension 5: Ease of Deployment (The Way from Dev to Production)- 8m 13s	8m 13s
8. Dimension 6: Popularity & Job Market- 12m 37s	12m 37s
9. The Verdict- 2m 31s	2m 31s
10. ...What About jQuery?- 1m 41s	1m 41s

Course Roundup

Lectures	Duration
1. Course Roundup- 1m 44s	1m 44s