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.

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.

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.

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.

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.

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!

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.

Do you want to master responsive design by effectively utilizing Figma's Auto Layout, Grid, and Constraints features? In this lecture, you will gradually develop the skills to create responsive designs, from small UI elements to cards, tables, components, and web and app screens. Learn how to use Figma immediately for job preparation and practical work, and master the ability to design responsive interfaces optimized for various devices!

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

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

Master Figma in 4 hours! Based on the diverse know-how accumulated through 5 years of Figma lectures, we explain the theory so that anyone can easily and surely acquire it, and you can learn through various practical examples.

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.

You no longer need to study JavaScript and ES6 separately. This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

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

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.

This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

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

Cultivate advanced programming language utilization skills and software design and implementation skills combining functional, object-oriented, and LISP paradigms, necessary for growing into a mid-to-senior level developer.

Through this course, students will learn overall knowledge of HTML, CSS, and JS.

Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

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.

You can understand the JavaScript engine V8! You can get hints on how to write more efficient code.

There are many other languages.. Why JavaScript? JavaScript is the most widely used language in the world, and it has an easy-to-understand structure that even non-majors can learn quickly. In addition, famous companies such as Google, PayPal, and Amazon use it! Do you need to think any further?

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

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

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.