Getting Started with Interactive Web Development

Libraries are optional, but web standard technologies are essential. Adapt to the new standard for web animation, Web Animation API, faster than others and apply it to your work right away!

Learn the core concepts of three.js, a JavaScript library that can implement 3D on the web, and get a feel for 3D web development by creating application examples.

Learn the basics of PixiJS, the undisputed leader in 2D graphics, and learn how to develop quickly and efficiently using the AI code editor Cursor.

In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

This course will teach you how to create a first-person 3D website that works on both desktop and mobile.

Let's replicate the core features of the BBC's interactive page "The Future of Offices: How COVID-19 Will Change Your Workplace", which is being shared popularly on social media.

Learn how to develop advanced interaction effects frequently featured on Apple's website from scratch.

You'll learn about Flex and Grid, the current and future standards for writing CSS layouts.

Interactive Web Projects is a series of creative interactive examples created using CSS and JavaScript.

Learn the basics of web vector graphics SVG and acquire the skills to apply them in the desired direction through fun and diverse examples.

The curriculum is designed so you can use Three.js immediately in practice!

Learn the core concepts of three.js, a JavaScript library that can implement 3D on the web, and get a feel for 3D web development by creating application examples.

We generously share our interactive JS and CSS know-how used in practice.

This course is an introductory program where you can systematically learn web standard coding methods. Learners will acquire fundamental knowledge necessary for web development and build a foundation for developing actual web programs based on this knowledge. Additionally, through coding methods that comply with web standards, you can aim to obtain certifications. It provides an opportunity to solidly prepare from the basics of web development to practical application.

This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different. All instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.

You can improve your mobile web production skills, which are the most competitive in publisher employment and publisher practice. As a publisher, you can hone almost all production methods and know-how for producing mobile web. In particular, we have explained in detail the process of working on mobile web UI design with Figma, so that you can cover a large part of the design skills required of publishers and developers these days by learning Figma. In the mobile web publishing class, we explain in detail the detailed method of writing HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe production skills will be greatly improved. Mobile web publishing is a learning process that perfectly matches the layout for mobile and tablet using CSS variables (Var), so that you will have the ability to work on practical tasks that are similar to real work. You will gain sufficient intermediate to advanced CSS practical skills, focusing on Flex layout.

Enough with the basics! Let's create an actual site and see how html and css work together in it~

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!

A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].

Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.

This is the second course in the JavaScript Bible series, which consists of four courses. By understanding the JavaScript engine, you can develop programs optimized for JavaScript and design systems with confidence.

CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now!

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!

🔥 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!

Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.

📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.

Coding Works has put its heart and soul into creating this course based on its experience of mentoring over 200 offline academy students on their new publisher job portfolios. The course on creating a publisher ‘personal portfolio website’ that will get you interviews and jobs is a thorough guide that tells you how and where to start preparing your personal portfolio website, which is essential for getting a job as a publisher. The course contains over 19 hours of content. It covers all the essential publishing requirements before creating a personal portfolio website, the publishing basics that are most important for getting a job and working in the field, jQuery and JavaScript & coding missions for getting a job, how to create portfolio results to put on your personal portfolio website, content layouts and details for each section of your personal portfolio website, how to distinguish companies to apply to, and tips for real publisher interviews.

The ES6+ Understanding Course provides an in-depth introduction to the ES6 and subsequent standard ECMAScript specifications for JavaScript, with a theoretical foundation, and explains the differences from ES5, as well as the concepts and operating principles.

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.

Using the ChatGPT API, develop a full-stack multilingual translator web application in just 30 minutes, and even if you know nothing about AI, try incorporating the latest AI (ChatGPT API) into your product!