Khoá học Javascript từ cơ bản đến chuyên sâu

Kiến thức từ cơ bản đến nâng cao - Thực hành các dự án game, dự án thương mại điện tử

4.5

(317 đánh giá)

1,268 học viên

Giảng viên

Phạm Ngọc Hòa

Đánh giá cao

79.000đ 1.989.000đ -96%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

22.5 giờ video

20 bài quiz

18 tài nguyên

17 bài viết

14 bài coding

7 bài tập

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 28/04/2026

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

Tổng quan về lập trình

Cách tiếp cận và phương pháp học một ngôn ngữ lập trình

Các thuật ngữ phổ biến trong lập trình

Kiến thức nền tảng trong lập trình với Javascript

Kiến thức Javascript nâng cao

Làm các game viết thuần bằng javascript

Hỗ trợ trong quá trình học

Kĩ năng viết code, viết code sao cho clean

Các giải thuật cơ bản trong lập trình

Hướng dẫn một website hoàn chỉnh

Cho phép tải file tài nguyên sử dụng trong video để dễ dàng xem lại sau này

Hỗ trợ sau khi hoàn thành khoá học

Kiến thức về DOM, Browser và nhiều hơn nữa...

Yêu cầu

Nên có kiến thức cơ bản về HTML/CSS

Có máy tính để code, thực hành và làm các bài tập trong khoá học

Chủ động trao đổi khi gặp khó khăn trong quá trình học

Biết cách tìm kiếm trên google khi gặp vấn đề

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

Người mới học lập trình

Người mới chuyển từ ngành khác sang ngành lập trình

Người đã và đang học javascript nhưng chưa vững kiến thức về javascript

Người muốn tìm hiểu các kiến thức javascript nâng cao

Người muốn tiếp tục nghiên cứu javascript chuyển sang backend

Nội dung khóa học

20 phần • 206 bài giảng

1 Giới thiệu khoá học Javascript từ cơ bản đến chuyên sâu

2 Giới thiệu nội dung khoá học

3 Bạn sẽ học được gì trong khoá học này?

4 Những điều thú vị về Javascript

5 Tips hay để việc học lập trình trở nên hiệu quả hơn

6 Tôi là ai?

7 Tải slides của khoá học Javascript

8 Tham gia nhóm trong đổi học tập

9 Lưu ý quan trọng

1 Tìm hiểu về editor và môi trường làm việc

2 Cài đặt code editor - VS Code

3 Hướng dẫn sử dụng VS Code

4 Cài đặt một số extension hữu ích trong VS Code

5 Cài đặt FiraCode font

6 Các phím tắt bạn nên biết

1 Kiến trúc của một hệ thống phần mềm, Frontend Backend là gì?

2 Các vai trò, vị trí trong dự án phần mềm

3 Các thuật ngữ lập trình bạn nên biết

4 Cách học một ngôn ngữ lập trình hiệu quả

1 Lịch sử phát triển của Javascript

2 Javascript có thể làm được gì

3 Làm sao để thực thi code Javascript

4 "use strict" mode trong Javascript

5 Làm quen với cú pháp trong Javascript

6 Sử dụng Javascript trong khoá học này

7 Câu lệnh và dấu chấm phẩy trong javascript

8 Cách viết comments hiệu quả

9 Reserved keywords trong Javascript

10 Biến và cách đặt tên biến trong Javascript

11 Hằng và cách đặt tên hằng trong Javascript

12 Các kiểu dữ liệu trong Javascript

13 Chuyển đổi kiểu dữ liệu trong Javascript

14 Các toán tử trong Javascript

15 So sánh trong Javascript

1 Hàm tương tác với người dùng alert, confirm, prompt

2 Kiến thức cơ bản về hàm trong Javascript

3 Phạm vi trong hàm

4 Cách đặt tên hàm trong Javascript

5 Function Expressions trong Javascript

6 Arrow function trong Javascript

1 Tổng quan về boolean trong Javascript

2 Truthy và Falsy trong Javascript là gì?

3 Toán tử logic trong Javascript

4 Cấu trúc rẽ nhánh và câu điều kiện If trong Javascript

5 Bài tập if else số 1

6 Bài tập if else số 2

7 Switch case trong Javascript

8 Toán tử ?? trong Javascript

9 Bài tập cho phần if-else và switch case

1 Vòng lặp là gì?

2 Vòng lặp với For trong Javascript

3 Vòng lặp với while, do while trong javascript

4 Thoát vòng lặp trong Javascript với break và continue

5 Vòng lặp với for ... in và for ... of trong Javascript

1 Tổng quan về number

2 Các cách biểu diễn number trong JavaScript

3 Biểu diễn số ở hệ cơ số 16, 8 và 2

4 Math và một số hàm của Math trong JavaScript

5 Number và một số hàm của Number trong Javascript

6 Sai số với number trong JavaScript

7 Kiểm tra số với isNaN và isFinite

8 Bài tập về number số 1

9 Bài tập về number số 2

10 Bài tập về number số 3

11 Tổng hợp một một bài tập chương number trong Javascript

1 Tổng quan về string

2 Biểu diễn kí tự đặc biệt trong Javascript

3 Độ dài string trong javascript

4 Truy cập các kí tự của string trong JavaScript

5 String trong JavaScript là bất biến

6 Thay đổi chữ hoa và thường

7 Làm việc với substring

8 So sánh string trong JavaScript

9 Một số hàm khác của string trong javascript

10 Bài tập về string số 1: Chuyển đổi một chuỗi thành Capitalize

11 Bài tập về string số 2: Chuyển đổi giầy thành dạng giờ:phút:giây

12 Bài tập về string số 3: Kiểm tra một chuỗi có phải email hợp lệ hay không

1 Tổng quan về array

2 Khởi tạo array trong JavaScript

3 Một số đặc điểm của array trong JavaScript

4 Duyệt tất cả các phần tử trong mảng

5 Một số phương thức cơ bản của array

6 Vấn đề liên quan đến length của array

7 Mảng nhiều chiều trong Javascript

8 Phương thức splice của array trong Javascript

9 Phương thức slice của array trong Javascript

10 Phương thức concat của array trong Javascript

11 Phương thức indexOf, lastIndexOf và includes của array trong Javascript

12 Phương thức find và findIndex của array trong Javascript

13 Phương thức filter của array trong Javascript

14 Phương thức map của array trong Javascript

15 Phương thức sort của array trong Javascript

16 Phương thức reverse của array trong Javascript

17 Phương thức split và join của array trong Javascript

18 Phương thức reduce và reduceRight của array trong Javascript

19 Phương thức forEach của array trong Javascript

20 Tham số thisArg của array trong Javascript

21 Cách cách clone mảng trong Javascript

22 Bài tập tính tổng các số người dùng đã nhập

23 Bài tập implement hàm every và hàm some của array

24 Tổng hợp một số bài tập cho chương làm việc với array

1 Object trong Javascript là gì?

2 Biểu diễn object trong JavaScript

3 Cách sử dụng object trong JavaScript

4 Toán tử ngoặc vuông trong object Javascript

5 Giới hạn về tên thuộc tính của object trong JS

6 Cách kiểm tra tính tồn tại của thuộc tính

7 Cách duyệt tất cả các thuộc tính của object

8 Thứ tự các thuộc tính của object trong JavaScript

9 Một số đối tượng sẵn có trong JavaScript

10 So sánh hai object trong Javascript

11 Copy Object trong Javascript

12 Garbage collection trong Javascript

13 Phương thức trong Javascript

14 This trong Javascript

15 Khởi tạo đối tượng với từ khóa new trong javascript

16 Symbol trong Javascript

17 Tổng hợp một số bài tập cho chương làm việc với object

1 Giới thiệu về browser

2 Các thành phần của browser mà developer cần quan tâm

3 Làm việc với console của browser

4 Làm việc với network trong browser

5 Làm việc với storage trong browser (localStorage, sessionStorage, cookie)

6 Cấu trúc của browser và cách hoạt động

7 Điều gì xảy ra khi chúng ta vào một website

8 Các extension hay của browser dành cho developer

1 HTTP là gì

2 Các phương thức request của HTTP

3 Tìm hiểu về HTTP status code

4 Gửi HTTP request sử dụng XMLHttpRequest

5 Sử dụng XMLHttpRequest với phương thức POS

1 Tổng quan về lập trình bất đồng bộ

2 Sử dụng Callback để xử lý bất đồng bộ

3 Sử dụng Promise để xử lý bất đồng bộ

4 Sử dụng Async/await để xử lý bất đồng bộ

5 Một số phương thức của Promise

6 Hàm setInterval() trong Javascript

7 Hàm setTimeout() trong Javascript

8 Hàm fetch() trong Javascript

9 CORS là gì?

10 Cơ chế event loop trong Javascript để xử lý bất đồng bộ

11 Bài tập Lấy danh sách người dùng từ API

12 Bài tạo countdown

1 DOM là gì?

2 Javascript có thể làm gì với DOM

3 Cây cấu trúc DOM

4 Quan hệ giữa các node

5 Các loại DOM trong Javascript

6 Một số phương thức để truy xuất DOM trực tiếp

7 Một số phương thức để truy xuất DOM gián tiếp

8 Các thuộc tính của DOM

9 Các phương thức làm việc với attribute của DOM

10 Tạo DOM trong Javascript

11 Các phương thức làm việc với quan hệ của DOM

12 Các bài tập cho chương Làm việc với DOM

1 Dom Event trong JavaScript là gì?

2 Dom EventHandler trong JavaScript là gì

3 Thêm Event Handler sử dụng thuộc tính HTML

4 Thêm Event Handler sử dụng thuộc tính Dom

5 Thêm Event Handler sử dụng phương thức addEventListener

6 Các hàm với DOM EventListener trong JavaScript

7 Event Bubbling và Event Capturing trong JavaScript

8 Bài tập cho chương sự kiện trong Javascript

1 Hoisting trong Javascript

2 IIFE - Immediately Invoked Function Expression

3 Closures trong Javascript

4 This trong Javascript

5 bind, call and apply

6 Currying trong Javascript

7 Higher order function trong Javascript

8 Prototype trong Javascript

9 Shallow copy và deep copy trong Javascript

10 So sánh nâng cao trong Javascript

1 Giới thiệu 3 game sẽ làm trong chương

2 Xây dựng giao diện cho game Guess the number game

3 Xử lý logic game cho game Guess the number game bằng Javascript

4 Xây dựng giao diện cho game Find the destination game

5 Xử lý logic cho game Find the destination game

6 Xây dựng dao diện cho game catch the falling balls game

7 Xử lý logic cho game catch the falling balls game

1 Class expression là gì?

2 Getter / setter trong Class

3 Thuộc tính trong Class

4 Từ khoá extend khi kế thừa Class

5 Ghi đè phương thức

6 Ghi đè hàm khởi tạo

7 Thuộc tính và phương thức static của class trong Javascript

1 Giới thiệu project cuối khoá

2 Giới thiệu source code sử dụng cho project cuối khoá

3 Xây dựng Carousel bằng Javascript

4 Xây dựng Countdown bằng Javascript

5 Xây dựng phần FAQs bằng Javascript

6 Xây dựng phần Contact bằng Javascript

7 Thực hành call api products và categories

8 Render tab và xử lý logic bằng Javascript DOM

9 Lọc sản phẩm phẩm theo category

10 Xây dựng các class liên quan đến giỏ hàng

11 Render sản phẩm trong giỏ hàng

12 Xử lý phần thêm sản phẩm vào giỏ hàng

13 Render quantity button khi người dùng tăng số lượng sản phẩm

14 Đồng bộ số lượng quantity trong giỏ hàng

15 Tính toán số sản phẩm, số tiền trong giỏ hàng

16 Xử lý trường hợp giỏ hàng trống

17 Đồng bộ số lượng sản phẩm trong giỏ hàng

18 Lưu thông tin vào local storage

19 Tổng kết và cảm ơn

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

Khoá học JavaScript từ cơ bản đến chuyên sâu năm là một hành trình học tập thú vị và thách thức dành cho tất cả những người muốn tìm hiểu về một trong những ngôn ngữ lập trình phổ biến và mạnh mẽ nhất trên thế giới. Từ việc hiểu những khái niệm cơ bản cho đến việc khám phá các chủ đề phức tạp, khoá học này đem lại cho bạn kiến thức và kỹ năng cần thiết để xây dựng ứng dụng web tùy chỉnh và hiệu quả.

Những Gì Bạn Sẽ Học

Nền Tảng Cơ Bản: Bạn sẽ bắt đầu với những khái niệm cơ bản như biến, kiểu dữ liệu, chuỗi, mảng và đối tượng. Khoá học sẽ giúp bạn hiểu cách xử lý dữ liệu và sử dụng các cấu trúc cơ bản.
Xử Lý Sự Kiện và DOM Manipulation: Bạn sẽ học cách tương tác với giao diện người dùng bằng cách xử lý sự kiện như click, hover và submit. Cách thay đổi nội dung và cấu trúc của trang web thông qua DOM Manipulation cũng sẽ được khám phá.
Async Programming và Promises: Bạn sẽ hiểu cách xử lý tác vụ bất đồng bộ thông qua async programming và Promises. Điều này giúp ứng dụng của bạn không bị đơ và vẫn đáp ứng mượt mà trong quá trình thực thi.
Xử Lý Lỗi và Debugging: Học cách xử lý lỗi, debug mã nguồn và tìm kiếm vấn đề trong mã của bạn để tạo ra các ứng dụng ổn định và chất lượng.
ES6+ và Nâng Cao: Khám phá những tính năng mới nhất của JavaScript như arrow functions, classes, modules và template literals. Nắm vững cách sử dụng chúng để viết mã nguồn sáng sủa và dễ đọc hơn.
API và Fetching Data: Hiểu cách làm việc với API để lấy và gửi dữ liệu từ xa. Tạo kết nối giữa ứng dụng của bạn và các dịch vụ web.
Làm Các Dự Án Game: Khám phá cách sử dụng JavaScript để tạo các trò chơi thú vị và tương tác, từ các trò đơn giản đến phức tạp hơn.
Dự Án Cuối Khoá: Làm Một Trang Thương Mại Điện Tử: Áp dụng tất cả kiến thức đã học vào việc xây dựng một trang thương mại điện tử hoàn chỉnh, từ phần giao diện đến xử lý dữ liệu và tích hợp API.

Tại Sao Nên Học Khoá Học Này

Khoá học JavaScript từ cơ bản đến chuyên sâu mang đến cho bạn kiến thức và kỹ năng đa dạng để tự tin xây dựng ứng dụng web. Từ những khái niệm cơ bản cho đến những chủ đề nâng cao, bạn sẽ có khả năng làm việc trên cả mặt trước (front-end) và mặt sau (back-end) của ứng dụng. Học khoá học này đồng nghĩa với việc bạn có cơ hội tham gia vào cộng đồng phát triển ứng dụng web đang phát triển rất mạnh mẽ và đầy thách thức.

Tóm lại, khoá học JavaScript từ cơ bản đến chuyên sâu sẽ giúp bạn xây dựng nền tảng vững chắc và chắp cánh cho sự phát triển chuyên nghiệp trong lĩnh vực lập trình web.