Practical Web Publishing - Build a Responsive Website from a Figma Design

Once you’ve mastered the basics of CSS, use Grid to freely create complex web layouts. Practice step by step—from the core concepts of CSS Grid to analyzing Figma designs and implementing them on the web—and develop the layout design skills needed for professional web publishing.

You can enhance your mobile web production skills, which are the most competitive assets for publisher employment and practical publishing work. You will be able to solidify almost all production methods and know-how required to create mobile webs as a publisher. In particular, to cover much of the design ability required of publishers and developers these days, we have provided detailed explanations of the process of working on mobile web UI design using Figma. A key strength of this mobile web publishing course is the detailed instruction on how to create HTML wireframes for every single page. Through this lecture, your ability to create HTML wireframes will improve significantly. In mobile web publishing, you will acquire practical skills comparable to real-world work by learning how to perfectly adjust layouts for mobile and tablet devices using CSS variables (Var). You will fully develop intermediate-to-advanced practical CSS skills, centered around Flex layouts.

This is a practical course on building a website (Hanwha Chemical/Solutions) using HTML5 and CSS3. It is a "Practical Web Page Creation! Step by Step!" Basic Course designed to help you fully understand and utilize PC mode layouts and responsive page creation. (Completed lecture files are attached!)

The [Stunning Web UI Styling with Tailwind CSS] course covers the currently hottest framework, Tailwind CSS v3.4.1, in depth over 19 hours, ranging from theory to building a practical responsive website. A long course duration doesn't always guarantee quality. However, I am confident that this is a high-quality course that also happens to be comprehensive. In particular, it covers all Tailwind CSS theories in detail for 8 hours and 30 minutes, allowing those with a weak foundation in CSS to thoroughly learn the core concepts. This course is centered around Tailwind CSS styling as created by developers and publishers.

Have you taken your first steps into web development? We have a special offer for those who are just getting started with HTML, CSS, and javascript! Do you want to create a mobile website to keep up with the mobile era, but are unsure where to begin? Don’t worry. By analyzing and implementing a Figma mobile design yourself, you’ll naturally learn the fundamentals of responsive web development. Based on a sophisticated mobile design, you’ll explore everything from subtle interactions that capture users’ attention to techniques that adapt perfectly to a variety of screen sizes. We’ll share our know-how to help your website shine on every device. Shall we get started together?

[Website Creation Step By Step] This is a 3-step lecture, and it is a process of creating the main page of Daebang Industry as it is. It is a lecture that is as difficult as it is fancy, as it is a process of creating and implementing the gorgeous interactive web contained in the site.

Through the entire process of creating a responsive website with HTML+CSS+JQUERY publishing, you will gain a solid foundation for intermediate publishing skills and practical publishing know-how. In particular, you will gain confidence in creating your own portfolio website by experiencing the entire process of creating a website through sufficient explanations and practical work. (The responsive production method is a responsive layout production method using the existing float and position methods. Since most existing websites are currently produced with layouts using the existing method, you will also need to learn Flex and Grid, but you must learn and use the existing method layout well.)

From basics to practical application, an all-in-one UI design class mastering everything with Figma! Master essential features like Auto Layout and Components, along with responsive design, efficient handoff, and collaboration skills for real-world work. Start now and upgrade your design capabilities to the next level!

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

Even today, as modern technologies like React have become widespread, jQuery remains a technology you will still encounter when operating and maintaining existing websites and in web publishing work. Rather than simply recreating flashy effects, you will learn the principles and fundamentals of how jQuery works, progressing step by step from events and animations to a variety of UI interactions. Complete your portfolio through hands-on practice and develop practical web publishing skills that you can apply in the workplace.

In the AI era, web developers need more than coding skills—they need the ability to use AI to turn ideas into real-world results. Build your AI web development skills for practical work and portfolios by gaining hands-on experience creating UIs with Stitch and Figma Make, implementing them in React, and deploying them.

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!

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.

In an environment without a design team, product proposals, or a PM, how can we plan, deliver, and persuade? Kim Young-jun, former 29CM Product Design Lead, will share his self-product strategy focusing on Figma, along with practical case studies. Learn in detail everything from how to survive in a structureless environment to how to build structure with just Figma.

This course will teach you JavaScript through theory and practice. This course is for those who are somewhat familiar with JavaScript. Part 2 covers abstraction, encapsulation, inheritance, and polymorphism in JavaScript.

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.

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.

Follow the Spring Framework You can get started with the Spring Framework by following the steps.

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.

[Spring 2nd Edition] is a course to create a backend (Java Backend) development expert with integrated capabilities by directly implementing a Spring Legacy project to perfectly implement reply posting, paging processing, and search functions among bulletin board functions, and a bulletin board project using Spring boot, Spring JPA, and Security.