Vanilla JavaScript & Tailwind CSS

TypeScript: Core concepts, from basic to practical, all at once! Practical application through a project.

All-in-one course for designers and developers! New UI3 included

From developing your own full-stack application to a Progressive Web App (PWA)!

Systematic step-by-step project practice and deployment, built-in store utilization, full-stack application with SvelteKit and Supabase, all in one go!

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

The flower of web animation, scroll animation! Learn about ScrollTrigger, which allows you to use GSAP more powerfully.

Many websites are using Parallax ScrollTrigger to create cool effects. Let’s use this library to create creative and impressive web pages.

This is a hands-on project course that beautifully styles a cafe homepage made with HTML using CSS. You can naturally learn all the CSS fundamentals from colors, layouts, and typography to Flexbox, Grid, animations, and responsive design by following the story of Minji and Teacher Code. With 4 hours of learning, even beginners can complete professional web design.

[Tailwind CSS Practical Portfolio Publishing] is a process of creating more than 26 different practical examples using Tailwind CSS. As you quickly create a variety of practical examples, we will explain the essential theories. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

This is a lecture that teaches the basics for preparing for the web design technician practical exam through open questions. It is also a useful lecture for web designers who want to utilize web coding in their work.

🚀 This is a mini-project practical lecture suitable for those who have just finished studying JavaScript grammar. It will help you break through the gap between basic JavaScript grammar and frameworks such as React or Vue. ✨

This lecture examines the overall flow of core concepts that run through all of JavaScript up to ES6.

The renewal version of Life Coding's first web development course, <WEB 1 - HTML & Internet>, is being released exclusively on Inflearn!

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

Master Figma in just 4 hours! With various know-how accumulated through 5 years of Figma teaching, anyone can learn easily and effectively through theoretical explanations and practice with diverse hands-on examples.

This is a full-stack hands-on course where you will implement a ChatGPT clone from scratch. From Spring Boot server to React frontend | Neo + Essential This is not just a course where you simply follow along with the code; it guides you through actual service deployment so you can build a high-quality AI chatbot service.

This course is designed for learners preparing for the revised Web Design Development Technician practical exam, allowing them to study systematically from the basics. Students can systematically learn the core theories and practical content necessary for the exam, and particularly through the process of solving public problems, they can develop problem-solving skills suited to the actual exam environment. Through this, learners can efficiently prepare for the practical exam and ultimately work toward obtaining the Web Design Development Technician certification.

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.

Are images causing trouble again? Pixelation, cropping, distortion, loading delays, and multi-platform compatibility issues are actually design problems. Defend against image issues from the very beginning.

This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

In this course, we will practice developing programming thinking skills using JavaScript. Starting with a multiplication table web game, we will build various projects together, including Word Chain, Number Baseball, Response Rate Test, Tic-Tac-Toe, Lotto Generator, Rock-Paper-Scissors, Card Matching Game, Text RPG, Minesweeper, 2048, and Whack-a-Mole.

To get a job, you need to go on interviews frequently. To secure those interviews, having a high-quality personal publisher portfolio website is essential. This is a premium guide (PDF) for creating a personal portfolio website, meticulously crafted by Coding Works. The content in this guide cannot be found through simple Google searches. It is a one-of-a-kind guide (PDF) for building a publisher job-search portfolio, containing detailed methods developed by Coding Works through years of experience teaching publishing theory, practical skills, and portfolio creation to over 300 students to help them get hired quickly by their desired companies.