Complete a Responsive Web Portfolio in 4 Hours with Figma MCP × AI

It is aimed at beginners of html/css, and it builds a solid foundation, and of course, you can learn practical responsive layout creation.

"2026 UIUX Designer | Coding Designer Agency Pass Portfolio Reveal" This is a practical lecture on creating a UIUX web portfolio that catches the interviewer's eye. The curriculum is designed not just for simple portfolio creation, but to enhance your competitiveness as a UIUX designer with differentiated results utilizing interactions.

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 lecture that creates and implements the actual website main page by creating the 'Hotel Hyundai Lahan_Mokpo Branch' site. It is a practical lecture on web page creation that teaches the skills essential for the web, such as understanding HTML Markup and Layout creation, as well as Fixheader, Image Slider, MenuOpen Bar, and Scroll Animation creation, for those who have basic knowledge of HTML/CSS.

This is a lecture that creates and implements the actual website main page as an application course for the Dopda site production. It is a lecture that completes the web page production by modifying and supplementing each coding, adding Fixed header, Image Slider, Mobile navigation, Scroll Animation, and responsiveness, from the simple structure coding centered on the layout and animation of the Dopda site Basic Course that was opened as a free lecture! (You can see that the learning effect is greater if you take this lecture after listening to the Dopda-Basic Course.)

[Website Creation Step By Step] Basic Course, this is a course to create the main page of Dopda (http://dopda.co.kr/) as it is. This Basic Course covers CSS layout creation and animation, and the Application Course will be opened by adding interactive elements such as image slide effects, responsive creation, scroll animation, and Fix Header.

[Website Creation Step By Step] This is a beginner-level course that will walk you through the creation of the main page of the Korea Consumer Era webzine (currently renewed).

[Website Creation Step By Step] This is a 3-step course that will teach you how to create the main page of Musign (https://musign.net) as is. This course will teach you the core practical know-how to create complex layouts easily and quickly by creating and implementing the gorgeous interactive web that is contained in the site.^^

[Website Creation Step By Step] This is a 3-step lecture, and it is a process of creating the main page of Daebang Industry as it is. It is a lecture that is as difficult as it is fancy, as it is a process of creating and implementing the gorgeous interactive web contained in the site.

This is a practical course on building a website (Hanwha Chemical/Solutions) using HTML5 and CSS3. It is a "Practical Web Page Creation! Step by Step!" Basic Course designed to help you fully understand and utilize PC mode layouts and responsive page creation. (Completed lecture files are attached!)

Real-world! Website Creation! This is an Application Course from Step By Step where you will recreate the main page of Y Studio (http://www.ystudio.co.kr/) exactly as it is using HTML, CSS, jQuery, and plug-ins. (Completed lecture files attached!)

Are you feeling stuck trying to implement an agent that goes beyond a simple chatbot? Based on my own trial and error and know-how from official documentation, I will show you how to build intermediate-level agents that can be immediately applied to real-world tasks.

In the AX era where AI technology and UX design converge, what strategies should product teams use to design customer experiences? A 17-year veteran senior researcher from a major corporation and knowledge sharer with a PhD in HCI will share insights based on the latest trends, use cases, and research findings.

We will show you how Java backend developers using IntelliJ can maximize their productivity with Claude Code. In particular, we help you perfectly resolve the vibe coding environment issues faced by those using Windows environments.

Document → Code Automation. Stop typing prompts and let the system do the work. Build your own AI development agent with Skills, Sub-agents, and Commands, and complete monetization services through 5 real-world projects.

The most popular tool for designers, Figma! Become a popular UX/UI designer by easily creating with AI!

"Beyond Data Analysis: From Predictive Model Design to Optimization (29 Lectures in Total)" Have you finished your data analysis but feel stuck when it actually comes to building a model? We help you fully master not just how to call libraries, but the working principles of each algorithm and optimal model validation strategies.

Are you feeling stuck on how to apply what you've learned to real-world tasks even after mastering the basics? I will help you complete complex RAG and agent designs using my professional industry know-how.

We will directly implement an AI web service integrated with the OpenAI API using only HTML, CSS, and JavaScript. By utilizing Netlify Functions, we will securely protect the API key and proceed with actual deployment using a static frontend + serverless backend architecture. This is not just a simple demo; we will complete a monetizable MVP from start to finish through a live IDE session.

: "From environment setup to 7 practical projects, a deep learning full-stack journey across data domains (35 lectures in total)" Go beyond simply following example code and learn how to cook various types of real-world data using deep learning. Starting from building CPU/GPU development environments, you will cover waste sorting classification (Image), stock price prediction (Time-series), ECG anomaly detection (AE), animation stylization (GAN), medical image segmentation (U-Net), and sound classification (Audio)! Systematically master core deep learning algorithms through hands-on projects.

By simply entering a US company ticker, this system automatically collects financial accounting data, competitor analysis, recent news, and stock price information to generate professional investment reports through in-depth analysis using the OpenAI GPT API. The final results are automatically uploaded to Notion. By learning the basic concepts and terminology of financial accounting, even engineers can utilize this for competitor benchmarking, persuading supervisors, and planning new solutions. You will build a high-performance API server using Python and FastAPI, learning asynchronous programming, AI integration, and practical fintech skills. We support beginners so they can easily follow along, complete a system applicable to real-world investment and business, and grow into developers tailored for the AI era.

A course chosen by 3,000 students! Updated to GPT-5 version! How far can you go with ChatGPT? Create automated stock trading applications and web investment reports!

Even if you don't know coding, full-stack development, or Rails development, you can build a complex platform like Inflearn. Use Windsurf, Cursor, and Claude Code.

You can enhance your mobile web production skills, which are the most competitive assets for publisher employment and practical publishing work. You will be able to solidify almost all production methods and know-how required to create mobile webs as a publisher. In particular, to cover much of the design ability required of publishers and developers these days, we have provided detailed explanations of the process of working on mobile web UI design using Figma. A key strength of this mobile web publishing course is the detailed instruction on how to create HTML wireframes for every single page. Through this lecture, your ability to create HTML wireframes will improve significantly. In mobile web publishing, you will acquire practical skills comparable to real-world work by learning how to perfectly adjust layouts for mobile and tablet devices using CSS variables (Var). You will fully develop intermediate-to-advanced practical CSS skills, centered around Flex layouts.

"In such a busy world, you can create a portfolio quickly using AI?" From problem definition to research synthesis, ideation, and prototyping! Use AI as your practical partner to quickly build a high-quality UX/UI portfolio. You can strategically utilize not only the latest AI tools but also proven tools consistently used in the industry to fit your project.

Even if you are new to design, you can complete your own brand logo in just 60 minutes. This is an introductory logo design course using Canva and Figma, designed so that even non-majors can produce results by following along. ✔ How to express a brand concept through a logo ✔ Understanding the criteria for selecting colors and fonts ✔ Applying basic principles of logo design ✔ Creating outputs that can be used across various platforms Experience logo design created through logic, not just intuition.

Learn the entire process of running the latest Gemma 4 model directly on your MacBook without the burden of paid API costs. You will master performance maximization techniques using Apple Silicon's Metal API and optimal parameter settings for different VRAM capacities, while gaining the ability to build production-level local AI infrastructure based on FastAPI.

Starting as a non-major and eventually leading large-scale UX projects at global tech companies like IBM and Oracle, I am sharing the UX knowledge I gained through various trials and errors. This is an introductory course designed to help you build a solid foundation in UX design and leap forward to the next step in your career preparation.

Now your imagination becomes the best game design document! With AI, you can complete your first game by having fun conversations as if assembling LEGO blocks. Try using Google Gemini Pro for free!

Stop asking developers every time! Create websites and various services without using expensive outsourcing!

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.