The new standard for web animation, Web Animations API

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

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

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.

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

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.

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.

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.

This course will teach you the fundamentals of developing creative, interactive web pages.

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

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 course will teach you the fundamentals of developing creative, interactive web pages.

Master SCSS (SASS) and FLEX Layout in practice! This is a systematic responsive website project production course where you will design the main page and core sub-page UI of an entire website using Figma, create an HTML wireframe structure with consistent class names, and complete the publishing process. Throughout more than 41 hours of coursework, you will thoroughly learn core theories and practical application skills. By designing and building responsive layouts for PC, mobile, and tablet, you will not only gain experience and know-how in responsive web projects but also significantly improve your core jQuery theory and practical application skills.

By creating 22 different mobile layouts across 19 pages, you can enhance your mobile web development skills, which is the most competitive asset for getting hired and working as a professional publisher. You will be able to solidify almost all production methods and know-how required for mobile web publishing. A key strength of this mobile web publishing course is the detailed instruction on how to create HTML wireframes for every single page. Through these lectures, your ability to build HTML wireframes will improve significantly. In particular, you will thoroughly learn CSS Nesting techniques. Centered around Flex layouts, you will gain sufficient intermediate-to-advanced practical CSS skills.

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].

CSS Grid is a powerful tool that allows you to implement even complex layouts simply and intuitively. In this lecture, we have structured the content so you can easily learn everything from the core concepts of CSS Grid to practical application methods step-by-step. Now, stop being tied down by complicated float and flexbox, and learn the standard of efficient layout design! Get started right now!

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!

This is a lecture where you can learn JavaScript through theory and practice. We explain step by step so that even those who are new to coding can easily understand. Part 1 covers an overview of JavaScript, variables, data types, operators, control statements, and the basics of jQuery.

This course will help you learn JavaScript through theory and practice. It explains step by step so that even beginners can easily understand. Part 2 covers JavaScript functions and events, types of functions, and core libraries.

A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

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!

Grab your keyboard and practice, and you'll master the three major web development skills!

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

Coding No. 1 YouTuber Jo Coding's practical compression! Easy and fun web full-stack development lecture

This course allows you to learn the major trends in web development by following the overall web technologies required to complete a website.

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!

This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

This is a specialized practical exam lecture optimized for the Web Design & Development Craftsman (formerly Web Design Craftsman) practical exam, strictly adhering to the exam standards effective from January 1, 2025, to December 31, 2027. Coding Works' Web Design & Development Craftsman practical exam lectures, covering HTML+CSS+JQUERY publishing, are different. It includes fully produced instructional videos for all exam types (Types A, B, C, D, E, and F) for the 2026 Web Design & Development Craftsman exam.

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.