Mô tả

Become a highly-demanded software engineer and developer by taking this in-depth tutorial on JavaScript and ES6. As one of the most highly-paid languages in the industry, learning ES6 will open so many opportunities and jobs for you!

This course contains a ton of creative content, so you’ll learn JS and in-depth ES6 in a stimulating, informative, and fun way.

Filmed tutorials will get you coding yourself. The videos will ensure that you understand the reason behind each new line and keyword.

Optional quizzes and coding challenges reinforce key concepts. Next, coding breaks in each section allow you to approach the course at your own pace. Jokes come up every now and then, especially in the breaks. Who knows, you may chuckle at some ES6 humor!

If you’re new, then this course gives a great intro to JavaScript as a first programming language. If you have a lot of experience, then you’ll find a nice overview of JS and in-depth ES6 topics. Either way, this course is perfect for you!

What are you waiting for? Let’s dive into JavaScript and ES6 and start coding!

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

Code in JavaScript like a pro.

Code in es6 comfortably, using all the new features.

Build es6 projects from the ground up using tools like webpack and babel.

Create a basic ReactJS application from scratch.

Yêu cầu

  • Little to no requirements - beginners welcome!
  • Some basic JavaScript knowledge will help, but not necessary.

Nội dung khoá học

15 sections

Introducing the Course

5 lectures
Introducing the Course
01:39
Outline of the Course
01:05
Installing a Code Editor
01:21
Setting Up with Node
01:57
Getting the Source Code
00:26

Introducing JavaScript

5 lectures
Introducing JavaScript
02:33
Understanding HTML
03:49
Adding JS to HTML
02:35
The Document Object Model (DOM)
03:06
Introducing JS - A Review
01:06

JavaScript Language and Essentials

19 lectures
Javascript Language and Essentials - the Foundation
00:55
Syntax, Statements, and Data Types
03:37
Variables and Assignment
03:53
Operators
03:18
Help! Can You Fix this Syntax?
1 question
Help! Can You Fix This Syntax? | Solution
00:24
Functions
04:07
Objects
04:22
Arrays and Array Methods
04:01
Weighing Buddy (Functions and Objects)
1 question
Weighing Buddy (Functions and Objects) | Solution
00:12
Booleans and Comparison Operators
02:57
If Statements
04:57
Switch Statements
03:34
For Loops
04:36
While Loops
04:32
Show Me the Evens - Show me the Odds
1 question
Show Me the Evens - Show Me the Odds | Solution
00:22
Language and Essentials - the Foundations | Section Overview
01:27

Setting up an ES6 Development Environment

10 lectures
Presenting ES6, Babel, and Webpack
00:56
A Note for "ES6 Essentials" Students
00:18
Why We Need Babel
01:31
How Babel Works
01:40
Benefits of Webpack
01:21
Set Up Project and Webpack 4
07:52
Configure Webpack and Development Environment
09:09
Set Up Babel with Webpack
05:31
Forking the Coding Environment
01:10
Setting Up an ES6 Development Environment | Section Overview
01:00

Understanding ES6 Essentials Part 1

9 lectures
Presenting New ES6 Syntax
02:20
Assignment with Let and Const
05:20
Control with Block Scoping
04:33
Template Literals
03:05
Operating and Destructuring | Preview
00:50
Spread Operator and Rest Parameters
03:34
Destructuring Assignment on Arrays and Objects
06:07
Optional Quiz : New ES6 Syntax
4 questions
Synthesizing ES6 Syntax | Section Overview
01:35

Understanding ES6 Essentials Part 2

8 lectures
Presenting Methods and Modules
01:55
Arrow Functions
04:28
Map and Filter Method
05:03
Presenting Additional ES6 Built-in Methods
01:46
String Helper Methods
03:52
Modules
05:34
Optional Quiz : Methods and Modules
3 questions
Methods and Modules | Section Overview
01:19

Classes and Prototypes

11 lectures
Presenting Classes
01:55
Defining Classes
04:08
Inheriting Classes
05:05
Static Methods in Classes
02:54
Fender Bender (Classes)
1 question
Fender Bender (Classes) | Solution
00:21
Highlighting Differences between Classes and ProtoTypes
02:17
ProtoTypes
07:12
Prototype a Vehicle
1 question
Prototype a Vehicle | Solution
00:26
Classes and Prototypes | Section Overview
01:13

Data Structures in ES6

9 lectures
Presenting Data Structures in ES6
01:48
Writing a Set
05:39
Does this Word Contain this Letter? (Sets)
1 question
Does this Word Contain this Letter? | Solution
00:20
Presenting Maps
01:20
Writing a Map
08:54
How Many Times Does this Letter Appear? (Maps)
1 question
How Many Times Does this Letter Appear? | Solution
00:31
Data Structures in ES6 | Section Overview
01:11

Closures in ES6

8 lectures
Presenting Closures
00:56
Closures and Scoping
03:31
Function Factories
06:05
Addition Factory (Closures)
1 question
Addition Factory (Closures) | Solution
00:24
Private Methods
05:41
Optional Quiz: Examining Closures
3 questions
Closures in ES6 | Section Overview
00:56

ES6 Generators

8 lectures
Presenting Generators
01:02
Defining a Generator
05:00
Generation XYZ
1 question
Generation XYZ | Solution
00:11
Controlling Flow with Generators
03:27
Generators vs Iterators
05:36
Optional Quiz | Generators in ES6
3 questions
ES6 Generators | Section Overview
01:01

Asynchronous Programming, Promises, and APIs

7 lectures
Presenting Asynchronous Programming and Promises
02:28
Promises
04:42
Optional Quiz: Examining Promises and Asynchronous Programming
2 questions
Presenting HTTP Request Methods and Fetch
02:05
APIs and ES6 Fetch
05:39
Optional Quiz: Revisiting Fetch and HTTP
2 questions
Asynchronous Programming, Promises, and APIs | Section Overview
01:20

ES7 and ES8 Proposals

6 lectures
Presenting ES7 and More on EcmaScript
01:54
ES7: New Features
03:23
ES8 Proposal: More Object Manipulation
03:57
ES8 Proposal: Async
07:59
Optional Quiz: Reviewing ES7 and ES8 Proposals
3 questions
ES7 and ES8 Proposals | Section Overview
01:03

Project: A React and ES6 Application

10 lectures
Previewing the Application
01:00
Setting Up and JSX
03:04
Make a Global Component
02:36
Creating an Input Component
03:53
Introducing State
03:33
Styling with CSS
02:25
Fetching Books
02:49
Adding a Gallery Component and Introducing Props
05:59
Gallery Details
08:03
Overviewing React and ES6 | Section Overview
01:16

Closing Remarks

3 lectures
Congratulations and More Content
00:58
Be the First to Know about New Material and Courses!
00:24
Bonus Content and Special Discount: Vue JS Course
00:17

Deprecated Material

3 lectures
Deprecated: Setting Up With Webpack
05:26
Deprecated: Some Webpack Troubleshooting Solutions
00:32
Deprecated: Adding Babel to Webpack
04:31

Đá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.