From Figma design to publishing

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

Practical web UI development using AI and component-centric UI creation, An essential course for Designers + Developers!

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!

It's delicious pig's feet~ Pig's feet are no joke these days...gulp

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

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.

You can improve your mobile web production skills, which are the most competitive in publisher employment and publisher practice. As a publisher, you can hone almost all production methods and know-how for producing mobile web. In particular, we have explained in detail the process of working on mobile web UI design with Figma, so that you can cover a large part of the design skills required of publishers and developers these days by learning Figma. In the mobile web publishing class, we explain in detail the detailed method of writing HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe production skills will be greatly improved. Mobile web publishing is a learning process that perfectly matches the layout for mobile and tablet using CSS variables (Var), so that you will have the ability to work on practical tasks that are similar to real work. You will gain sufficient intermediate to advanced CSS practical skills, focusing on Flex layout.

Rather than simply following a specific site, you will learn the scroll interaction know-how and key elements shared by knowledge sharers from the ground up, and learn and create various techniques and motions of UI scroll interactions widely used by domestic companies such as Apple.

I'm going to make the main page of the VD site that I made for practice in the introductory course into a real one~

CSS is a designer's language that makes HTML look beautiful. I think CSS is like a brush stroke for those who produce digital content. In this lesson, I will teach you how to use a digital brush stroke.

Coding Works' self-produced HTML+CSS+FLEX+JQUERY publishing core theory textbook, which summarizes the teaching know-how accumulated over many years. The best publishing theory textbook that summarizes only the core content that is needed, without any unnecessary content. This is a PDF textbook and example file download content for publishing beginners.

To create a webpage, you need to be able to build individual components piece by piece. Let's create UI components using pure coding. Recommended for those who know how to use HTML, CSS, and 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.

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.

You need to take interviews frequently to get a job. To take interviews frequently, you must have a good personal portfolio website. This is a good personal portfolio website creation guide textbook (PDF) that Coding Works has made with great care. This textbook is not something you can find by Googling on the Internet. This is a one-of-a-kind publisher employment personal portfolio website creation guide (PDF) that Coding Works has created after teaching publishing theory, practice, and personal portfolio website creation to over 300 students in the field for several years and including detailed methods for creating personal portfolio websites so that students can get jobs at their desired companies quickly.

CSS & CSS3 will be the easiest to learn. Good luck!!

Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.

There are app/web ideas that they want to implement, but they are at a loss as to where to start due to their lack of experience in app service planning, startup representatives who want to learn planning systematically in a short period of time, and junior planners who want to learn the planning work process and know-how of experienced planners. We will teach you a new planning method using Figma and the work skills of a PM with 17 years of experience from the basics so that you can become an expert.

This is a good example to practice even if it is not a certification exam. Let's slowly follow the B-3 type of web design technician practice.

Now, with the power of AI, anyone can easily plan apps and design UIs! It's okay even if you don't know coding or have no UI experience. AI tools like Claude and ChatGPT will turn your ideas into reality. With just a few questions, you can analyze target customers, design app structures, and even automatically generate UI screens. In this lecture, we will teach you step-by-step from the basics so that even those who are new to Figma can follow along. Even without drawing by hand, you can import existing website UIs at once with the HTML to Design plugin, and with AI tools like Google Stitch or readdy.ai, you can create high-quality screens in a few seconds. This lecture is perfect for anyone dreaming of starting a business, wanting to switch careers to a planner, or wishing to communicate with developers. Instead of complex theories, we will only teach practical know-how that you can immediately use. Now, with just an idea, anyone can plan app services!

One working prototype is better than 100 pretty screens! Create prototypes that work like the real thing with conditional logic in Figma, and develop design thinking skills that remain solid even in the AI era.

A real guide to becoming a publisher (PDF) This e-book provides detailed information on how to learn publishing efficiently, how to choose a good publishing course and a good publishing instructor, how to publish like a veteran even if you are a beginner, desirable coding habits and principles, how to create a personal portfolio website, how to collaborate with designers and developers, essential sites that publishers should know, and how to improve Photoshop UI design skills. It also provides detailed information on the government-funded publisher course.

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!