Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

JavaScript Pro: Mastering Advanced Concepts and Techniques

JavaScript Pro: Nắm vững Khái niệm và Kỹ thuật Nâng cao

JavaScript Pro: Nắm vững Khái niệm và Kỹ thuật Nâng cao

Nâng tầm kỹ năng JS của bạn. Bao gồm cú pháp mới nhất, mẫu thiết kế, lập trình hàm, API trình duyệt, OOP, Canvas và hơn thế nữa!

4.7
(1,613 đánh giá)
16,796 học viên
Giảng viên
Colt Steele
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 399.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
19.0 giờ video
183 bài giảng
24 bài quiz
12 bài coding
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026
#Advanced Javascript #Development #Javascript #Web Development

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

Khám phá các Mẫu và Thực hành JavaScript Nâng cao: proxy objects, observers, generators, và hơn thế nữa
Áp dụng Kỹ thuật Lập trình Hàm Nâng cao: currying, composition, và hơn thế nữa
Hiểu về Scope, Closures và Hoisting
Làm việc với các JavaScript API bao gồm Intersection Observers, Canvas, Web Sockets, và hơn thế nữa
Làm chủ những phần phức tạp nhất của JavaScript
Học các tính năng mới nhất của ES2021 & ES2022

Yêu cầu

Kiến thức JavaScript cơ bản: quen thuộc với hàm, vòng lặp, câu điều kiện, v.v.

Đối tượng phù hợp

Dành cho bất kỳ ai muốn nâng cấp kỹ năng JavaScript lên trình độ chuyên nghiệp

Nội dung khóa học

20 phần • 179 bài giảng
1 Chào mừng & Giới thiệu Khóa học
2 Tham gia Cộng đồng!
3 Tổng quan Chương trình học
4 Lấy Mã nguồn Khóa học
5 QUAN TRỌNG: Về Chủ đề Màu sắc của Visual Studio Code
6 Môi trường Lập trình của Tôi
1 Làm việc với Đối tượng JavaScript Thuần
2 Kết hợp Dữ liệu & Hàm với Đối tượng
3 Cơ bản về Lớp (Class)
4 Hàm tạo (Constructors)
5 Thực hành: Tài khoản Ngân hàng
6 Phương thức Thể hiện (Instance Methods)
7 Cơ bản về Kế thừa (Inheritance)
8 Từ khóa Super
9 Thuộc tính Tĩnh (Static Properties)
10 Phương thức Tĩnh (Static Methods)
11 Trường hợp Sử dụng Phương thức Tĩnh
1 Trình truy cập Getter
2 Trình truy cập Setter
3 Thực hành: Getter và Setter
4 Trường Công khai (Public Fields)
5 Trường Riêng tư (Private Fields)
6 Phương thức Riêng tư (Private Methods)
7 Khối Khởi tạo Tĩnh ES2022
1 Giới thiệu về This
2 Bí ẩn của Từ khóa This
3 Đối tượng Toàn cục và This
4 Quy tắc "Bên trái Dấu chấm"
5 This và Lớp (Classes)
6 Phương thức Call
7 Phương thức Apply
8 Phương thức Bind
9 Ràng buộc Đối số (Binding Arguments)
10 Bind với Trình nghe Sự kiện (Event Listeners)
11 Bind với Bộ hẹn giờ (Timers)
12 Hàm Mũi tên (Arrow Functions) và This
13 Tổng kết về This
1 Giới thiệu Bên trong OOP
2 Từ khóa New
3 Prototypes: Phần 1
4 Prototypes: Phần 2
5 Prototypes: Phần 3
6 Chuỗi Prototype (Prototype Chain)
7 Lớp, Kế thừa, & Prototypes
8 __proto__ vs. prototype
9 Các Phương thức Prototype Hữu ích
1 Callback: Người bạn Tốt của chúng ta
2 Callback Hell & Kim tự tháp Khủng hoảng (Pyramid of Doom)
3 Cơ bản về Promise
4 Sử dụng .then() và .catch()
5 Chuỗi Promise để Làm phẳng Mã (Promise Chaining)
6 Xử lý Lỗi với Promise
7 Cơ bản về Async/Await
8 Thêm về Async/Await
9 Xử lý Lỗi với Hàm Async
10 Mẫu Async: Thao tác Bất đồng bộ Song song
11 Mẫu Async: Thao tác Bất đồng bộ Tuần tự
12 Mẫu Async: Promise.all()
13 Mẫu Async: Promise.allSettled()
14 Mẫu Async: Promise.race()
15 Tự tạo Đối tượng Promise
16 Chuyển đổi Node's fs.readFile() sang Promise (Promisifying)
1 Truy cập Tùy chọn (Optional Chaining)
2 Toán tử Hợp nhất Nullish (Nullish Coalescing)
3 Dấu phân cách Số (Numeric Separators)
4 Array.prototype.at()
5 String replaceAll()
6 Phép gán OR Logic ||=
7 Phép gán AND Logic &&=
8 Phép gán Hợp nhất Nullish ??=
9 Promise.any()
10 Tính năng OOP Mới: Trường Riêng tư & Khối Khởi tạo Tĩnh
1 Làm việc với Sai số Số thực (Float Imprecision)
2 BigInt() và Số Rất Lớn
3 isNan() vs. Number.isNaN()
4 Tăng trước và Tăng sau: ++x vs. x++
5 Tự động Chèn Dấu chấm phẩy (Automatic Semicolon Insertion)
6 Hàm Generator trong JavaScript
7 Khi nào Generator Hữu ích?
8 Phương thức Array.from() Cực kỳ Linh hoạt
1 Ôn tập Var & Phạm vi (Scope)
2 Ôn tập Let, Const, & Phạm vi
3 Chuỗi Phạm vi (Scope Chain)
4 Phạm vi Tĩnh (Static Scope)
5 Hoisting
6 IIFEs (Hàm được Thực thi Ngay lập tức)
7 Closures: Cơ bản
8 Closures: Một Ví dụ Khác
9 Closures: Hàm Sản xuất (Factory Functions)
10 Closures: Trình nghe Sự kiện (Event Listeners)
11 Closures: Vòng lặp
1 setTimeout
2 setInterval
3 clearInterval
4 clearTimeout
5 Debouncing
6 Viết một Hàm Debouncing Nâng cao
7 Throttling
8 Xây dựng một Hàm Throttle Nâng cao
9 Cơ bản về requestAnimationFrame
10 requestAnimationFrame với Dấu thời gian (Timestamps)
11 Hiệu ứng Cuộn lên Đầu trang với RequestAnimationFrame
1 Giới thiệu Lập trình Hàm
2 Hàm Hạng nhất (First Class Functions)
3 Viết Hàm Thuần túy (Pure Functions)
4 Trả về Hàm (Returning Functions)
5 Tính Bất biến (Immutability)
6 Đệ quy (Recursion)
7 Ứng dụng Một phần với Bind (Partial Application)
8 Viết một Hàm Một phần (Partial Function)
9 Cơ bản về Tổ hợp (Composition)
10 Một Hàm Tổ hợp Đơn giản (Compose Function)
11 Viết một Hàm Tổ hợp Nâng cao hơn
12 Cơ bản về Currying
13 Currying Nâng cao hơn
14 Giới thiệu Trò chơi Xúc xắc
15 Trò chơi Xúc xắc với FP Đơn giản
16 Trò chơi Xúc xắc với FP Quá mức
17 Tổng kết Lập trình Hàm
18 Bài tập FP Stylizer
1 Cơ bản về Fetch
2 Xử lý Lỗi với Fetch
3 Gửi Tiêu đề Yêu cầu (Request Headers) với Fetch
4 Yêu cầu POST với Fetch
5 Tải tệp lên với Fetch
1 Cơ bản về LocalStorage
2 LocalStorage với Đối tượng Phức tạp
3 Nên và Không nên Lưu gì trong LocalStorage
4 Tạo Công tắc Chế độ Tối với LocalStorage
5 Demo Ứng dụng Ghi chú với Localstorage
6 Đồng bộ hóa Tab với Sự kiện Lưu trữ (Storage Event)
7 Cơ bản về SessionStorage
8 Demo Biểu mẫu với Session Storage
9 IndexedDB: Hãy Cân nhắc Kỹ trước khi Dùng!
1 Sử dụng API Geolocation
2 API getUserMedia
3 Intersection Observers: Cơ bản
4 Intersection Observers: Ngưỡng (Thresholds)
5 Intersection Observers: Theo dõi Thời gian Xem Quảng cáo
6 Intersection Observers: Nhiều Mục (Multiple Entries)
7 Intersection Observers: Tải Ảnh Lười (Lazy Loading Images)
1 Cơ bản về API Hiệu suất (Performance API)
2 Đo Thời gian Tải Tài nguyên với Performance API
3 Cơ bản về Web Audio API
4 Demo Thanh trượt Theremin với Web Audio
5 Trường hợp Sử dụng Web Audio API
1 Giới thiệu Canvas API
2 Cơ bản về Canvas:
3 Nét vẽ và Đường thẳng trong Canvas
4 Cung và Đường dẫn trong Canvas
5 Các Tính năng Canvas Khác
6 Xây dựng Đồ chơi Bóng Nảy Phần 1
7 Xây dựng Demo Bóng Nảy Phần 2
8 Xây dựng Demo Bóng Nảy Phần 3
1 Giới thiệu Web Sockets
2 Cơ bản về Web Sockets API
3 Sự kiện Web Socket
4 Xây dựng Ứng dụng Trò chuyện với Web Sockets: Phần 1
5 Xây dựng Ứng dụng Trò chuyện với Web Sockets: Phần 2
6 Xây dựng Ứng dụng Trò chuyện với Web Sockets: Phần 3
1 Gửi Thông báo (Notifications)
2 Sự kiện Thông báo (Notification Events)
3 Thông báo với Biểu tượng và Dữ liệu
4 Thêm Thông báo vào Ứng dụng Trò chuyện của chúng ta: Phần 1
5 Thêm Thông báo vào Ứng dụng Trò chuyện của chúng ta: Phần 2
1 Nguyên tắc Trách nhiệm Đơn lẻ (Single Responsibility Principle)
2 Nguyên tắc Mở/Đóng (Open/Closed Principle)
3 Nguyên tắc Thay thế Liskov (Liskov Substitution Principle)
4 Nguyên tắc Phân tách Giao diện (Interface Segregation Principle)
5 Nguyên tắc Đảo ngược Phụ thuộc (Dependency Inversion Principle)
6 Luật Demeter (Law Of Demeter)
1 Mẫu Module
2 Mẫu Singleton
3 Mẫu Observer
4 Mẫu Registry
5 Mẫu Mixin
6 Mẫu Proxy Với Đối Tượng Proxy
7 Proxy Cho Lời Gọi Hàm
8 Triển Khai Ràng Buộc Dữ Liệu Với Đối Tượng Proxy

Giới thiệu khóa học

Transform your basic JavaScript knowledge into expert-level skills with this brand-new comprehensive course designed for those ready to take the next big leap in their programming career. If you've ever found yourself intimidated by JavaScript's more complex features or struggled to grasp its intricate concepts, this course is tailor-made for you.  If you've taken a few Udemy courses on JavaScript and don't know where to go next, this course is for you!

This course demystifies the 'scary' and tricky parts of JavaScript, guiding you through the intricate details and advanced aspects with ease. By the end of this journey, you'll not only understand these concepts but also skillfully apply them in real-world scenarios.

Key Topics Covered:

  • Object-Oriented Programming (OOP): SOLID design principles, prototypes, private class fields, etc.

  • JavaScript Design Patterns: Proxy objects, module pattern, singleton pattern, observer pattern, mixin pattern, registry pattern, and others.

  • Advanced JavaScript APIs: IndexedDB, Geolocation, Web Sockets, Notifications API, Canvas, getUserMedia, and more.

  • 'this' Keyword Mastery: Deep dive into 'this', call, apply, and bind methods.

  • Asynchronous Programming: Master promises, async/await, asynchronous design patterns, and write your own promise objects

  • Modern JavaScript Features: Optional chaining, nullish coalescing, logical assignment operators, and other ES2021 & ES2022 features

  • Tricky Parts of JavaScript: Tackle closures, float imprecision, BigInt, automatic semicolon insertion and a bunch more.

  • Functional Programming Techniques: Recursion, currying, composition, partial application, and more.

Whether you're a self-taught programmer, a computer science student, or a professional developer looking to sharpen your JavaScript skills, this course will elevate your coding abilities, preparing you to handle advanced web development challenges with confidence and expertise.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Advanced Javascript
Hiển thị tất cả khoá học Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊