Ư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 Beginner Bootcamp (2025)

Khóa Học Cấp Tốc JavaScript Cho Người Mới Bắt Đầu (2025)

Khóa Học Cấp Tốc JavaScript Cho Người Mới Bắt Đầu (2025)

JavaScript cho người mới bắt đầu: Học qua dự án thực tế, hoạt ảnh bảng trắng, lập trình trực tiếp trên trình duyệt và các bài kiểm tra.

4.5
(5,821 đánh giá)
26,603 học viên
Giảng viên
Rob Merrill
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 349.000đ -77%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
38.5 giờ video
448 bài giảng
17 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026
#Frontend Development #Javascript #Programming #Web Development

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

Học những kiến thức cơ bản về JavaScript
Tạo Trang Web Tương Tác và triển khai lên mạng
Xây dựng dự án ngay trong khi học để nếm thử trải nghiệm phát triển ứng dụng ở quy mô nhỏ
Sẵn sàng cho phỏng vấn với các thử thách thuật toán trên bảng trắng
Xây dựng Trang Portfolio bằng HTML & CSS
Hiểu ngôn ngữ JavaScript một cách trực quan
Nhìn sâu bên trong để hiểu cách JavaScript hoạt động

Yêu cầu

Trình duyệt Google Chrome
Không cần kinh nghiệm lập trình trước đó

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

Dành cho người mới hoàn toàn với JavaScript
Dành cho người chưa có kinh nghiệm lập trình
Dành cho người muốn học mọi lúc mọi nơi bằng cách xem video bảng trắng tối ưu cho điện thoại thông minh và máy tính bảng
Dành cho người muốn một phần giới thiệu kỹ lưỡng, từng bước về ngôn ngữ JavaScript
Dành cho những lập trình viên muốn một môi trường học tập trực quan và thực hành để củng cố kiến thức đã học
Dành cho người muốn học cách xây dựng ứng dụng JavaScript đầu tiên của mình
Dành cho người muốn học cách xây dựng trang portfolio bằng HTML & CSS

Nội dung khóa học

31 phần • 387 bài giảng
1 Tổng quan khóa học
1 Biến số
2 Cách xuống dòng mới trong Chrome Console
3 Thực hành: Biến số
4 Tóm tắt nhanh: Biến số
5 Chuỗi ký tự
6 Thực hành: Chuỗi ký tự
7 Tóm tắt nhanh: Chuỗi ký tự
8 Toán tử
9 Thực hành: Toán tử
10 Toán tử Tăng & Giảm
11 Tóm tắt nhanh: Toán tử
1 Dự án nhỏ: Chuyển đổi Kelvin sang Fahrenheit
2 Dự án nhỏ: Chuyển đổi Kelvin sang Fahrenheit - Video đánh giá
3 Dự án nhỏ: Năm tuổi Mèo
4 Dự án nhỏ: Năm tuổi Mèo - Video hướng dẫn chi tiết
1 Đối tượng
2 Thực hành: Đối tượng
3 Tóm tắt nhanh: Đối tượng
4 Đối tượng - Ký hiệu Chấm & Ngoặc vuông
5 Thực hành: Ký hiệu Chấm & Ngoặc vuông
6 Hàm tạo Đối tượng
7 Thực hành: Hàm tạo Đối tượng
8 Đời sống bí ẩn của các Kiểu dữ liệu nguyên thủy trong JavaScript
1 Mảng
2 Thực hành: Mảng
3 Phương thức Mảng Phần 1
4 Thực hành: Phương thức Mảng Phần 1
5 Phương thức Mảng Phần 2
6 Thực hành: Phương thức Mảng Phần 2
7 Ôn tập về Mảng
1 Dự án nhỏ: Công cụ tạo Lời chửi Ngẫu nhiên
2 Dự án nhỏ: Công cụ tạo Lời chửi Ngẫu nhiên - Video đánh giá
1 Hàm
2 Thực hành: Hàm
3 Tìm hiểu sâu về Hàm - Biểu thức hàm, Hàm ẩn danh & IIFE
4 Thực hành: Tìm hiểu sâu về Hàm
5 Phạm vi Hàm
6 Thực hành: Phạm vi Hàm
1 Ứng dụng nhỏ: Trò chơi Gấu, Người, Súng
2 Ứng dụng nhỏ: Trò chơi Gấu, Người, Súng - Video hướng dẫn chi tiết
3 Hướng dẫn từng bước: Trò chơi Gấu, Người, Súng
4 Ứng dụng nhỏ: Máy tính Calo
5 Ứng dụng nhỏ: Máy tính Calo - Video hướng dẫn chi tiết
6 Hướng dẫn từng bước: Máy tính Calo
1 Vòng lặp - Câu lệnh Điều kiện & Toán tử
2 Thực hành: Vòng lặp Phần 1
3 Câu lệnh Switch
4 Thực hành: Câu lệnh Switch
5 Vòng lặp Phần 2 - Vòng lặp For, While & Do/While
6 Thực hành: Vòng lặp Phần 2
1 Quả cầu Ma thuật số 8
2 Quả cầu Ma thuật số 8 - Video hướng dẫn chi tiết
1 Giới thiệu Biểu thức chính quy
2 Tài nguyên về Biểu thức chính quy
1 This & Bind
2 Thực hành: This & Bind
3 This & Call
4 Thực hành: This & Call
1 Lập trình Hàm Phần 1 - Giới thiệu và Filter
2 Thực hành: Lập trình Hàm Phần 1
3 Lập trình Hàm Phần 2 - Map
4 Lập trình Hàm Phần 2 - Map
5 Thực hành: Lập trình Hàm Phần 2
6 Lập trình Hàm Phần 3 - Reduce
7 Thực hành: Lập trình Hàm Phần 3
8 Phương thức Mảng - Đọc thêm
1 Xác định Chuỗi Duy nhất
2 Xác định Từ Dài nhất trong một Chuỗi
3 Hoán vị của Hai Chuỗi
4 Tổng của một Dãy số
5 Loại bỏ Phần tử từ Đầu mảng
6 Chuỗi đối xứng (Palindrome)
1 Câu lệnh Let
2 Thực hành: Câu lệnh Let
3 Khai báo Const
4 Chuỗi mẫu (Template Literals)
5 Thực hành: Chuỗi mẫu
6 Hàm mũi tên (Arrow Functions)
7 Thực hành: Hàm mũi tên
8 Toán tử Spread
9 Thực hành: Toán tử Spread
10 Phương thức forEach
11 Thực hành: Phương thức forEach
1 Thiết lập Môi trường
2 Đảo Tên - Sử dụng Hàm có sẵn
3 Đảo Tên - Hàm có sẵn - Mã hoàn chỉnh
4 Đảo Tên - Sử dụng Chỉ số
5 Đảo Tên - Chỉ số - Mã hoàn chỉnh
6 Loại bỏ Số Lẻ khỏi Mảng với Toán tử Modulus và Vòng lặp For
7 Loại bỏ Số Lẻ khỏi Mảng với Toán tử Modulus và Vòng lặp For - Mã hoàn chỉnh
8 Loại bỏ Số Lẻ khỏi Mảng với Phương thức Filter
9 Loại bỏ Số Lẻ khỏi Mảng với Phương thức Filter - Mã hoàn chỉnh
10 Lặp lại một Chuỗi với vòng lặp for
11 Lặp lại một Chuỗi với vòng lặp for - Mã hoàn chỉnh
12 Lặp lại một Chuỗi với vòng lặp while
13 Lặp lại một Chuỗi với vòng lặp while - Mã hoàn chỉnh
14 Tìm Chuỗi Dài nhất với phương thức replace và biểu thức chính quy
15 Tìm Chuỗi Dài nhất - Mã hoàn chỉnh
16 Tìm Chuỗi Dài nhất với phương thức replace, biểu thức chính quy và For Of
17 Tìm Chuỗi Dài nhất Phần II - Mã hoàn chỉnh
18 Sắp xếp Chuỗi theo Bảng chữ cái với phương thức sort()
19 Sắp xếp Chuỗi theo Bảng chữ cái - Mã hoàn chỉnh
20 Sắp xếp Chuỗi theo Bảng chữ cái với phương thức sort() và cú pháp spread
21 Sắp xếp Chuỗi theo Bảng chữ cái Phần II - Mã hoàn chỉnh
22 Phần Xem và Lập trình
23 Đảo ngược một Chuỗi
24 Lọc Chuỗi trong một Mảng
25 Tìm Số Lớn nhất trong Mảng - Codepen
26 Tìm Số Lớn nhất trong Mảng
27 Đảo ngược Chuỗi với hàm có sẵn
28 Đảo ngược Chuỗi với hàm có sẵn - Mã hoàn chỉnh
29 Đảo ngược Chuỗi với cú pháp spread
30 Đảo ngược Chuỗi với cú pháp spread - Mã hoàn chỉnh
31 Đảo ngược Chuỗi với vòng lặp for
32 Đảo ngược Chuỗi với vòng lặp for - Mã hoàn chỉnh
33 Đảo ngược Chuỗi với vòng lặp for...of
34 Lặp lại một Chuỗi với vòng lặp for...of - Mã hoàn chỉnh
35 Có phải là Chuỗi đối xứng?
36 Chuỗi đối xứng - Mã hoàn chỉnh
1 Giới thiệu về DOM
2 Các nút của Cây DOM
3 Tìm hiểu thêm về Nút
1 Lịch phát hành cho Ứng dụng Danh sách Việc cần làm
2 Tổng quan Dự án Danh sách Việc cần làm
3 Bài 2 - Các phương thức document.querySelector() và document.getElementById()
4 Bài 3 - Thay đổi DOM với thuộc tính document.textContent
5 Bài 4 - Thêm các phương thức và thuộc tính DOM
6 Bài 5 - Tương tác người dùng và trình nghe sự kiện
7 Bài 6 - Làm việc với Biểu mẫu
8 Thiết lập Môi trường Phát triển
9 Ứng dụng Todo không có Local Storage
10 Bài 8 - Local Storage
11 Ứng dụng Todo với Local Storage
12 Bài 10 - CSS
13 Bài 11 - Lưu trữ (Hosting)
14 Bài 12 - Chia sẻ Mã của Bạn
15 Lịch phát hành cho Ứng dụng Danh sách Việc cần làm
1 Giới thiệu Trò chơi Ghép hình
2 Ghép hình Phần 1
3 Ghép hình Phần 2
4 Ghép hình Phần 3
5 Ghép hình Phần 4
6 Ghép hình Phần 5
7 Ghép hình Phần 6
8 Ghép hình Phần 7
9 Ghép hình Phần 8
10 Ghép hình Phần 9
1 Máy tạo Trích dẫn - HTML & CSS
2 Máy tạo Trích dẫn - HTML & CSS - Video hướng dẫn chi tiết
3 Máy tạo Trích dẫn - JavaScript
4 Máy tạo Trích dẫn - JavaScript - Video hướng dẫn chi tiết
5 Triển khai lên Netlify
1 Điều kiện tiên quyết của Dự án
2 Xem trước Dự án Liệu pháp Chó
3 Xem trước Dự án Liệu pháp Chó - Video hướng dẫn chi tiết
4 Dữ liệu JSON và Yêu cầu AJAX
5 Dữ liệu JSON và Yêu cầu AJAX - Video hướng dẫn chi tiết
6 Cách tạo Yêu cầu AJAX với Phương thức fetch()
7 Cách tạo Yêu cầu AJAX với Phương thức fetch() - Video hướng dẫn chi tiết
8 Xây dựng và Tạo kiểu Trang với HTML & CSS
9 Dog Therapy - JavaScript
1 Tổng quan về Front End Website
1 Trình soạn thảo văn bản (Text Editor)
2 Giới thiệu HTML
3 Phần tử và Thẻ HTML
4 Chú thích và Cấu trúc HTML
5 Phần Header HTML
6 Phần Hero HTML
7 Phần Dịch vụ (Services) HTML
8 Phần Giới thiệu (About) HTML
9 Phần Đánh giá (Testimonials) HTML
10 Phần Footer HTML
1 Giới thiệu CSS
2 Mã nguồn đầy đủ của khóa học
3 CSS cho Header
4 CSS cho Footer
5 CSS cho Hero
6 CSS cho Services
7 CSS cho About & Testimonials
8 CSS - Điều hướng nội bộ
1 CSS Animations
2 CSS Animations - Hướng dẫn bằng video
3 Thử thách CSS Animations
4 Hướng dẫn video cho Thử thách CSS Animations
5 CSS Transitions
6 CSS Transitions - Hướng dẫn bằng video
7 Thử thách CSS Transitions: transition-function-timing
8 Hướng dẫn video cho Thử thách CSS Transitions
9 Gỡ lỗi (Debugging)
10 Hướng dẫn Gỡ lỗi bằng video - Phần 1
11 Hướng dẫn Gỡ lỗi bằng video - Phần 2
12 Hướng dẫn Gỡ lỗi bằng video - Phần 3
13 Xử lý Thời gian với Moment.js
14 Xử lý Thời gian với Moment.js - Hướng dẫn video - Cơ bản
15 Xử lý Thời gian với Moment.js - Hướng dẫn video - Đếm ngược Giáng sinh
1 Giảng viên mới - John Smilga
2 Thông tin về Svelte
3 Yêu cầu cho Phần này
4 Thiết lập Trình soạn thảo văn bản
1 Giới thiệu
2 Ứng dụng mẫu (Starter)
3 Cấu trúc Thư mục
4 Thiết lập các Tệp
5 Thêm CSS Toàn cục & Font Awesome
6 Tổng quan về Component
7 Giới thiệu Component Navbar
8 Component Navbar
9 Component Tiêu đề (Title)
10 Cơ bản về Props
11 CSS
12 Khối Each
13 Dữ liệu Chi phí (Expenses)
14 Component Expenses
15 Else và Truyền Props
16 Component Expense
17 Khối If
18 Sự kiện (Events)
19 Giao tiếp giữa các Component
20 Props Drilling
21 SetContext và GetContext
22 createEventDispatcher
23 Nút Xóa tất cả Chi phí (Clear Expenses)
24 Tính phản ứng (Reactivity)
25 Thiết lập Biểu mẫu (Form)
26 Ràng buộc Hai chiều (Two Way Binding)
27 Chức năng Xóa giá trị (Empty Values)
28 Gửi Biểu mẫu (Form Submission)
29 Thêm Chi phí mới
30 setModifiedExpense
31 Truyền giá trị Chỉnh sửa vào Biểu mẫu
32 editExpense
33 Bật/Tắt Biểu mẫu (Toggle Form)
34 Các Hàm Vòng đời (Lifecycle)
35 Thiết lập Local Storage API
36 afterUpdate
37 Cơ bản về slot
38 Hoàn thiện Modal
39 Cơ bản về Transition
40 Tham số Transition
41 Transition - in: và out:
42 Transition cho Modal
43 Transition đơn giản cho Expense
44 Key Expression trong Khối Each và Animate
45 Yêu cầu HTTP sử dụng onMount
46 Yêu cầu HTTP sử dụng Khối #Await
47 Triển khai trên Netlify - Kéo và Thả
48 Triển khai trên Netlify - Triển khai Liên tục
1 Giới thiệu Giảng viên
2 Trình diễn Dự án
3 Giới thiệu
4 Giới thiệu
5 Thiết lập các Tệp
6 Khởi tạo Ứng dụng Svelte với Bootstrap
7 Cấu trúc Thư mục và Tài nguyên
8 Thiết lập các Trang cho Dự án
9 Thiết lập Svelte Router
10 Tham số URL
11 Component Hero
12 Cấu trúc Dữ liệu Cục bộ
13 Lợi ích/Cơ bản về Svelte Store
14 Thiết lập Products Store
15 Làm phẳng Dữ liệu Sản phẩm (Flatten Products)
16 Hủy đăng ký Store (Unsubscribe)
17 Cú pháp ngắn gọn để Hủy đăng ký Store
18 Hoàn thiện Component Products
19 Hoàn thiện Component Single Product
20 Component Loading
21 Sản phẩm Nổi bật (Featured Products)
22 Derived Stores
23 Trang Sản phẩm Đơn (Single Product Page)
24 Phần tử svelte:head
25 Navbar Nhỏ
26 Nút Giỏ hàng
27 Navbar Lớn
28 Liên kết (Links)
29 Bật/Tắt Navbars
30 Sidebar Cơ bản
31 Cơ bản về Global Store
32 Phương thức Global Store
33 Thiết lập Hàm Đóng Sidebar
34 Transition cho Sidebar
35 Cơ bản về Giỏ hàng
36 Cấu trúc Giỏ hàng
37 Thiết lập Ban đầu cho Cart Store
38 Các mục trong Giỏ hàng (Cart Items)
39 Một mục Giỏ hàng Đơn lẻ
40 Transition cho Danh sách Giỏ hàng
41 Tổng Giỏ hàng (Cart Total)
42 Xóa mục khỏi Giỏ hàng
43 Tăng Số lượng
44 Giảm Số lượng
45 Tái cấu trúc Giảm Số lượng - TÙY CHỌN
46 Thêm vào Giỏ hàng
47 Thiết lập LocalStorage
48 Thiết lập User Store
49 Liên kết Đăng nhập/Đăng xuất
50 Danh sách Kiểm tra (Checklist)
51 Thông tin về Strapi
52 Khởi tạo Ứng dụng Strapi với Bootstrap
53 Loại Nội dung Sản phẩm (Products Content Type)
54 Thêm Sản phẩm
55 Truy cập API
56 getProducts
57 Products Store
58 Sửa lỗi Hình ảnh
59 Trang Đăng nhập - Biến số
60 Trang Đăng nhập - HTML
61 Trang Đăng nhập - Chức năng Cơ bản
62 Đăng nhập - Tổng quan Chung
63 Hàm registerUser
64 Hàm loginUser
65 Cập nhật User Store
66 Hàm setupUser
67 Điều hướng (navigate)
68 Cơ bản về Thông báo (Alert)
69 Cấu hình Thông báo
70 Thông báo khi Gửi Biểu mẫu
71 Đóng Thông báo theo Chương trình
72 Kiểm tra kỹ Chức năng Đăng nhập
73 Tổng quan Trang Thanh toán
74 Cơ bản về Trang Thanh toán
75 Hạn chế Truy cập
76 Làm trống Giỏ hàng
77 Biểu mẫu Thanh toán - Thiết lập Cơ bản
78 Thiết lập Tài khoản Stripe
79 Stripe Elements - HTML
80 Stripe Elements - Javascript
81 Token Stripe
82 Lỗi Giỏ hàng Trống
83 Hàm Gửi Đơn hàng (Submit Order)
84 Hoàn thiện Gửi Đơn hàng
85 Hoàn thiện Ứng dụng
86 Tài khoản Claudinary Miễn phí
87 Kết nối Claudinary với Strapi
88 Tài khoản Heroku Miễn phí
89 Cài đặt Heroku CLI
90 Triển khai Strapi trên Heroku
91 Thiết lập Backend
92 Triển khai Ứng dụng Svelte trên Netlify
1 Bắt đầu từ đầu với React
2 Mã React
3 Thử thách - Sử dụng JSX
4 Tái cấu trúc Mã (Refactor)
5 Render Một Phần tử
6 Render Nhiều Phần tử
7 Babel và React
8 Tạo Component Chức năng Không trạng thái (Stateless)
9 Thực hành Component Chức năng Không trạng thái
10 Tạo Component Dạng Lớp (Class)
11 Thực hành Tạo Component Dạng Lớp
12 Tạo kiểu cho Component Chức năng Không trạng thái
13 Tạo kiểu bên trong Component
14 Tạo kiểu cho Class Components
15 Xây dựng Component phức tạp đầu tiên
16 Thiết lập dự án
17 Xây dựng các Components của chúng ta
18 Tạo kiểu cho Components - Phần I
19 Tạo kiểu cho Components - Phần II
20 Props - Phần I: Stateless Functional Components
21 Props - Phần II: Class Components
22 Props - Phần III: Tái cấu trúc Color Spectrum
23 Thử thách CodePen
24 Thử thách CodePen I
25 Thử thách 2
26 Thử thách 3
27 Thử thách 4
28 Thử thách 5
29 Dự án tổng hợp - Image Links
30 Dự án Props
31 Lặp qua danh sách
32 Tái cấu trúc việc lặp qua danh sách
33 Phương thức Filter và Map trên Mảng
34 Hiển thị hai danh sách đã lọc và biến đổi lên DOM
35 Thử thách CodePen I
36 Thử thách CodePen II
37 Tái cấu trúc Color Spectrum
38 Tái cấu trúc FriendLy App với phương thức Map
39 FriendLy - Lọc và Map hai danh sách lên DOM
40 Useless Note Take - Giới thiệu về Sự kiện trong React
41 Sự kiện React - Phần II
42 Guess My Age - Giới thiệu về State
43 Meal Voter
44 Form trong React
45 Ajax Requests và Fetch API
1 Whitespace - Mới
1 forEach()

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

This isn't the only JavaScript course you should ever take...but it should be your first!

JavaScript the Basics is your one stop course to enter into the language of JavaScript. We are going to start from scratch and build up our understanding of the world's most popular programming language together. 

View JavaScript in action with whiteboard videos optimized for viewing on your smartphone. This is truly a course that you can engage with no matter where you are. Take your JavaScript eduction on the go! With whiteboard videos you get to visualize what JavaScript does under the hood. 

You can practice JavaScript in your web browser! Take advantage of Google Chrome developer tools to put the JavaScript you have learned during our whiteboard lesson into practice with further examples and challenges. This is our JavaScript playground.

There will be lots of quizzes on the JavaScript syntax we have just covered. The goal of this course is to move slow and allow these concepts and syntax to sink in through repetition. 

This course is also full of mini-projects that allow you to apply the JavaScript you are learning to actually building something that you can use. We focus on small to mid-sized projects aimed at the skill level of a beginner to intermediate JavaScript student.

Learning JavaScript is like learning a language. This course won't make a false promise of saying you will master JavaScript overnight. However, this course will immerse you into the world's most popular programming language. 

  • JavaScript Syntax

  • JavaScript Building Blocks

    • Build a Kelvin to Fahrenheit Converter

    • Build a Cat Age estimator

  • JavaScript Best Practices

  • JavaScript Objects

  • JavaScript Arrays

    • Build a Random Insult Generator

  • JavaScript Functions

    • Build a Calorie Tracker

    • Build a Rock, Paper, Scissors game

  • JavaScript Conditionals

    • Build a Magic 8 Ball

  • JavaScript Regular Expressions

  • JavaScript Functional Programming

  • JavaScript Algorithms

  • JavaScript ES6 Syntax

  • Build a Portfolio Page with HTML & CSS

  • Practice for Real World JavaScript Whiteboard Interview Questions

  • Make an Interactive Webpage: TODO List with Local Storage

  • Make an Interactive Webpage: Matching Game

  • Make an Interactive Webpage: Magic 8 Ball

  • Make an Interactive Webpage: Dog Therapy App

You'll finish this course with an understanding of JavaScript that will let you take a deeper dive into the language and possibly launch you into a new career as a JavaScript web developer.

Learning a new language can be difficult and even feel intimidating. JavaScript the Basics makes the the learning process feel accessible and welcoming!

There are a lot of JavaScript courses out there in which you can make some pretty great projects. But unless you know JavaScript you are just copying and pasting. This course won't offer you empty promises like moving from "zero to hero" but it will help you to take the first steps in the right direction. 

This isn't the only JavaScript Course you should ever take. But it should be your first!

This course expands monthly! Get it now and check back often for updates!


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 Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Programming
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 😊