강의

멘토링

커뮤니티

BEST
Game Dev

/

Game Programming

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

(4.7) 26 đánh giá

373 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • ggangcoding162118
Interactive Web
Interactive Web
JavaScript
JavaScript
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
JavaScript
JavaScript
HTML/CSS
HTML/CSS

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.7

5.0

이거사면공부할까?

100% đã tham gia

Điều này được khuyến khích vì sự hiểu biết về các khái niệm lớp, mảng và quản lý đối tượng đã được cải thiện thông qua việc sử dụng mã thú vị và lặp đi lặp lại. Trước hết, vì tôi nghĩ mình làm game hơn bất cứ thứ gì khác nên tôi muốn tiếp tục tham gia bài giảng nên tôi khuyên bạn nên làm điều đó.

5.0

박박하다

100% đã tham gia

Tôi nghe nó vì tôi quan tâm đến sự tương tác và tôi nghĩ rằng tôi hiểu rõ nó vì nó giải thích các đối tượng, lớp, mảng, vòng lặp JS khó, v.v. một cách dễ dàng và thú vị! Tôi đã thực hiện nó hai lần và sẽ sử dụng những khái niệm tôi đã học được để tạo ra trò chơi của riêng mình. Cảm ơn bạn vì bài giảng tuyệt vời~!

5.0

jinuLee

100% đã tham gia

Nhờ bài giảng, tôi đã học được nhiều chức năng và phương pháp thực hiện khác nhau. Trên hết, tôi đã có thể nắm bắt rõ ràng các khái niệm về Đối tượng và Lớp. Chỉ lý do này thôi cũng đủ lý do để lắng nghe :D Cảm ơn bài giảng rất hay.

Bạn sẽ nhận được điều này sau khi học.

  • Tìm hiểu các nguyên tắc hoạt hình trên web và triển khai web tương tác một cách tự nhiên trong khi tạo trò chơi!

Tạo trò chơi và học kỹ năng phát triển web FE!

Giới thiệu bài giảng

Video chơi trò chơi trên web

Các dự án công việc gần đây

Hãy thử tạo ra nhiều chuyển động khác nhau!

Tạo nhiều chuyển động khác nhau cho anh hùng để phản ứng với các phím bấm, quái vật, phi tiêu, hiệu ứng sát thương, v.v.

Ngăn chặn lũ quái vật đang lao tới!

Hãy triển khai tính năng va chạm và tạo một màn chơi chặn quái vật đang lao tới. Chúng ta sẽ tạo một màn chơi lặp lại vô hạn và hai màn chơi do nhà phát triển chỉ định .

Nói chuyện với NPC và hoàn thành nhiệm vụ!

Tạo nhiệm vụ trò chơi và tính năng cho phép bạn tương tác với NPC . Hoàn thành nhiệm vụ và nhận phần thưởng .

Nâng cấp và điều chỉnh chỉ số anh hùng của bạn!

Hãy tạo chức năng tăng cấp bằng cách quản lý điểm sức khỏe và kinh nghiệm của anh hùng, đồng thời thay đổi chỉ số của anh hùng.

Tính năng lớp học

  • Lớp học sẽ được tiến hành bằng VanillaJS .
  • Tôi đã chia nhỏ nó thành nhiều phần nhất có thể để dễ hiểu hơn và bớt nhàm chán hơn .
  • Chúng ta học bằng cách cùng nhau sáng tạo theo trình tự .
  • Đây là một lớp học thú vị vì chúng ta có thể học trong khi chơi trò chơi.
  • Nó liên quan nhiều đến mảng, đối tượng và vòng lặp .
  • Bạn có thể học nhiều kỹ năng web khác nhau được sử dụng trong phát triển front-end khi tạo trò chơi.
  • Tương tự như nguyên tắc tạo trò chơi bằng Canvas, nhưng sẽ dễ dàng hơn khi sử dụng kết hợp HTML/CSS.
  • Khoảng 9 giờ! Chúng tôi sẽ giải thích mọi thứ chi tiết nhất có thể. (Tổng cộng 52 bài học)
  • Học nhiều kỹ năng khác nhau có thể giúp bạn tăng lương .

Xin lưu ý

  • Sử dụng cú pháp JavaScript ES6 .
  • Chúng tôi không sử dụng thư viện nguồn mở .
  • Nếu bạn có bất kỳ câu hỏi nào về lớp học, vui lòng đăng lên mục Hỏi & Đáp! Chúng tôi có đội ngũ hỗ trợ rất mạnh mẽ .
  • Khóa học này không hướng đến việc tạo ra một trò chơi hướng đến mục tiêu phát hành chính thức. Thay vào đó, chúng ta sẽ tạo một trò chơi web đơn giản bằng HTML, CSS và JavaScript.
  • Bạn cần có kiến thức cơ bản về HTML, CSS và JavaScript. Lớp học sẽ không đề cập đến ngữ pháp cơ bản .
  • Ngoại trừ ngữ pháp cơ bản, các nguyên tắc triển khai được giải thích chi tiết nhất có thể trong khi tạo chúng theo trình tự.
  • Trọng số của lớp học là khoảng 80% JavaScript và 20% HTML/CSS.
  • Việc phân phối miễn phí mã từ khóa học này là bị nghiêm cấm .
  • Trò chơi có thể có đôi chút khác biệt tùy thuộc vào hệ thống và môi trường trình duyệt.

Câu hỏi dự kiến Hỏi & Đáp

H. Nó hoạt động trên những trình duyệt nào?
A. Các trò chơi chúng tôi tạo ra trong lớp đã được thử nghiệm trên các phiên bản mới nhất của Chrome, Safari, Opera, Firefox và Edge .
H. Có những khác biệt gì tùy thuộc vào môi trường hệ thống và trình duyệt?
A. Vì đây là trò chơi chạy trên trình duyệt nên có thể có một số khác biệt nhỏ về độ mượt mà .
H. Sinh viên không chuyên ngành cũng có thể tham gia khóa học này không?
A. Tôi nghĩ ngay cả những người không chuyên ngành cũng có thể theo dõi được nếu họ biết ngữ pháp cơ bản của HTML, CSS và JavaScript.

Chương trình giảng dạy phong phú gồm 52 bài giảng và khoảng 9 giờ nội dung!
Vui lòng kiểm tra bên dưới.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người quan tâm đến UI/UX!

  • Những người tìm việc muốn tạo một danh mục đầu tư đặc biệt!

  • Hoạt hình web! Những người quan tâm đến sự tương tác!

  • Những người muốn học các kỹ năng front-end khác nhau!

  • Những người muốn tăng lương bằng cách nâng cao kỹ năng của mình!

Cần biết trước khi bắt đầu?

  • JAVASCRIPT, CSS, HTML

Xin chào
Đây là

1,345

Học viên

79

Đánh giá

163

Trả lời

4.7

Xếp hạng

3

Các khóa học

Xin chào. Tôi là Kkang-coding, một người bắt đầu với vai trò nhà phát triển Backend nhưng đã chuyển sang Frontend và hiện đang rất say mê phát triển UI. :)

Tôi bắt đầu khóa học này để chia sẻ những bí quyết và kỹ thuật xây dựng UI/UX mà tôi đã tích lũy được trong hơn 10 năm qua khi thực hiện nhiều dự án website doanh nghiệp, trang thương mại điện tử SI và website cho các hộ kinh doanh nhỏ. Tôi đã từng tham gia vào nhiều dự án của các tập đoàn lớn tại Hàn Quốc, đồng thời cũng từng điều hành doanh nghiệp thiết kế website tập trung vào đối tượng hộ kinh doanh nhỏ.

Tôi thỉnh thoảng chia sẻ các tương tác của Apple và các tương tác sáng tạo mà tôi thực hiện như một sở thích trên các cộng đồng lập trình trong nước để giới thiệu những kỹ thuật thú vị, và đã nhận được sự quan tâm của rất nhiều người.

Tôi thỉnh thoảng vẫn chia sẻ các tương tác của Apple và các tương tác sáng tạo mà tôi làm vì sở thích trên các cộng đồng lập trình trong nước để giới thiệu những kỹ thuật thú vị.

Nhờ sự quan tâm của rất nhiều người mà tôi đã có cơ hội tạo ra khóa học này.

Khóa học mà tôi xây dựng sẽ hướng dẫn các bạn cách tạo ra những hiệu ứng tương tác và đồ họa chuyển động đa dạng, tuyệt vời, khiến người xem phải trầm trồ, đồng thời đảm bảo tính tương thích với các trình duyệt tiêu chuẩn và có thể áp dụng trực tiếp vào thực tế. Ngoài ra, tôi cũng dự định tạo ra các khóa học giúp các nhà phát triển Frontend hoặc Web Publisher có thể tự tay xây dựng trang chủ, trang thương mại điện tử... từ con số không bằng cách sử dụng các giải pháp công nghệ.

Hẹn gặp lại các bạn trong bài học nhé :)

Hẹn gặp lại bạn trong khóa học nhé :)

Chương trình giảng dạy

Tất cả

55 bài giảng ∙ (8giờ 54phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

26 đánh giá

4.7

26 đánh giá

  • truefalse님의 프로필 이미지
    truefalse

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Điều này được khuyến khích vì sự hiểu biết về các khái niệm lớp, mảng và quản lý đối tượng đã được cải thiện thông qua việc sử dụng mã thú vị và lặp đi lặp lại. Trước hết, vì tôi nghĩ mình làm game hơn bất cứ thứ gì khác nên tôi muốn tiếp tục tham gia bài giảng nên tôi khuyên bạn nên làm điều đó.

    • ggangcoding162118
      Giảng viên

      Xin chào :) Cảm ơn bạn đã đánh giá có giá trị của bạn. ^^..

  • pjg408님의 프로필 이미지
    pjg408

    Đánh giá 2

    Đánh giá trung bình 3.0

    5

    100% đã tham gia

    Tôi nghe nó vì tôi quan tâm đến sự tương tác và tôi nghĩ rằng tôi hiểu rõ nó vì nó giải thích các đối tượng, lớp, mảng, vòng lặp JS khó, v.v. một cách dễ dàng và thú vị! Tôi đã thực hiện nó hai lần và sẽ sử dụng những khái niệm tôi đã học được để tạo ra trò chơi của riêng mình. Cảm ơn bạn vì bài giảng tuyệt vời~!

    • ggangcoding162118
      Giảng viên

      Xin chào :) Junkyu Tôi nhớ rằng bạn đã đăng câu hỏi triển khai chức năng và có vẻ như bạn đã tự mình giải quyết nó :) Xin chúc mừng. Cảm ơn bạn đã đánh giá có giá trị của bạn :)

  • sprout0719002828님의 프로필 이미지
    sprout0719002828

    Đánh giá 6

    Đánh giá trung bình 4.7

    5

    100% đã tham gia

    Nhờ bài giảng, tôi đã học được nhiều chức năng và phương pháp thực hiện khác nhau. Trên hết, tôi đã có thể nắm bắt rõ ràng các khái niệm về Đối tượng và Lớp. Chỉ lý do này thôi cũng đủ lý do để lắng nghe :D Cảm ơn bài giảng rất hay.

    • ggangcoding162118
      Giảng viên

      Xin chào :) Tôi rất vui vì nó đã giúp ích! Cảm ơn bạn đã đánh giá có giá trị của bạn. Chúc mừng năm mới^_^

  • 1988bgh님의 프로필 이미지
    1988bgh

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    36% đã tham gia

    Tôi đã tham gia rất nhiều bài giảng về cách tạo một trang web tương tác tại Infron và chúng thực sự mang tính thông tin và hữu ích! Thời gian giảng rất tuyệt và nội dung thực sự rất hay! Cảm ơn bạn vì bài giảng tuyệt vời. Tôi cũng muốn đào tạo thật nhiều và tạo ra những bài giảng hữu ích cho ai đó trong tương lai! Chúc mừng năm mới 2022!

    • ggangcoding162118
      Giảng viên

      Xin chào :) Một mặt, trái tim tôi nặng trĩu khi thấy những bài viết nâng cao tinh thần như vậy bắt đầu từ năm mới, nhưng mặt khác, tôi lại tràn đầy năng lượng và rất hạnh phúc :) Cảm ơn bạn. Tôi hy vọng bạn có một năm mới hạnh phúc và chỉ có những điều tốt đẹp xảy ra ^___^

  • vxggangxv0556님의 프로필 이미지
    vxggangxv0556

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    55% đã tham gia

    Bài giảng thân thiện, hướng dẫn từng bước nổi bật!~ Tôi thực sự cần nó, tôi chắc chắn

    • ggangcoding162118
      Giảng viên

      Xin chào :) Tôi rất vui vì nó đã giúp ích! Cảm ơn đánh giá có giá trị của bạn :D

1.821.514 ₫

Khóa học khác của ggangcoding162118

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!