Figma Reference - The Complete Guide to Building a Responsive Shopping Mall Website

React First Steps for Publishers! Learn everything from basic syntax to creating and deploying a responsive shopping mall website all at once. Rather than a collection of fragmented React examples, learn and apply the core syntax needed for actual webpage creation.

Using JavaScript, you can select HTML elements and change their styles or implement animation effects based on various events. This covers fundamental JavaScript syntax for style modification, event handling, and commonly used effects when implementing web pages.

This is a project-centered course that builds a "To-Do List Management App" with practical skills using React + TypeScript. Rather than just learning syntax, you can develop a sense for TypeScript application by completing it as an actual service through component structure design → state management → type application → feature implementation → local storage integration → deployment.

This is an introductory course that focuses on learning TypeScript's core syntax through hands-on practice to improve type safety and code readability. You'll learn through real code examples, from project environment setup to interfaces, generics, and utility types.

This lecture provides a step-by-step explanation of the process of implementing a Figma design into a web page. It covers the entire web publishing practice, from saving images to writing HTML, CSS, and Javascript. It is systematically designed to be easy for beginners to follow. Through practice-oriented learning, you can learn how to efficiently convert web designs into code.

CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now!

jQuery, a JavaScript library used by over 75% of websites worldwide! This course is structured to help you understand the principles and build a strong foundation rather than focusing on flashy effects. Learn jQuery from the basics to advanced applications to complete your own portfolio or use it immediately in the field.

Taking your first steps in web development? Special offer for those just starting with HTML, CSS, and JavaScript! Want to create a mobile website to keep up with the mobile era, but unsure where to start? Don't worry. Learn the core of responsive web development naturally by directly analyzing and implementing Figma mobile designs. Based on sleek mobile designs, we'll explore everything together, from subtle interactions that capture users' hearts to technologies that perfectly adapt to various screen sizes. Now, let's share the know-how to make your website shine on all devices. Shall we begin together?

Learn CSS from the basics to animations and responsiveness. Solidify your fundamentals by reviewing what you've learned through practical examples.

Through this course, you can solidify the fundamentals of HTML, one of the three major languages—HTML, CSS, and JavaScript—that make up a webpage. Learn HTML properly, optimized for search and compliant with web accessibility and web standards.

Kind Course even coding novices can follow! The ultimate course that makes working developers JavaScript experts!

You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.

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.

Learn the basic concepts and principles essential to web development through hands-on practice.

Learn React most easily and quickly with Explanation Master YALCO's rich and dense lectures!

The JS Core Theory and Practical Example Textbook and Completed Version for Web Publishers is a lecture textbook produced in PDF format. This textbook helps web publishers to fully acquire the basics of JavaScript and jQuery that they must know. A feature of this textbook is that it allows you to strengthen your theory through small missions connected to the theory. In particular, this textbook is also fully prepared with practical examples that utilize all the theories learned. The entire PDF page contains more than 320 pages of pure JavaScript (Vanilla JavaScript) and jQuery, with sufficient explanations added so that Coding Works can be easily understood. In particular, publishers can learn practical examples of jQuery interactions that are essential for creating websites.

When you want to try using Figma, a UI design authoring tool, or when you want to create something with Figma, you'll practice the most basic usage methods.

Joint planning work that is stressful and headache-inducing, let's use the work tools comfortably. More opportunities for creativity for professionals, design sense for non-professionals!

Master the practical use of SCSS (SASS) and FLEX Layout! This is a systematic responsive website project creation process that designs the main page and key sub-page UI of the entire website with Figma, creates an HTML wireframe structure with consistent class names, and completes publishing. In the course, which lasts more than 41 hours in total, you will learn the core theory and practical application skills and design and create PC-mobile-tablet responsive layouts, which will greatly improve your experience and know-how with responsive web projects as well as your core jQuery theory and practical application skills.

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.

Online bootcamp in Jeju! Create your own service quickly! :)

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 mini-project practical lecture suitable for those who have just finished studying JavaScript grammar. It will help you break through the gap between basic JavaScript grammar and frameworks such as React or Vue. ✨

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!

Interactive Web Projects is a series of creative interactive examples created using CSS and JavaScript.

CSS Grid is a powerful tool that allows you to implement complex layouts simply and intuitively. This lecture is designed to help you easily learn the core concepts of CSS Grid to practical applications step by step. Stop being tied to complicated floats and flexboxes and learn the standard of efficient layout design! Start now!

Learn the React framework, which is the most widely used in practice, in an easy, fast, and fun way! While creating a to-do list app, you will learn how React works, how to design components, and how to refactor.

Beautiful screens mean nothing without a working prototype! Create prototypes that work like the real thing with conditional logic, and develop design thinking skills that remain solid even in the AI era.

We will cover the concept of machine learning in a JavaScript environment. We will cover the form and code of implementing machine learning with JavaScript and TensorFlow.js.

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.