Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]

📌 This course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

16 learners are taking this course

nhcodingstudio

3시간 만에 완강할 수 있는 강의 ⏰

JavaScript

HTML/CSS

What you will learn!

Console Tic-Tac-Toe Full Implementation
Ability to configure logic for user input processing and game progress control
Directly Design and Implement AI from Basic Random to Strategic Types
Implement Logic for Judging Game State and Applying Priority Based on Conditions
Establishing the concept of JavaScript objects and constructor functions
Understanding the difference and connection structure of prototype and class syntax
Practical Application of Core Object-Oriented Syntax: Inheritance, super, override, etc.
Flexible Function Design via Composition, Delegation
Implementing Secure Object Protection and Internal Information Hiding through Encapsulation
Structured design is possible by distinguishing roles and responsibilities in object collaboration structures

🎮 《Learn JavaScript the Right Way: Creating a Strategic AI Tic-Tac-Toe and Completing Object-Oriented Learning》

🔥 “We can no longer survive with ‘scattered grammar’!”

So far, we have learned about variables, functions, conditional statements, and loops…
Haven't you ever been stuck on coding because you didn't know where to start ?

📌Why is that?

✅ I learned grammar, but I never learned the ‘power to design’ !
✅ I wrote the code, but I can't explain 'why I wrote it that way'!
✅ I thought I just had to go back, but after a while I couldn't even understand my own code!

💣 And most of all…
Because I have never created a “code that judges and moves on its own”!

🚨 Realize it now.
The decisive difference from developers in the field is created through ‘design ability.’

If you miss this, you will continue to be just a 'search coder' .
Before it's too late, start growing as a 'designer' from this moment.

🚀 This lecture completely shatters this reality!

✔ You unify the scattered grammar into one ,
✔ Design your own code to think and judge ,
✔ Finally, grow into a developer who creates ‘your own strategic AI’ !

🎮 Make it yourself – a real ‘thinking program’!

🤖 Beyond the randomly moving novice AI…
🛡 Defensive strategy, offensive strategy, center control, corner control, and the ultimate fork strategy!

👉 Now your code asks:
“How can we win this time?”

✔ Code that judges and moves toward victory on its own, just like a human being.
Make it with your own hands!

👨‍💻 And here, you start on the path to becoming a real developer.

📚 Why should I learn Object-Oriented Programming (OOP)?

Object orientation is not just a technology.
Interpreting and ordering a complex world,
It is a 'framework of thought' that structures confusion.

We all think and live in an object-oriented way.
People, cars, companies, and even countries are made up of objects with 'roles and responsibilities'.

💡 Real developers don’t just write code.
Develop your eyes to see the world,
Learn problem-solving mindsets.

📚 Learn real design skills with OOP!

🧩 Assemble only the necessary functions ( Composition )
📦 Smartly divide up the work ( Delegation )
🚚 Collaborate perfectly according to roles ( separation of roles and responsibilities )
🔐 Protecting information yourself ( encapsulation )
🧬 Freely change abilities depending on the situation (polymorphism)

💡 You implement all these technologies yourself.
Code no longer rules you.
Now you are the designer who rules the code.

🎯 The skills you've been wanting for so long will be perfected in this process.

“Code that just waits for instructions” → “Code that thinks and moves on its own”
This course will completely change your code life.

📣 Time is passing even at this moment.
🚀 If you hesitate, it's too late.
Enter the world of ‘strategic AI’ and ‘object-oriented design’ now!

👉 If you don’t start now, you might be repeating the same worries a year from now.

💥 This time, it's time to really, really grow.
Now, go beyond coding and become a ‘developer who designs the world’!

📚 Course Curriculum Structure

🎮 Section 1. Strategic Console Tic-Tac-Toe Project – Real-World JavaScript Practice and AI Strategy Implementation

✅ Goals:
Design a complete tic-tac-toe game in a console environment, implement a strategic AI, and connect JavaScript fundamentals and reasoning to real-world applications.

🗂 Part 1. Implementing game logic

📋 Implementing a 3x3 board output and current status display function
🎯 Developing logic for player marker selection and priority decision
🔄 Write code to correctly place markers while alternating turns
🏆 Checking the winning conditions (horizontal, vertical, diagonal) and handling draws
🛠 Completed run() function that controls the overall game flow

🤖 Part 2. Developing an AI Strategy

🎲 Random AI : The most basic AI that randomly selects blank spaces.
🛡 Defensive AI : Defensive strategy that blocks the player from winning positions.
⚔ Offensive AI : An aggressive strategy that seeks out and selects possible winning positions first.
🎯 Center Control Strategy AI : Center-first control strategy for game dominance
📐 Corner Strategy AI : A strategy that increases the probability of winning by taking the corner first
🧩 Fork Strategy AI : Advanced strategy that designs two winning paths simultaneously

📚 Section 2. Introduction to Object-Oriented Programming with Class Grammar

✅ Goals:
Covers the fundamentals of JavaScript object-oriented programming and learns efficient code reuse and design methods.

📖 Understand the limitations of procedural programming and recognize the need for OOP
🛠 Automating repetitive object creation with constructor functions
🔗 Complete mastery of prototype and proto structure
📖 Write readable and maintainable code with ES6 class syntax

🏗 Section 3. Object-oriented class design Part 1 – Inheritance and flexible extension

✅ Goals:
Learn design techniques that increase code reusability and extensibility through inheritance and overriding.

📚 Inheritance : Inheriting common features from parent classes
🔧 Override : Redefining parent method in child class
🎛 Hybrid Override : Add child logic while maintaining parent logic
🎯 Real Mission: User Management System & VIP Chatbot System Design

🎭 Section 4. Polymorphism and Interface Design – Building Flexible Systems

✅ Goals:
Learn flexible and extensible object design through polymorphism and interfaces.

📖 Polymorphism : Same method name, different behavior depending on the situation
📢 Interfaces and Abstract Classes : Defining Common Promises and Maintaining a Consistent System
🎯 Real Mission: Implementing a global notification system and an automatic courier selection system

⚙ Section 5. Collaboration and Composition – Designing Efficient Object Collaboration

✅ Goals:
Develop design capabilities to select only the necessary functions through combination and delegation, and to distribute responsibilities efficiently.

🧩 Composition : Select only the functions you need and assemble flexibly.
📦 Delegation : Delegating complex tasks to other objects
👔 Separation of Roles and Responsibilities (SRP) : Practicing the Single Responsibility Principle for Objects
🎯 Real Mission: Assemble Smartwatch Functions & Develop Global Notification System

🔐 Section 6. Information Protection and Security Design – Mastering Encapsulation

✅ Goals:
Learn how to protect sensitive data and design secure objects using encapsulation and security design.

🗝 Design private properties with Symbols : Protect data with hidden properties
🔒 #private field : Completely block external access with the latest syntax
📚 Implementing Secure Storage with WeakMap : Hiding Data That Is Never Accessible from Outside
📌 Implement common utilities with static methods : Write efficient code by designing fixed functions that can be called without objects.
🎯 Real Mission : Strengthening security system, real-time translation cache system, issuing user system unique ID and login design

💥 After finishing the lecture, you will…

📈 Grow from a simple coder to a problem-solving developer
🎯 Solve complex problems by structuring them with design thinking
🔐 Securing advanced design capabilities considering security and maintainability
🧩 Learn flexible and extensible object-oriented design
🚀 Complete your strategic thinking and programming sense that applies in practice

📂 Provided learning materials (ALL-IN-ONE package)

💻 All practice code and project source code (GitHub link provided)
- Provides complete example code and source code for practical projects written in the lecture
- Includes code comments and detailed explanations, allowing you to review and apply in real life situations all at once!
📑 Provides real mission templates & answer explanations (GitHub link provided)
- Provides practice mission templates and challenges you can solve yourself
- Correct code for each mission + detailed explanation of why it was written this way
📂 All detailed class-related materials & advanced materials provided (GitHub link provided)
- Advanced concepts such as OOP design patterns, strategy patterns, encapsulation, and polymorphism.
  Provides advanced materials that cover theory + practical application codes
- Neatly organized with important keywords, design flow charts, and pattern application examples

Recommended for
these people

Who is this course right for?

Those who have learned basic JavaScript syntax but haven't built a project.
Those who want to implement AI logic or strategy-based programs with JavaScript
For those who want to systematically learn OOP (Object-Oriented Programming) concepts with code
Those who want to clearly understand JavaScript's class syntax, prototype structure, private fields, etc.
Those who want to understand class-based code structure and build a foundation for team projects
Those wanting to boost JavaScript skills enjoyably through game projects
For those who want to understand object design from a security perspective, such as encapsulation, hiding, and information protection
Aspiring developer aiming to learn practical, flexible, and safe object design skills.

Need to know before starting?

Basic JavaScript Syntax
Basic Usage of Arrays and Objects
Experience using console input/output like console.log() and prompt()

Hello
This is

188

Learners

Reviews

4.4

Rating

Courses

안녕하세요, 우리동네코딩 스튜디오에 오신 것을 환영합니다!

우리동네코딩 스튜디오는 카네기 멜론, 워싱턴, 토론토, 워터루 등 북미의 주요 대학에서 컴퓨터공학을 전공하고, Google, Microsoft, Meta 등 글로벌 IT 기업에서 실무 경험을 쌓은 개발자들이 함께 만든 교육 그룹입니다.

처음에는 미국과 캐나다의 컴퓨터공학 전공자들끼리 함께 공부하며 성장하고자 만든 스터디 모임에서 시작되었습니다. 각기 다른 대학, 다른 시간대에 있었지만 함께 문제를 해결하고 서로에게 배운 그 시간은 매우 특별했고, 자연스럽게 이런 생각이 들었습니다.

“우리가 공부하던 이 방식, 그대로 다른 사람에게도 전하면 어떨까?”

그 물음이 바로 우리동네코딩 스튜디오의 출발점이었습니다.

현재는 약 30명의 현직 개발자와 컴퓨터공학 전공 대학생들이 각자의 전문 분야를 맡아, 입문부터 실전까지 아우르는 커리큘럼을 직접 설계하고 강의합니다. 단순한 지식 전달을 넘어, 진짜 개발자의 시선으로 배우고 함께 성장할 수 있는 환경을 제공합니다.

“진짜 개발자는, 진짜 개발자에게 배워야 합니다.”

저희는 웹 개발의 전 과정을 처음부터 끝까지 체계적으로 다루되, 이론에 머무르지 않고 실습과 실전 중심의 피드백을 통해 실력을 키워드립니다.
수강생 한 사람, 한 사람의 성장을 함께 고민하고 이끌어가는 것이 우리의 철학입니다.

🎯 우리의 철학은 분명합니다.
"진정한 배움은 실천에서 오고, 성장은 함께할 때 완성된다."

개발을 처음 시작하는 입문자부터, 실무 능력을 키우고 싶은 취업 준비생, 진로를 탐색 중인 청소년까지.
우리동네코딩 스튜디오는 모두의 출발점이자, 함께 걷는 든든한 동반자가 되고자 합니다.

이제, 혼자 고민하지 마세요.
우리동네코딩 스튜디오가 여러분의 성장을 함께하겠습니다.

Welcome to Neighborhood Coding Studio!

Neighborhood Coding Studio was founded by a team of developers who studied computer science at top North American universities such as Carnegie Mellon, the University of Washington, the University of Toronto, and the University of Waterloo, and went on to gain hands-on experience at global tech companies like Google, Microsoft, and Meta.

It all began as a study group formed by computer science students across the U.S. and Canada, created to grow together by sharing knowledge, solving problems, and learning from one another.
Though we were attending different schools in different time zones, the experience was so meaningful that it led us to one simple thought:

“What if we shared this way of learning with others?”

That thought became the foundation of Neighborhood Coding Studio.

Today, we are a team of around 30 active developers and computer science students, each taking responsibility for their area of expertise—designing and delivering a curriculum that spans from foundational knowledge to real-world development.
We’re not just here to teach—we’re here to help you see through the lens of real developers and grow together.

“To become a real developer, you must learn from real developers.”

Our courses take you through the entire web development journey—from start to finish—focused on hands-on practice, real-world projects, and practical feedback.
We care deeply about each learner’s growth and are committed to supporting your path every step of the way.

🎯 Our philosophy is simple but powerful:
"True learning comes from doing, and true growth happens together."

Whether you're just getting started, preparing for your first job, or exploring your future in tech,
Neighborhood Coding Studio is here to be your launchpad—and your trusted companion on the journey.

You don’t have to do it alone.
Let Neighborhood Coding Studio walk with you toward your future in development.

Curriculum

All

68 lectures ∙ (3hr 32min)

Course Materials:

Lecture resources

Mission

Section 1. Must read before taking the lecture

1 lectures

1. 📚 Must-Read Before Course

Section 2. 🛠 Hands-on JavaScript Practice and AI Strategy Implementation: Strategic Console Tic-Tac-Toe Project

13 lectures ∙ (56min)

2. [Tic-Tac-Toe] Creating a JavaScript Tic-Tac-Toe Game with the Console - Project Introduction and Overall Structure
03:20
3. [Tic-Tac-Toe] Creating a 3x3 Board and Implementing a Function to Print the Current State
04:32
4. [Tic-Tac-Toe] Building Logic for Player Marker Selection and Deciding Who Goes First
03:57
5. [Tic-Tac-Toe] Implementing Alternating Turns and Marker Placement
06:07
6. [Tic-Tac-Toe] Creating a function to check win conditions horizontally, vertically, and diagonally
04:37
7. [Tic-Tac-Toe] Check if the board is full and handle a draw
03:38
8. [Tic-Tac-Toe] Complete the run() function controlling the overall game flow
06:35
9. [Tic-Tac-Toe] Creating a Random AI That Randomly Chooses Empty Cells
05:28
10. [Tic-Tac-Toe] Implementing a Strategic AI that Prioritizes Winning Spots for the Computer
04:52
11. [Tic-Tac-Toe] If there's no winning move, block! Complementing the computer's strategy with a defensive AI
03:56
12. [Tic-Tac-Toe] Occupy the center first! Implementing a central-priority strategy AI
03:23
13. [Tic-Tac-Toe] Creating an AI Strategy to Preempt Corners
06:16
14. [Tic-Tac-Toe] Two-Pronged Victory! Rigging the Game with a Fork Strategy AI

Section 3. Appearance of Class Syntax – Prototype's true face wrapped in easy syntax

7 lectures ∙ (48min)

Section 4. Object-Oriented Class Design Part 1 – Start of Inheritance and Flexible Extension

11 lectures ∙ (31min)

Section 5. Object-Oriented Class Design Part 2 – Collaboration and Composition, Protection Design Techniques

20 lectures ∙ (23min)

Section 6. Object-Oriented Class Design Part 3 – Design Technique for Protection

15 lectures ∙ (51min)

Section 7. Practical Object-Oriented Design – E-Commerce System Design and Implementation (Optional)

1 lectures

Published:

Last updated:

Reviews

Not enough reviews.

Please write a valuable review that helps everyone!

Limited time deal ends in 22:47:07

$25.30

23%

$33.00

nhcodingstudio's other courses

Check out other courses by the instructor!

Implementing Notion Directly with Vanilla JavaScript

nhcodingstudio

This course is a full-stack level frontend project course that focuses on implementing Notion from start to finish using Vanilla JavaScript, going beyond simple UI cloning to deeply understand the internal operating principles. You'll implement all the core features of a real note-taking app using vanilla JS, including sidebar tree, nested document creation, auto-save, routing, trash, favorites, search modal, settings modal, theme switching, Export/Import, keyboard shortcuts, responsive layout, drag resize, and more. The goal is to solidly learn browser standard behaviors (event bubbling, DOM tree, local storage, Blob, FileReader, hash routing, etc.) that you must know before frameworks like React and Vue, so you can completely understand "why it works this way" and build the skills to debug effectively.

초급

JavaScript, React, Web Application

Implementing Notion Directly with Vanilla JavaScript

nhcodingstudio

From DOM to Pixels, Complete Mastery of Browser Rendering and CRP - [DOM Complete Mastery Part 3]

nhcodingstudio

This course covers the Critical Rendering Path (CRP) process from start to finish, where the browser receives HTML to create the DOM, combines it with the CSSOM, and renders pixels on the screen. Beyond simple DOM manipulation, you'll learn how CSS and JS impact performance, image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and DevTools practice, gaining practical strategies to noticeably improve real web performance.

초급

HTML/CSS, JavaScript, React

From DOM to Pixels, Complete Mastery of Browser Rendering and CRP - [DOM Complete Mastery Part 3]

nhcodingstudio

Learning Express.js Properly: Part 1, From Basics to Advanced [Basics]

nhcodingstudio

An Express.js journey from beginner to mastery, flowing like water! A backend journey where you learn properly by directly implementing from basic server concepts to completing a CRUD project.

초급

express.js, Node.js, routing

Learning Express.js Properly: Part 1, From Basics to Advanced [Basics]

nhcodingstudio

Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone

nhcodingstudio

Beyond simply using Express.js, this lecture will have you directly implementing its internal engine from scratch to finish, allowing you to truly internalize the operating principles of a real server. You will directly build all of Express's components, such as routers, middleware, request-response objects, static file handling, and template rendering, from the ground up, providing an experience that fosters growth as a server developer.

초급

JavaScript, Node.js, Express

Building a Node.js Server Engine – Learning Framework Design through an Express.js Clone

nhcodingstudio

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

This course goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

초급

HTML/CSS, JavaScript, React

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

No matter how much you study React, Next.js, or Vue, if the code feels abstract and the structure isn't clearly understood, the root cause might be a lack of understanding of DOM. DOM is the foundation of all frontend frameworks and the entity that connects the structure and behavior of web pages. This lecture goes beyond simple selectors or manipulation methods, teaching step-by-step from the very beginning how HTML transforms into DOM objects and how to select, traverse, and manipulate this structure. It is the Part 1 introductory lecture of 'Complete DOM Mastery'. HTML tags are just structure, and JavaScript is just behavior, but DOM is the core that connects the two. If you clearly understand this connection, you'll be able to precisely grasp the true structure and flow within any framework you use.

입문

HTML/CSS, JavaScript, React

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

Learning JavaScript Properly: A Complete Guide from Beginner to Professional Part 1 - [Basics]

nhcodingstudio

Through this course, students will broadly learn the basics and advanced concepts of JavaScript, from setting up the development environment to variables, conditional statements, functions, objects, and arrays. Through thorough review with practice exercises and quizzes, they will be able to develop problem-solving skills that can be immediately applied to web and mobile development practices.

입문

JavaScript, HTML/CSS, Web Application

Learning JavaScript Properly: A Complete Guide from Beginner to Professional Part 1 - [Basics]

nhcodingstudio

Mastering HTML + CSS: A Complete Guide from Beginner to Advanced Part 2 - [Intermediate]

nhcodingstudio

This course systematically masters intermediate to advanced CSS techniques such as "CSS Position, Transition, Transform, Animation, Flexbox, Grid, and Responsive Web Design," and equips you with skills immediately applicable in real-world projects through various hands-on practice projects.

초급

HTML/CSS

Mastering HTML + CSS: A Complete Guide from Beginner to Advanced Part 2 - [Intermediate]

nhcodingstudio

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

입문

HTML/CSS

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

Similar courses

Explore other courses in the same field!

Practical TypeScript Learning with Official Documentation

sowhatcoding

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

입문

TypeScript, JavaScript, ES6

Practical TypeScript Learning with Official Documentation

sowhatcoding

Learn pure javascript and VueJS development through hands-on UI development

jeonghwan

We will learn VueJS development by creating a shopping mall search page using pure JavaScript and a UI library called VueJS. You can learn the differences between each development and the differences between MVC and MVVM design patterns by developing with pure JavaScript and VueJS respectively.

초급

JavaScript, Vue.js

Learn pure javascript and VueJS development through hands-on UI development

jeonghwan

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

If you have learned HTML&CSS and JavaScript, try creating and deploying your own portfolio site using them. Actually using them will greatly help improve your skills.

입문

HTML/CSS, JavaScript, github-pages

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

[React Part 2] Advanced Topics and Hooks

jeonghwan

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

중급이상

React Context, react-hooks, React

[React Part 2] Advanced Topics and Hooks

jeonghwan

[Web Development Full Stack Course] From Pure JavaScript Basics to Practice

realprogrammers

This lecture is a lecture on JavaScript from the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the book <Vanilla JavaScript> written by the knowledge sharer.

초급

JavaScript, vanilla-javascript

[Web Development Full Stack Course] From Pure JavaScript Basics to Practice

realprogrammers

Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform

dakgangjung123

🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

초급

gemini, HTML/CSS, TailwindCSS

Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform

dakgangjung123

Functional Programming and JavaScript ES6+

mduniv

This is a course where you can learn ES6+ and functional programming. This course covers and applies the iterable/iterator/generator protocols of ES6+ in detail. You can learn functional programming based on iterables, map/filter/reduce, pipelines, lazy evaluation through generators, promise composition, concurrency/parallelism, async/await and asynchronous error handling, etc. Master this course and practice to become an intermediate JavaScript developer!

초급

JavaScript, Functional Programming

Functional Programming and JavaScript ES6+

mduniv

Mastering HTML + CSS: A Complete Guide from Beginner to Advanced Part 2 - [Intermediate]

nhcodingstudio

초급

HTML/CSS

Mastering HTML + CSS: A Complete Guide from Beginner to Advanced Part 2 - [Intermediate]

nhcodingstudio

Clean up JavaScript: Base buildup!

tonextday

It covers thinking. You can logically organize the core and fundamentals of JavaScript. You can organize your own JavaScript experience and thoughts. You can establish the logic of JavaScript technology. You can broaden your perspective on the entire JavaScript. You can prepare for JavaScript technical interview questions.

초급

JavaScript, Interview, Tech Interview

Clean up JavaScript: Base buildup!

tonextday

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

입문

JavaScript, React, Node.js

A real introductory all-in-one development boot camp for non-majors

grab

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

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!

초급

Interactive Web, JavaScript, HTML/CSS

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

[Inflearn X Living Coding] HTML and the Internet

inflearn

The renewed version of 생활코딩's first web development lecture, <WEB 1 - HTML & Internet>, is exclusively available on Inflearn!

입문

HTML/CSS, JavaScript, netlify

[Inflearn X Living Coding] HTML and the Internet

inflearn

Mobile, tablet, pc responsive instagram clone coding

jeong4726

Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

초급

HTML/CSS, JavaScript, Clone Coding

Mobile, tablet, pc responsive instagram clone coding

jeong4726

[2024] HTML Basics by Lee Behayan

rebehayan

This course covers the basics of HTML grammar. There are missions for various cases, and we will teach you the latest grammar that can be used in practice.

입문

HTML/CSS, nvda

[2024] HTML Basics by Lee Behayan

rebehayan

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

funcoding

This is a full-stack lecture series based on real-world web service development experience, aiming to help beginners develop web and app services to a level suitable for actual commercialization. As Part 2 of this series, this lecture thoroughly and solidly covers the latest HTML5, CSS3, vanilla Javascript + ES6, considering responsiveness and compatibility within the diverse landscape of frontend technologies.

입문

HTML/CSS, JavaScript, ES6

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

funcoding

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

We have created this so that anyone can pass the 2023 version of the Web Design Function Exam Criteria. Let's learn the 5 types and pass quickly!

초급

HTML/CSS, jQuery, JavaScript

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

JavaScript Machine Learning TensorFlow.js

tonextday

We will cover the concept of machine learning in a JavaScript environment. We will cover the form and code of implementing machine learning with JavaScript and TensorFlow.js.

중급이상

Tensorflow, JavaScript, Machine Learning(ML)

JavaScript Machine Learning TensorFlow.js

tonextday

Hong Jeong-mo's game development practice problem package

honglab

If you've studied the basics of grammar, you'll naturally want to make something, right? This lecture helps novice C++ programmers become proficient in object-oriented programming while creating simple games. We provide the 'minimum' code that allows you to start game programming on your own and teach you the know-how of object-oriented programming that you could not have mastered just by studying grammar. Have fun creating and quickly jump to the intermediate level and beyond!

중급이상

C++, oop, OpenGL

Hong Jeong-mo's game development practice problem package

honglab

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

Kyo

Learn core data structures and algorithms such as Stack, Queue, Linked List, Sorting, and DFS/BFS by implementing them directly with JavaScript. Solve frequently appearing problem types together to build problem-solving skills essential for coding tests and interviews.

초급

JavaScript, Algorithm, data-structure

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

Kyo

Top 10 JavaScript Algorithms

The Oreum

Develop your ability to find the core of a problem and solve it with the 'Top 10 JavaScript Algorithms' that cover the most frequently asked types of problems!

중급이상

JavaScript, Coding Test, Algorithm

Top 10 JavaScript Algorithms

The Oreum

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]

What you will learn!

🎮 《Learn JavaScript the Right Way: Creating a Strategic AI Tic-Tac-Toe and Completing Object-Oriented Learning》

📚 Why should I learn Object-Oriented Programming (OOP)?

After taking the lecture, you can create results like this.

🤖 Self-Judging Strategic AI Tic-Tac-Toe Completed

📦 A role-separated design system that solves real-world problems with code

🧬 Experience flexible, polymorphic design that is robust to change

🧩 Smart feature combination design without unnecessary code

💬 VIP-only chatbot – Extend advanced features with inheritance and overrides

🔐 Ironclad security! Perfect information hiding encapsulation design

📚 Course Curriculum Structure

🎮 Section 1. Strategic Console Tic-Tac-Toe Project – Real-World JavaScript Practice and AI Strategy Implementation

🗂 Part 1. Implementing game logic

🤖 Part 2. Developing an AI Strategy

📚 Section 2. Introduction to Object-Oriented Programming with Class Grammar

🏗 Section 3. Object-oriented class design Part 1 – Inheritance and flexible extension

🎭 Section 4. Polymorphism and Interface Design – Building Flexible Systems

⚙ Section 5. Collaboration and Composition – Designing Efficient Object Collaboration

🔐 Section 6. Information Protection and Security Design – Mastering Encapsulation

📚 Things to note before taking the class

✅ Essential Player Knowledge

💻 Practice environment

📂 Provided learning materials (ALL-IN-ONE package)

📢 Things to know before taking the class

📢 Guide to the student-only community

Recommended for
these people

Hello
This is

Curriculum

Reviews

nhcodingstudio's other courses

Similar courses

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]

What you will learn!

🎮 《Learn JavaScript the Right Way: Creating a Strategic AI Tic-Tac-Toe and Completing Object-Oriented Learning》

📚 Why should I learn Object-Oriented Programming (OOP)?

After taking the lecture, you can create results like this.

🤖 Self-Judging Strategic AI Tic-Tac-Toe Completed

📦 A role-separated design system that solves real-world problems with code

🧬 Experience flexible, polymorphic design that is robust to change

🧩 Smart feature combination design without unnecessary code

💬 VIP-only chatbot – Extend advanced features with inheritance and overrides

🔐 Ironclad security! Perfect information hiding encapsulation design

📚 Course Curriculum Structure

🎮 Section 1. Strategic Console Tic-Tac-Toe Project – Real-World JavaScript Practice and AI Strategy Implementation

🗂 Part 1. Implementing game logic

🤖 Part 2. Developing an AI Strategy

📚 Section 2. Introduction to Object-Oriented Programming with Class Grammar

🏗 Section 3. Object-oriented class design Part 1 – Inheritance and flexible extension

🎭 Section 4. Polymorphism and Interface Design – Building Flexible Systems

⚙ Section 5. Collaboration and Composition – Designing Efficient Object Collaboration

🔐 Section 6. Information Protection and Security Design – Mastering Encapsulation

📚 Things to note before taking the class

✅ Essential Player Knowledge

💻 Practice environment

📂 Provided learning materials (ALL-IN-ONE package)

📢 Things to know before taking the class

📢 Guide to the student-only community

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

nhcodingstudio's other courses

Similar courses

Recommended for
these people

Hello
This is