강의

멘토링

로드맵

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.8) 23 đánh giá

366 học viên

  • ggangcoding162118
Interactive Web
JavaScript
HTML/CSS

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

Dịch cái này sang tiếng Việt

  • 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,333

Học viên

72

Đánh giá

163

Trả lời

4.7

Xếp hạng

3

Các khóa học

안녕하세요. 백엔드 개발자로 시작해 프론트엔드 개발자로 전향해서 UI 개발에 푹 빠져있는 깡코딩입니다. :)

 

10여 년 동안 다수의 기업 홈페이지와 쇼핑몰 SI 소상공인 홈페이지를 제작하며 알게 된 UI/UX 제작 기법 노하우 등을 공유하기 위해 이 강의를 시작하게 되었습니다. 국내 여러 대기업 프로젝트를 경험했고 소상공인에게 초점을 맞춘 홈페이지 제작 사업도 하였습니다.

 

저는 가끔 국내 코딩관련 커뮤니티에서 취미로 만든 애플 인터렉션과 창작 인터렉션을 공유하며 재밌는 기술을 소개했었는데요

많은 분들의 관심을 주셔서 이렇게 강의까지 만들게 되었습니다.

 

제가 만들어갈 강의는 표준 브라우저를 고려하고 실무에서 사용 가능한 감탄사가 절로 나오는 다양하고 멋진 인터렉션과 모션그래픽을 만드는 방법들을 알려드릴 예정이고 프론트 개발자나, 웹퍼블리셔가 솔루션을 이용해 홈페이지, 쇼핑몰 등을 바닥부터 만들 수 있는 강의도 만들 예정입니다.

 

그럼 수업에서 뵙겠습니다 :)

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ả

23 đánh giá

4.8

23 đá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á 1

    Đánh giá trung bình 5.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.849.788 ₫

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!