강의

멘토링

커뮤니티

BEST
Game Dev

/

Game Programming

Learning interactive web while making web games! JAVASCRIPT

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

(4.7) 26 reviews

373 learners

Level Basic

Course period Unlimited

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

Reviews from Early Learners

Reviews from Early Learners

4.7

5.0

이거사면공부할까?

100% enrolled

I recommend it because it helps you understand the concept of classes and arrays and object management through fun and repetitive code usage. First of all, I recommend it because I want to keep listening to the lectures because I think about making games more than anything else.

5.0

박박하다

100% enrolled

I was interested in interaction, so I started listening, and I think it was easy to understand because it solved difficult js objects, classes, arrays, loops, etc. in an easy and fun way! I made it twice and I will use the concepts I learned to make my own game. Thank you for the great lecture~!

5.0

jinuLee

100% enrolled

Thanks to the lecture, I learned about various functions and implementation methods. Above all, I was able to grasp the concepts of Object and Class. This reason alone is enough reason to listen to it:D Thank you for the great lecture.

What you will gain after the course

  • Naturally learn web animation and interactive web implementation principles while creating games!

Make games and learn FE web development skills!

Lecture Introduction

Web game play video

Recent work projects

Try creating various motions!

Create various motions for heroes that respond to keystrokes, monsters, shurikens, damage effects, and more.

Stop the oncoming monsters!

Let's implement a collision feature and create a game stage that blocks incoming monsters. We'll create a stage that repeats infinitely , and two game stages that the developer specifies .

Talk to NPCs and complete quests!

Create a game quest and a feature that allows you to interact with NPCs . Complete the quest and receive a reward .

Level up and adjust your hero stats!

Let's create a level-up function by managing the hero's health and experience points, and also change the hero's stats.

Class Features

  • The class will be conducted using VanillaJS .
  • I've broken it down into sections as much as possible to make it easier to understand and less boring .
  • We learn by creating together sequentially .
  • It's a fun class because we learn while making games.
  • It deals a lot with arrays, objects, and loops .
  • You can learn various web skills used in front-end development while creating games.
  • It's similar to the principle of creating a game with Canvas, but it's easier to approach using HTML/CSS together.
  • About 9 hours long! We'll explain everything in as much detail as possible. (52 lessons total)
  • Learn a variety of skills that can increase your salary .

Please note

  • Uses JavaScript ES6 syntax.
  • We do not use open source libraries.
  • If you have any questions about the class, please feel free to post them in the Q&A section! We have a strong support team .
  • This course isn't about creating a game aimed at official release. Instead, we'll create a simple web game using HTML, CSS, and JavaScript.
  • You should have a basic understanding of HTML, CSS, and JavaScript. Basic grammar will not be covered in class.
  • Excluding the basic grammar, the implementation principles are explained in as much detail as possible while creating them sequentially.
  • The class weight is approximately 80% JavaScript and 20% HTML/CSS.
  • Free distribution of code from this course is prohibited .
  • The game may have slight differences depending on the system and browser environment.

Expected Questions Q&A

Q. What browsers does it work on?
A. The games we created in class were tested on the latest versions of Chrome, Safari, Opera, Firefox, and Edge .
Q. What are the differences depending on the system environment and browser?
A. Since this is a game that runs on a browser, there may be slight differences in smoothness .
Q. Can non-majors also take the course?
A. I think even non-majors will be able to follow along if they know the basic grammar of HTML, CSS, and JavaScript.

A rich curriculum of 52 lectures and approximately 9 hours of content!
Please check below.

Recommended for
these people

Who is this course right for?

  • For those interested in UI/UX!

  • Job seekers who want to create a special portfolio!

  • Web animation! For those interested in interaction!

  • For those who want to learn various front-end skills!

  • For those who want to increase their skills and raise their salary!

Need to know before starting?

  • JAVASCRIPT, CSS, HTML

Hello
This is

1,345

Learners

79

Reviews

163

Answers

4.7

Rating

3

Courses

Hello. I'm Kkang-Coding, a former back-end developer who transitioned to front-end development and is now deeply passionate about UI development. :)

I started this course to share the UI/UX production techniques and know-how I've gained over the past 10 years while building numerous corporate websites, shopping malls, and SI websites for small business owners.

I started this course to share the UI/UX production techniques and know-how I’ve gained over the past 10 years while building numerous corporate websites, SI shopping malls, and websites for small business owners. I have experience working on projects for various major corporations in Korea and have also run a website development business focused on small business owners.

I occasionally shared Apple-inspired and original interactions I made as a hobby on domestic coding communities to introduce interesting techniques, and thanks to the interest of many people,

I used to occasionally share Apple-style interactions and original creative interactions I made as a hobby on domestic coding communities to introduce interesting techniques.

Thanks to the great interest from so many people, I have come to create this course.

The course I am creating will focus on standard browser compatibility and practical techniques for crafting a wide variety of stunning interactions and motion graphics that will leave people in awe.

The courses I will be creating will teach you how to produce a variety of stunning interactions and motion graphics that are cross-browser compatible, practical for real-world use, and truly impressive. I also plan to create courses that enable front-end developers and web publishers to build websites and shopping malls from scratch using various solutions.

See you in class :)

I'll see you in class :)

Curriculum

All

55 lectures ∙ (8hr 54min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

26 reviews

4.7

26 reviews

  • truefalse님의 프로필 이미지
    truefalse

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I recommend it because it helps you understand the concept of classes and arrays and object management through fun and repetitive code usage. First of all, I recommend it because I want to keep listening to the lectures because I think about making games more than anything else.

    • ggangcoding162118
      Instructor

      Hello :) Thank you for your valuable review. ^^..

  • pjg408님의 프로필 이미지
    pjg408

    Reviews 2

    Average Rating 3.0

    5

    100% enrolled

    I was interested in interaction, so I started listening, and I think it was easy to understand because it solved difficult js objects, classes, arrays, loops, etc. in an easy and fun way! I made it twice and I will use the concepts I learned to make my own game. Thank you for the great lecture~!

    • Hello:) Junkyu, I remembered you posted a question about implementing a function, but it looks like you solved it on your own :) Congratulations. Thank you for your valuable review :)

  • sprout0719002828님의 프로필 이미지
    sprout0719002828

    Reviews 6

    Average Rating 4.7

    5

    100% enrolled

    Thanks to the lecture, I learned about various functions and implementation methods. Above all, I was able to grasp the concepts of Object and Class. This reason alone is enough reason to listen to it:D Thank you for the great lecture.

    • Hello :) I'm glad it was helpful! Thank you for your valuable review. Happy New Year^_^

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

    Reviews 7

    Average Rating 5.0

    5

    36% enrolled

    I have taken many lectures on creating interactive webs at Infraon, but this one is really useful and helpful! The lecture time is good, and the content is really good! Thank you for the great lecture. I also want to train a lot and create lectures that will help someone later! Happy New Year 2022!

    • Hello :) I'm so happy to see such a cheerful article starting the new year, but on the other hand, I feel heavy-hearted and strong :) Thank you. I hope you have a very happy new year and that only good things will happen to you ^___^

  • vxggangxv0556님의 프로필 이미지
    vxggangxv0556

    Reviews 7

    Average Rating 5.0

    5

    55% enrolled

    The friendly and step-by-step lectures stand out!~ I'll do it, it's good

    • Hi :) I'm glad it helped! Thank you for your valuable review :D

$68.20

ggangcoding162118's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!