Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Fast and Furious Game Development with JavaScript and AI

Phát triển Game Tốc Độ với JavaScript và AI

Phát triển Game Tốc Độ với JavaScript và AI

Thành thạo JavaScript, HTML, CSS và Phát triển Web thông qua Lập trình Game - Xây dựng Game/Ứng dụng với ChatGPT và Gen AI!

4.8
(249 đánh giá)
2,828 học viên
Giảng viên
Andre LaMothe
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
46.5 giờ video
55 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026

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

Học viên sẽ học HTML5 + CSS (Cascading Style Sheets) + JavaScript từ cơ bản. Đồng thời tiếp cận nhiều chủ đề Khoa học Máy tính.
Học viên sẽ tìm hiểu về nhiều tính năng mới thú vị của HTML5 APIs như Canvas cho đồ họa, lập trình bất đồng bộ và hiệu suất cao.
Học viên sẽ học kiến thức cơ bản về Đồ họa Máy tính bao gồm rasterization, cách vẽ đối tượng, đồ họa bitmap và cách tạo một engine "Sprite".
Học viên sẽ học cách tải và phát âm thanh, nhạc trong chương trình JavaScript của mình.
Học viên sẽ học cách sử dụng nhiều công cụ như trình chỉnh sửa đồ họa và âm thanh để xử lý nội dung cho game.
Học viên sẽ học cách lấy đầu vào từ bàn phím và chuột để điều khiển nhân vật game.
Học viên sẽ học cách sử dụng LLM (Large Language Models) và Generative AI như ChatGPT để hỗ trợ viết các game hoàn chỉnh.
Học viên sẽ học Phát triển Game bằng cách xây dựng hơn nửa tá game cổ điển với sự trợ giúp của AI và ChatGPT.
Và cuối cùng, học viên sẽ có thể kết hợp tất cả những kiến thức này để tạo ra những game tuyệt vời của riêng mình.

Yêu cầu

Máy tính Windows, MacOS hoặc Linux hiện đại (hoặc VM) có khả năng chạy game trên trình duyệt và các công cụ như Krita Paint và Audacity Sound Editor.
Kiến thức toán học cấp Trung học cơ sở/Trung học phổ thông hoặc tương đương. Cơ bản là phép cộng, trừ, một chút đại số và vector đôi khi.
Không cần kinh nghiệm lập trình, nhưng sẽ là lợi thế nếu bạn biết một ngôn ngữ lập trình khác như C/C++, C#, Python, BASIC, hoặc thậm chí Java.
Rất nhiều kiên nhẫn! Đây là khóa học theo phong cách đại học với các bài giảng 30-60 phút. Chúng ta sẽ bắt đầu với "Hello World" trong HTML và JavaScript và đến cuối khóa, bạn sẽ viết được các game hoàn chỉnh có và không có sự trợ giúp của AI.

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

Dành cho bất kỳ ai quan tâm đến việc học HTML + CSS + JavaScript một cách thú vị thông qua việc tạo game.
Các lập trình viên đã biết một (hoặc nhiều) ngôn ngữ khác, nhưng muốn học phát triển HTML + JavaScript bằng cách sử dụng phát triển game làm nền tảng học tập.
Dành cho bất kỳ ai quan tâm đến việc học cách sử dụng Generative AI và ChatGPT để hỗ trợ viết các chương trình phức tạp như video game.
Tóm lại, khóa học này dành cho bất kỳ ai muốn học cách tạo game và ứng dụng dựa trên trình duyệt bằng JavaScript, có thể triển khai cho hàng tỷ người dùng, đồng thời hợp tác với AI theo cách chưa từng có trước đây.

Nội dung khóa học

6 phần • 55 bài giảng
1 Sẵn sàng Bắt đầu: Giới thiệu, Thiết lập và Cài đặt
1 Nhập môn Web: Cơ bản HTML/CSS và DOM
2 Xây dựng Trang Web Đầu tiên và Sử dụng Trình chỉnh sửa Trực tuyến
3 Tìm hiểu HTML - Làm quen với các Thẻ Cơ bản
4 Thêm Chút Kịch tính với Style, Div và Thẻ Span
5 Nhúng Hình ảnh và Âm thanh trong HTML
6 Thực hiện Hành động với Nút bấm và Điều khiển Đầu vào
7 Làm việc với Biểu mẫu và Giới thiệu CSS (Cascading Style Sheets)
8 Khám phá Định dạng CSS và Hoạt ảnh Nâng cao
1 Tìm hiểu JavaScript++ - Làm quen với Kiểu dữ liệu, Đối tượng, Biến, Toán học và Gỡ lỗi
2 Kỹ thuật Gỡ lỗi JavaScript và Script bên ngoài
3 Làm việc với Kiểu dữ liệu Cơ bản Phần I - Chuỗi, Mảng, Số và Đối tượng Math
4 Kiểu dữ liệu Cơ bản Phần II - Chuỗi, Mảng, Thao tác Bit, Số và Đối tượng Math
5 Thêm về Toán học, Mảng và Hàm - Phần III
6 Mảng, Hàm Nâng cao và Tương tác với DOM
7 Đưa ra Quyết định với "if" - Phần I
8 Điều kiện Nâng cao và Câu lệnh Switch - Phần II
9 Lặp lại Mã và Vòng lặp với "for" và "while"
10 Tái sử dụng Mã với Hàm
11 Khái niệm Hàm Nâng cao - Hàm Ẩn danh, Callback và Đệ quy
12 Giới thiệu "Đối tượng" Phần I - Và Những Thứ Khác
13 Đối tượng Phần II - Khái niệm Nâng cao, Phương thức, Thuộc tính và Hàm tạo
14 Sử dụng API và Đối tượng có sẵn và Đo điểm chuẩn với Đối tượng Thời gian và Ngày
15 Giao tiếp với HTML DOM Phần I: Nguyên lý, Bộ xử lý và Thao tác Node
16 Giao tiếp với HTML DOM Phần II: Thêm Phần tử và Nhiều Bộ xử lý Sự kiện hơn
17 Đồ họa và Hoạt ảnh với Canvas Phần I: Điểm, Đường thẳng, Pixel, Màu sắc
18 Đồ họa và Hoạt ảnh Phần II - Hiểu về Ngữ cảnh Đồ họa và Đường dẫn
19 Đồ họa và Hoạt ảnh Phần III - Nguyên lý Hoạt ảnh và Vật lý Cơ bản
20 Đồ họa và Hoạt ảnh Phần IV - Hiệu ứng 3D Parallax Star Field và Làm việc với Phông chữ
21 Hiển thị Bitmap và Sprite: Hiểu Định dạng Bitmap & Trình chỉnh sửa Đồ họa
22 Bitmap và Sprite Phần II - Xây dựng Engine Sprite, Sprite Sheets và Hơn thế
23 Bitmap và Sprite Phần III - Hoàn thiện Engine Sprite & Hoạt ảnh Nâng cao
24 Điều khiển Bàn phím - Thêm Sprite, Công cụ Hoạt ảnh và Sơ đồ Điều khiển Người dùng
25 Điều khiển Bàn phím Phần II - Hoạt ảnh Nhân vật Sprite Nâng cao và Hiệu ứng
26 Giao tiếp với Chuột - Đọc Vị trí Chuột, Nút bấm và Sự kiện
27 Giao tiếp với Chuột Phần II - Chuyển đổi Game 3D "Raiders-3D" với Chuột
28 Phát Hiệu ứng Âm thanh và Nhạc trong JavaScript
29 Thiết kế và Xử lý Âm thanh - Thêm Hiệu ứng Âm thanh và Nhạc vào Raiders 3D
1 Sử dụng ChatGPT & LLM làm Trợ lý Lập trình - Prompting, Tạo mã và Demo
2 Demo các Game được Tạo bởi ChatGPT - Xem trước Khả năng của ChatGPT/AI
1 Game cổ điển "Pong" Phần I - Sử dụng Generative AI để Lập trình phiên bản "Pong"
2 Game cổ điển "Pong" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
3 Xây dựng "Breakout" Phần I - Sử dụng Generative AI để Lập trình phiên bản "Breakout"
4 Xây dựng "Breakout" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
5 Xây dựng "Flappy Bird" Phần I - Sử dụng Generative AI để Lập trình "Flappy Bird"
6 Xây dựng "Flappy Bird" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
7 Xây dựng "Snake" Phần I - Sử dụng Generative AI để Lập trình phiên bản "Snake"
8 Xây dựng "Snake" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
9 Xây dựng "Space Invaders" Phần I - Sử dụng Generative AI để Lập trình "Space Invaders"
10 Xây dựng "Space Invaders" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
11 Xây dựng "Blackjack" Phần I - Sử dụng Generative AI để Lập trình "Blackjack"
12 Xây dựng "Blackjack" Phần II - Thêm Mã, Đồ họa, Âm thanh và Nhạc
13 Retro Rift - Lời kết và Suy ngẫm về AI - ChatGPT Tự xây dựng Game của chính nó
1 Sử dụng ChatGPT và Dall-e để Tạo Pixel Art
2 Giao tiếp với Tay cầm Game

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

"Fast and Furious Game Development with JavaScript and AI" was created to take anyone with or without experience in coding, teach them HTML5 + CSS and JavaScript from the ground up using Graphics and Game Development as the platform to learn. And then with the fundamentals in hand, we take one of the most exciting journeys in computing and we learn how to use Generative AIs like ChatGPT to build working games! Thus, this is really three courses in one.

In the first part of the course, we start with how the internet and HTML work with respect to browsers. Then we start off with a "Hello World" in HTML and build our first web page. From there, lecture after lecture, we dig deeper and deeper into the most important features of HTML5 + CSS, so you can create basic websites with formatting, styling, controls and more. So, if you have never made a website in your life, you will learn step by step in this part of the course. Even if you are a seasoned programmer that has never got around to learning HTML5 + CSS you will enjoy this section.

In the next part of the course we cover JavaScript from the ground up, we will learn the basics of variables, math, conditionals, loops, functions, and more. As the lectures progress, we cover more and more advanced subjects like event driven programming, recursion, and object oriented programming in JavaScript. Then we switch gears and start learning about computer graphics and game development as we continue to learn JavaScript features. We learn how to draw on the HTML5 Canvas, how to animate sprites, and perform simple physics simulations. Of course, along the way, we learn how to interface with the keyboard and mouse and how to integrate our HTML pages (websites) with JavaScript and how to send messages between them. Additionally, we learn how to manipulate the DOM (Document Object Model) which is the tree like data structure that represents your webpages. Learning a new language can be a daunting task, but learning a new language using graphics and game development as the platform to learn is the only way to do it! I promise it won't be boring.

In the last part of the course, we delve into AI and ChatGPT. At this point in the course, you're a skilled JavaScript programmer with all the tools needed to make complete games. However, instead of making games by ourselves, we are going to learn to collaborate with the most advanced AI in the world (arguably) ChatGPT. You will learn how to "Prompt" ChatGPT to create working skeletons of classic arcade games. You will learn how to steer the AI to get it to generate working code along with its limitations through "Prompt Engineering". Then after ChatGPT gives us a working skeleton of a game then you and I will take that game and finish it with what we have learned and add graphics, sound, music, and more game play features. We will do this over half a dozen times as we re-create classic games that are fun to play as well as amazing achievements for an AI to create. We will build these games and more:

  • Pong

  • Breakout / Arkanoid

  • Snake

  • Flappy Bird

  • 3D Wire Frame Space Shooter

  • Space Invaders

  • Blackjack

  • RetroRift (ChatGPT original)

Finally, the course also comes with free electronic PDF copies of some of my most classic game development books that have taught millions of students and professionals game development over the years:

  • "Tricks of the Windows Game Programming Gurus"

  • "The Black Art of 3D Game Programming"

  • "Tricks of the 3D Game Programming Gurus"

In closing, this course takes the hottest subjects in computing; JavaScript + HTML5, Game Development and Artificial Intelligence with ChatGPT and blends them together in a way no one has ever done before making learning these subjects fun and engaging. And with the knowledge you learn, you can deploy games and apps that run on billions of devices that support browsers. That's a Super Power you want to have in your toolbox!


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 Artificial Intelligence
Hiển thị tất cả khoá học Game 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 😊