Mô tả

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 questions like: 

  • 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!

Bạn sẽ học được gì

Choose their favorite JavaScript framework and dive deeper into it

Understand the JavaScript world and its many packages and tools better

Take their JavaScript apps to the next level

Yêu cầu

  • Basic JavaScript knowledge is a must
  • Advanced JavaScript knowledge is a plus but not required
  • No prior JavaScript framework or library experience is required

Nội dung khoá học

8 sections

Getting Started

19 lectures
Introduction
01:18
The Goal of this Course
02:31
Understanding the Role of JavaScript
03:48
The World of JavaScript
01:36
Join our Online Learning Community
00:21
Using Vanilla JavaScript & Understanding Its Limitations (1/3)
05:17
Using Vanilla JavaScript & Understanding Its Limitations (2/3)
02:12
Using Vanilla JavaScript & Understanding Its Limitations (3/3)
04:40
Analyzing the Vanilla JavaScript Solution
02:28
Improving the App with jQuery
07:01
More JavaScript Libraries: Adding Lodash
02:56
The Role of JavaScript Libraries
01:20
Libraries vs Frameworks
02:50
Using Vue.js (A JavaScript Framework)
15:02
Understand other Parts of the JavaScript World
03:55
JavaScript Versions and Languages - ES6 and TypeScript
03:56
Course Structure
02:59
Where to Find the Course Source Code
00:04
Module Resources
00:04

Understanding JavaScript Frameworks in General

9 lectures
Module Introduction
00:34
JS Frameworks in Fullstack Applications
02:37
JS Frameworks in Single-Page-Applications
02:45
An Example for a Framework in a Fullstack Application
04:29
An Example for a Framework running a Single-Page-Application
01:50
Fullstack Approach - Pros and Cons
04:07
Single-Page-Application - Pros and Cons
04:28
Prerequisites for the Different JS Frameworks
03:37
Module Resources
00:02

Vue.js - An Introduction

34 lectures
Module Introduction
01:33
Creating a Basic Vue.js Application
03:23
In a Nutshell: How Vue.js Works
02:06
Handling Events and Updating the DOM
03:57
Rendering Content Conditionally
03:15
Outputting Lists
03:27
Binding HTML Attributes & Properties to Data
03:38
Styling Elements Dynamically
03:24
Setting CSS Classes Dynamically
01:45
Using Shorthands for v-bind and v-on
00:11
Using Multiple Vue Instances
01:39
Limitations of Multiple Vue Instances
01:55
Creating and Using Components
04:30
Passing Data into Components
01:42
Emitting Custom Events in Components
03:15
Template Restrictions
01:37
Two-Way-Binding to Input Fields
01:55
Time to Practice - Vue.js - Problem
02:20
Time to Practice - Vue.js - Solution
15:33
Creating Vue.js Projects with the Vue CLI
03:16
Why do we need Node.js and NPM?
01:32
Using the Vue CLI to Create Projects
03:11
Understanding the Project Folder
04:50
Understanding .vue Files
03:06
How the Application Gets Rendered
02:26
Creating Global Components with .vue Files
03:42
Creating Local Components
02:25
Scoping Styles to Components
01:18
Creating a Single Page Application (SPA)
01:08
Adding Routing to the Application
05:57
Linking with router-link
01:31
Routing and the Server-Side
02:15
Wrap Up
01:10
Module Resources & Further Resources
00:15

Understanding Workflows & Webpack

7 lectures
Module Introduction
00:58
The Big Picture
02:47
The Role of Node.js and NPM
03:38
Why do we need a Development Server?
02:30
How Webpack Works: Entry & Output
04:00
How Webpack Works: Modules, Rules & Plugins
04:24
Wrap Up
00:58

React.js - An Introduction

30 lectures
Module Introduction
01:14
Using React.js to Create a Basic App
04:22
Understanding How React.js Works and JSX
03:45
Outputting Dynamic Content
01:20
Handling Events and Updating the DOM
04:22
Creating a First Component
02:48
Passing Data into Components (Props)
01:51
Creating Components using ES6 Classes
02:36
More about ES6
00:43
Using State in React.js Components
05:02
What Happens Behind the Scenes
02:18
Rendering Conditional Content
03:18
Outputting Lists
05:18
Setting Styles Dynamically
03:11
Setting CSS Classes Dynamically
02:05
User Input & Two-Way-Binding
03:23
Using Multiple Components
02:45
Dumb Components
01:13
Passing Data from Child to Parent
04:11
Time to Practice - React.js - Problem
02:35
Time to Practice - React.js - Solution
23:59
Switching to a Local Setup & SPA
01:23
Using the "create-react-app" Package
02:34
Understanding the Created Project
02:48
Using the Local Setup
02:38
Adding React Router and Routes for the App
06:36
Adding Links
01:46
The React Router and a Server
01:20
Wrap Up
01:23
Module Resources & Further Resources
00:14

Angular - An Introduction

32 lectures
Module Introduction
01:07
What It's Good at and What It's Not Good At
01:45
Understanding Angular Versioning
00:48
TypeScript
03:00
TypeScript - A Brief Introduction
00:13
Creating an Angular Project with the CLI
03:47
Understanding the Project Structure
03:31
Understanding the Role of Components and the App Component
03:01
How the App Starts
05:16
Understanding the App Module
02:04
Outputting Data with String Interpolation
01:31
Handling Events
02:41
Rendering Content Conditionally
03:26
Outputting Lists
04:02
Binding Data to (HTML and other) Properties
02:57
Adding Dynamic Styles to Elements
04:23
Adding CSS Classes Dynamically
02:45
When to use the * Syntax
01:00
Using Multiple Components
06:09
Passing Data Into Components
02:04
Emitting Custom Events From Components
05:39
Using Two-Way-Binding
03:04
Time to Practice - Angular - Problem
01:53
Time to Practice - Angular - Solution
15:10
Using the CLI to Generate Components
01:58
Nesting Multiple Components
01:56
Scoping Styles to Components
01:17
Adding Routing & Routes
04:52
Adding Links
01:56
The Angular Router and the Server
01:08
Wrap Up
01:31
Module Resources & Further Resources
00:13

Comparing the Frameworks

11 lectures
Module Introduction
01:12
Possible Comparison Dimensions
03:43
Dimension 1: The Learning Curve
07:54
Dimension 2: Downscaling & Fullstack Applications
06:53
Dimension 3: Upscaling & SPAs
10:40
Dimension 4: Performance
09:00
Dimension 5: Ease of Deployment (The Way from Dev to Production)
08:13
Dimension 6: Popularity & Job Market
12:36
The Verdict
02:31
...What About jQuery?
01:41
Module Resources
00:05

Course Roundup

2 lectures
Course Roundup
00:55
Bonus: More Content!
00:20

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.