BEST

Advanced Modern JavaScript (ES6+)

Name: Advanced Modern JavaScript (ES6+)
Price: 55000 KRW

This is the last lecture of the JavaScript Bible course consisting of 4 lectures. It covers more than 95% of the JavaScript specification. In particular, it approaches the concept of creating a framework by dividing the entire asynchronous communication and asynchronous process into 11 steps.

(4.8) 32 reviews

1,333 learners

tonextday

JavaScript

ES6

Reviews from Early Learners

What you will learn!

Advanced linguistic use of JavaScript
Asynchronous communication and asynchronous processes in general

The final installment of the JavaScript course!
You can learn and organize everything without missing anything.

The Complete Edition of Advanced JavaScript Courses
Try putting a period in JavaScript.

This is the final lecture in the four-course JavaScript Bible course.
Covers over 95% of the JavaScript spec.
It's wide, deep, and detailed.
Beginners can learn everything without missing anything, and experienced people can organize everything.
You can put a period at the end of a JavaScript statement.
ES6+ ranges from ES2015 to ES2019.

The entire Bible course is one scenario.
In other words, you have what you need to know, what order you need to know it, and no overlapping content. Just follow the course. You won't waste time and money on duplication. You can complete it with just one Bible course.

We approach the concept of building a framework that encompasses asynchronous communication and asynchronous processes.
We'll break it down into 11 steps and implement it step-by-step in code. For this, we'll cover Web Workers, Ajax, XMLHttpRequest, and Fetch, although they're outside the scope of the JavaScript specification.
You can organize the entire asynchronous communication and asynchronous processing.

🗒 Download the source code

^{▲ Click the 'Course Materials' button or cloud icon}

You can download the source code for the course in "Section 5, Lesson 1".

Related lectures

_{Go to the JavaScript Roadmap (40% off)}

DOM Basics: Finishing the Dynamic Web

JavaScript Machine Learning TensorFlow.js

Recommended for
these people

Who is this course right for?

Developers who want to understand the ES6+ environment broadly and deeply
Developers who want to develop in an asynchronous communication and asynchronous process environment.
Developers who understand ES6+ but want to organize it thoroughly

Need to know before starting?

What is covered in the "JavaScript ES6+ Fundamentals" course is not covered in this course. You can take this course without taking "ES6+ Fundamentals", but you may find some parts of it difficult to understand.
It uses Node.js, but you don't have to know it, and it provides the code needed to run Node.js.

Hello
This is

9,632

Learners

393

Reviews

337

Answers

4.8

Rating

Courses

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

Curriculum

All

80 lectures ∙ (9hr 29min)

Course Materials:

Lecture resources

Section 1. Course Introduction, Scope

2 lectures ∙ (15min)

Section 2. Class

9 lectures ∙ (1hr 11min)

Section 3. Proxy

4 lectures ∙ (28min)

Section 4. Proxy Trap

7 lectures ∙ (1hr 4min)

Section 5. Reflect

7 lectures ∙ (44min)

Section 6. Module

4 lectures ∙ (24min)

Section 7. Promise

6 lectures ∙ (42min)

Section 8. async/await, for-await-of

3 lectures ∙ (19min)

Section 9. Bit Operators

3 lectures ∙ (15min)

Section 10. ArrayBuffer

4 lectures ∙ (25min)

Section 11. TypedArray

6 lectures ∙ (43min)

Section 12. DataView

3 lectures ∙ (18min)

Section 13. Web Workers

3 lectures ∙ (20min)

Section 14. SharedArrayBuffer, Atomics

2 lectures ∙ (13min)

Section 15. Ajax

2 lectures ∙ (15min)

Section 16. XMLHttpRequest

5 lectures ∙ (33min)

Section 17. Asynchronous communication, asynchronous processes

6 lectures ∙ (41min)

Section 18. Fetch

4 lectures ∙ (32min)

Published:

Last updated:

Reviews

All

32 reviews

4.8

32 reviews

김상헌
Reviews 8
∙
Average Rating 5.0
5
96% enrolled
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 es6심화 강의까지 4가지의 강의를 다 듣고 적는 후기입니다. 확실히 애매하게 알고있어서 못써왔던것들을 쓸수있게되는게 정말 최고의 수강후기가 아닐까 싶습니다. 예를들어 map, forEach, filter 함수를 뒤에 매개변수값을 추가로 this로 받을 인자값을 앎으로써 굳이 2중으로 반복문을 돌려 시간복잡도를 (n2)로 했던걸 (n)으로 끝낼 수 있었던점, 그리고 call,apply, bind개념이 명확해지면서, this를 매번 헷갈렸는데 헷갈릴때 해당 함수 호출시에 직접적으로 this 바인딩 시켜서 처리할 수 있는점 그리고 스코프에 대한 개념에 대해서는 심화과정을 들으면서 단계적으로 찾아나가고 가장 상위에 있는 것에서 찾고 없으면 __proto__그리고 또 없다면 하위에 __proto__를 찾는다는점 등등 저는 진짜 이번에 영보쌤거 강의들으면서 정말 이런말 표현이 맞을지 모르겠으나 정말 은혜받았습니다... 그리고 어제 밤에 csr을 직접 바닐라로 구현해보면서 class 이벤트에 built-in 오브젝트를 상속해서 처리하는것에 대해서 프론트엔드 프레임워크에서 props개념도 이와 비슷하게 동작하겠구나 하는 것에 대해서도 정말 쌤이 없었다면 원리조차 모를뻔한 것들에 대해서 알아가는 재미를 느꼈습니다 확실히 팀내에서도 저한테 요즘 갑자기 코드가 신기하게 깔끔해졌다고 이야기들 해주더라구요 수강을 고민하시는 분들 정말 돈이 아깝지 않은 강의입니다. 특히 확실하게 알고 사용하고 싶으신 분들, 매일 쓰던것만 쓰던 함수를 쓰던 자신에서, 더 편리하고, 더 좋은 그리고 더 효율적인 내장함수들이 많다는것들을 느끼실겁니다. 고민하지말고, 영보쌤 강의 시리즈 모두 구입하셔서 다들어보시길 권장드립니다. 코드의 질이 달라지며, 생각하는 사고가 달라지는것을 느낄것입니다. 제가 보증 하겠습니다
- 김영보
  Instructor
  감사합니다. 응원합니다.
devMiddleStone
Reviews 17
∙
Average Rating 5.0
5
100% enrolled
자바스크립트 기초 개념을 잡는데 많은 도움이 되었습니다. 감사합니다.
- 김영보
  Instructor
  감사합니다. 꾸벅^^
찡태
Reviews 27
∙
Average Rating 5.0
5
100% enrolled
자바스크립트를 배울 수 있는 최고의 강의라고 생각합니다!
- 김영보
  Instructor
  감사합니다.
beegizee1220
Reviews 33
∙
Average Rating 5.0
5
100% enrolled
너무나 좋은강의 감사합니다. ES5 비기너부터 ES6 심화까지 총 4강좌를 다 수강하였습니다. 덕분에 자바스크립트에서 간지러웠던 부분들에 대해 시원하게 긁을 수 있었습니다. 선생님 강의 덕에 자바스크립트와 한층 더 가까워질 수 있었습니다. 좋은 강의 정말 감사드립니다. ( _ _ )
- 김영보
  Instructor
  4강 완주를 축하합니다. 전체 숲을 본 것은 큰 자산이 될 것입니다. 감사합니다.
법경
Reviews 49
∙
Average Rating 4.9
5
100% enrolled
아주 좋아요
- 김영보
  Instructor
  감사합니다^^

$42.90

tonextday's other courses

Check out other courses by the instructor!

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법

김영보

시스템 개발이 실패하거나 요구사항 변경이 발생하는 대부분은 요구분석을 잘못하였기 때문입니다. 시스템 개발을 성공하는 요구분석 구현 방법을 다룹니다. 요구사항은 코드로 풀지 않고 시나리오로 풉니다. 요구사항을 시나리오로 푸는 방법을 다룹니다.

Intermediate

요구분석, 소프트웨어 공학

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법

김영보

React 완전 끝내기: useHoooooook

김영보

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

Basic

React, JavaScript, DOM

React 완전 끝내기: useHoooooook

김영보

자바스크립트 중고급: 엔진 핵심

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있습니다.

Basic

JavaScript

자바스크립트 중고급: 엔진 핵심

김영보

클린업 JavaScript: 점프업!

김영보

자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.

Basic

JavaScript

클린업 JavaScript: 점프업!

김영보

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

Basic

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

React 비기너: 튼튼한 기본 만들기

김영보

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

Basic

React, JavaScript, DOM

React 비기너: 튼튼한 기본 만들기

김영보

DOM 인터랙션

김영보

DOM은 동적 애플리케이션의 필수이며 바탕입니다. Element, Document, Window 오브젝트에서 발생하는, 발생시키는 모든 이벤트를 기본부터 활용까지 다룹니다. Web Component(Custom Element, Shadow DOM, Template)을 완전하게 배울 수 있으며 활용할 수 있습니다. 개설된 "DOM 완전 끝내기: 기본" 강좌와 더불어 DOM의 마침표를 찍을 수 있습니다.

Basic

DOM, JavaScript, HTML/CSS

DOM 인터랙션

김영보

DOM 기본

김영보

DOM을 모르고 웹 프로그램을 말할 수 없습니다. DOM 스펙의 95% 이상을 다룹니다. DOM의 마침표를 찍을 수 있습니다. 넓고 깊으며 자세합니다. 시간, 비용, 노력을 허비하지 않습니다. 자바스크립트 활용도 같이 다루며, 바닐라 JS로 웹 애플케이션을 개발할 수 있습니다.

Basic

DOM, JavaScript, HTML/CSS

DOM 기본

김영보

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

Intermediate

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

모던 자바스크립트(ES6+) 기본

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

Basic

JavaScript, ES6

모던 자바스크립트(ES6+) 기본

김영보

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

Basic

JavaScript, 객체지향

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

Similar courses

Explore other courses in the same field!

모던 자바스크립트(ES6+) 기본

김영보

Basic

JavaScript, ES6

모던 자바스크립트(ES6+) 기본

김영보

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

Basic

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

HTML5 + CSS3 + JavaScript

홍창윤

이 강의는 웹 개발의 기초인 HTML5, CSS3, JavaScript를 중심으로 프론트엔드 개발의 핵심 기술을 체계적으로 익히는 과정입니다. 수강생은 웹 페이지의 구조 설계부터 스타일링, 동적 기능 구현까지의 전체 흐름을 실습을 통해 배우며, 실제 프로젝트 기반 학습을 통해 실무 역량을 강화할 수 있습니다.

Beginner

JavaScript, html5, css3

HTML5 + CSS3 + JavaScript

홍창윤

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!

Basic

JavaScript, React, Node.js

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

클린업 JavaScript: 베이스 빌드업!

김영보

Basic

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

JavaScript로 배우는 fullPage + anime + SVG Animation 포트폴리오

LIZ.B

Vanilla Javascript + fullPage.js + SVG Animation 인터랙티브 웹 포트폴리오! 취업과 이직을 위한 필수 코스!

Basic

인터랙티브 웹, JavaScript

JavaScript로 배우는 fullPage + anime + SVG Animation 포트폴리오

LIZ.B

@시코 - TypeScript 제대로 배우기(초중급)

시니어코딩

깊이있는 수업으로 최고의 웹 개발자가 되기 위한 타입스크립트 강좌입니다. 완강 했을 때 타입스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트, 네스트 등의 고수가 될 수 있습니다.

Basic

TypeScript, React, JavaScript

@시코 - TypeScript 제대로 배우기(초중급)

시니어코딩

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

Basic

MongoDB, REST API, Node.js

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

(English) Build a First-person View 3D Website with Three.js

1분코딩

In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

Basic

Three.js, 인터랙티브 웹, 3d

(English) Build a First-person View 3D Website with Three.js

1분코딩

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

Kyo

자바스크립트로 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 자료구조와 알고리즘을 직접 구현하며 학습합니다. 자주 출제되는 문제 유형을 함께 풀이하며, 코딩 테스트와 면접에 꼭 필요한 문제 해결 능력까지 키울 수 있습니다.

Basic

JavaScript, 알고리즘, data-structure

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

Kyo

자바스크립트 Class로 떠나는 여행

The Oreum

자바스크립트는 Class를 왜 사용할까? Class가 등장하기 이전에는 어떻게 객체지향프로그래밍을 구현했을까? 자바스크립트를 공부하다보면 한번쯤 가져볼만한 문제에 대한 해답을 찾아 가벼운 여행을 떠나봅니다.

Basic

JavaScript, 객체지향, frontend

자바스크립트 Class로 떠나는 여행

The Oreum

JavaScript 알고리즘 베스트 10

The Oreum

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

Intermediate

JavaScript, 코딩 테스트, 알고리즘

JavaScript 알고리즘 베스트 10

The Oreum

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

Beginner

JavaScript, 코딩 테스트

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

Intermediate

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

Basic

JavaScript, jQuery, HTML/CSS

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!

Basic

JavaScript, React Native, Kotlin

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

Basic

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

Intermediate

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

Basic

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

Beginner

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

Advanced Modern JavaScript (ES6+)

Reviews from Early Learners

What you will learn!

The Complete Edition of Advanced JavaScript Courses Try putting a period in JavaScript.

🗒 Download the source code

Related lectures

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

tonextday's other courses

Similar courses

The Complete Edition of Advanced JavaScript Courses
Try putting a period in JavaScript.

Recommended for
these people

Hello
This is