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

**Once you’ve mastered the basics of CSS, create complex web layouts freely with Grid.** Build your layout design skills for professional web publishing through step-by-step practice, from the core concepts of CSS Grid to analyzing Figma designs and implementing them on the web.

The best way to create a responsive layout, CSS Grid~!! You can fully understand CSS Grid through the core theory of Grid and practical application examples. In addition, there are various practical examples using the core theory, so you can practice enough for practical use. The core theory of Grid can be downloaded as a PDF textbook as well as a video. By learning the core theory and practical application of CSS Grid, which is an essential course for becoming an intermediate publisher, you can have enough competitiveness in the field as a publisher as well as in employment.

Real! Website Creation Step By Step! This is a process of creating the main page of Crewalamode (https://crewalamode.com/) as is. This is a process of creating and implementing the gorgeous interactive web contained in the site as is, and it teaches you the core practical know-how to easily and quickly create even complex layouts.

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?

Are we truly utilizing HTML and CSS to their full potential? Before getting trapped in complex frameworks and JavaScript logic, we will directly implement everything from Whac-A-Mole to escape room games using only markup and styling—the essence of the web. Experience the power of 'fundamentals that aren't swayed by tools,' taught by an active developer with 4 years of experience.

The production process for the Responsive Website Portfolio (App Official Landing) involves the entire creation of a responsive website using HTML+CSS+JQUERY publishing. Through this, you will solidify the fundamentals required to reach an intermediate publishing level and gain practical publishing know-how. In particular, you will experience the entire website production process through thorough explanations and hands-on practice, gaining confidence in creating your own personal portfolio website. You will also learn how to use essential jQuery plugins such as Scroll Reveal Animation and Slick Slider. The responsive design follows the traditional method using float and position for layouts, though Flex is utilized for certain specific elements.

HTML+CSS+JS Practical Portfolio (Season 3) is a process of creating practical publishing examples. Through the creation of various practical examples, you can grow your publishing skills to an intermediate-to-advanced level. With over 34 hours of ample lecture time and various types of practical creation processes, you can fully master production know-how and application methods.

Through this course, you can learn how to solve the Web Design Specialist (Craftsman Web Design) exam problems A3, B4, C1, D3, E4, and F3 using display:flex. The workflow is fast, so please pause the video as you watch.

This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

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!

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

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.

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

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.

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

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.

This course will teach you JavaScript through theory and practice. This course is for those who are somewhat familiar with JavaScript. Part 1 covers JavaScript classes and object-oriented programming.

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