Figma デザインからパブリッシングまで

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

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!

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

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~

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 practical introductory course for those who are new to or lack the basics of mobile UX/UI design. Learn step by step through basic theories and various practical exercises to gain practical app design skills and build your confidence! 💪

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.

“GSAP is capable of this?” Breaks the stereotype that animation is complex and difficult.

Do you have a foundation in HTML, CSS, and JavaScript (jQuery)? But are you unsure how to create an entire website? If so, try implementing a shopping mall's main page by referencing a design. We'll share know-how on implementing a website by referencing a completed design and understanding the planning intentions and detailed aspects of the design.

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

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.

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.

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.

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.

This is a course that has been moved to Infraon for easy learning through the agreement of the original author of Life Coding. I would like to express my gratitude to Life Coding http://opentutorials.org.

This is a practical exam specialist lecture that is optimized for the practical exam content that exactly matches the exam criteria implemented until the Web Designer Qualification Exam Criteria (2025.1.1~2025.12.31), and the HTML+CSS+JQUERY Publishing, Coding Works Web Designer Qualification Exam Practical Exam Lecture is different. It includes both the perfectly produced D-type and E-type classes added in 2023 and the perfectly produced F-type classes added in 2024.

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.

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!

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.

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!

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.