CSS Grid in Practice - Learning Web Layouts Through Figma Designs

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?

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

You can learn UIkit, a representative CSS Framework along with Bootstrap, from the basics to advanced usage. A well-made personal portfolio website is essential for getting a job as a publisher. In order to show your portfolio results in a sophisticated way on your personal portfolio website, you can learn the detailed usage of UIkit components such as Slideshow, Slider, Lightbox, Full Screen Modal, Filter, and publishing skills and know-how to use them in actual production.

If you’ve learned HTML/CSS/JavaScript, now take your skills to the next level with React. Learn core React concepts such as components, Props, and State through a shopping mall project covering everything from product filtering, pagination, and API integration to responsive UI and deployment, and build the practical foundation you need to grow from a publisher into a frontend developer.

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.

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.

[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 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 is a basic HTML and CSS course explained in the easiest way by a third-year frontend developer.

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!

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.

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

If you don’t know why things keep breaking when you have AI do it, the problem isn’t coding—it’s telling it what to do without understanding “what’s happening.” I’ll teach you vibe coding by taking a web service with login and payments from scratch all the way to launching it on your own domain and getting it indexed by search engines, while understanding the context behind “What just happened?” at every step.

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

Through this course, you will build a design system and experience the explosive synergy of your design work.

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

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 "Real Guide for Getting a Job as a Publisher" e-book (PDF) provides detailed information on the HTML+CSS+JQUERY publishing fundamentals essential for employment. It covers efficient publishing study methods, how to identify high-quality courses and instructors, tips for publishing like a professional even as a newcomer, desirable coding habits and principles, how to create a personal portfolio website, collaboration tips for working with designers and developers, essential websites every publisher should know, and how to improve Photoshop UI design skills. Additionally, it provides a detailed explanation of government-funded publisher training programs.

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.

🔥 Building a customized platform for learning Chinese characters! Utilize Google Gemini AI and Firestore to implement your own Chinese character vocabulary list, stroke order animations, and even handwriting recognition!