AI Web Development Practical Project (Stitch · Figma Make · React)

You will learn everything from CSS basics to animations and responsive design. Through practical examples, you will review what you've learned and build a solid foundation.

Through this course, you can build a solid foundation in HTML, one of the three core languages that make up a webpage, alongside CSS and JavaScript. Learn how to properly write HTML that is optimized for search engines and complies with web accessibility and web standards.

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.

This is a practical web development project course where you complete everything from planning and design to implementation and deployment using generative AI. You will create designs using Stitch and Figma Make, generate code with AI Studio, and deploy them as actual services. Even if you don't know much about coding, you will learn how to develop alongside AI and complete your own AI web app. Now, you too can become a developer who collaborates with AI.

This is a project-oriented course where you will build a "ToDo List" app using React and TypeScript with a professional touch. Beyond simply learning syntax, you will gain practical experience in using TypeScript by completing a real-world service—from component structure design and state management to type application, feature implementation, local storage integration, and deployment.

This is an introductory course where you will learn the core syntax of TypeScript to improve type safety and code readability through hands-on practice. You will learn everything from project environment setup to interfaces, generics, and utility types using real-world code examples.

First steps in React for publishers! Learn everything from basic syntax to building and deploying a responsive shopping mall website all at once. This is not just a collection of fragmented React examples; you will learn and apply the core syntax necessary for actual web page production.

This course provides a step-by-step guide on the process of implementing Figma designs into web pages. It covers the overall practical aspects of web publishing, from saving images to writing HTML, CSS, and JavaScript. The course is structured systematically so that even beginners can easily follow along. 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 even complex layouts simply and intuitively. In this lecture, we have structured the content so you can easily learn everything from the core concepts of CSS Grid to practical application methods step-by-step. Now, stop being tied down by complicated float and flexbox, and learn the standard of efficient layout design! Get started right now!

jQuery, the JavaScript library used by over 75% of websites worldwide! This course is designed to help you build a solid foundation by understanding the principles rather than just flashy effects. Learn everything from jQuery basics to advanced applications to complete your own portfolio or apply it directly 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?

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.

Select HTML elements using JavaScript and change element styles or implement animation effects based on various events. Implement style changes, event settings, and effects frequently used in webpage development based on the basic syntax of JavaScript.

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

This is a course where you'll learn the latest Next.js v15 App Router while building a practical developer blog based on Notion together. Additionally, you can gain various insights including how to utilize Cursor AI.

This is a practical web development project course where you complete everything from planning and design to implementation and deployment using generative AI. You will create designs using Stitch and Figma Make, generate code with AI Studio, and deploy them as actual services. Even if you don't know much about coding, you will learn how to develop alongside AI and complete your own AI web app. Now, you too can become a developer who collaborates with AI.

This course covers practical Web APIs. I hope you gain the tools to solve requirements you are bound to encounter at least once in the field.

This course trains you to think in terms of frontend system design through real-world service cases such as Threads feeds, Amazon shopping carts, the Netflix streaming UI, Google Docs collaborative editing, Micro Frontends, Agentic UI, and Observability.

From coding basics to launching your own app all at once?! The App Build All-in-One, connecting fundamentals and practical application.

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

While LLMs are currently transforming the development environment, what truly matters is not just "writing code on your behalf" but integrating them as features into a service. This course provides a step-by-step guide to implementing a lightweight yet polished Tarot reading service using Next.js and the OpenAI API. In the first stage, we will build an MVP that works without a backend, connecting the user input flow (questions/threads/card selection) to result generation. In subsequent stages, we will expand the functionality by building a backend, implementing general login and OAuth, adding community features, and creating a reading dashboard. Finally, we will conclude by deploying to AWS and integrating Google AdSense to complete a service ready for actual operation. Additionally, we will cover understanding pricing structures and cost optimization strategies to ensure that LLM API usage costs do not become a burden.

Did you buy a MacBook in the AI era but feel overwhelmed about where to start? A developer with 15 years of macOS experience will guide you through everything, starting from 'device initialization.' ✅ App installation · Essential macOS tips · Terminal · Homebrew · Setting up development environments ✅ Claude Code & Agentic Coding to create an environment where AI codes for you 👉 Start now and complete your development environment within today — make it the first day you truly master your MacBook.

Building a Full-Stack System Without Coding: Complete the entire pipeline from data collection to AI/ML analysis and web dashboards using only Korean prompts (Vibe Coding). Owning a 100% Automated Pipeline: Secure an independent stock analysis tool that sends S&P 500 screening and investment opinions via Telegram every morning. Acquiring a Practical Data-Based Investment Framework: Master institutional-level data analysis and risk management capabilities based on source code currently in actual operation.

No more AI courses filled with just theory. A current CEO who won the KT AI Excellence Award will teach you everything from text to video and game creation - 'practical secrets you can learn today and see results tomorrow.' Achieved 16.4 million won in Wadiz funding! The course that hundreds were enthusiastic about. We'll spoon-feed you the 'real practical' generative AI cheat codes that even non-majors can use to create web novels and videos right away. From planning to high-quality video production, learn how to finish with AI in a snap what would take a week if you hired an expert. We reveal the fastest route to creating results without trial and error.

This is a process for completing IoT products without complex coding, using the Vibe Coding methodology powered by AI agents. You can experience the entire product development cycle in a condensed format—from embedded hardware control and AI vision recognition to PCB design, 3D printing, and web/app service development—allowing you to launch functional, commercial-grade IoT devices.

Agent concepts and practice all at once?! A seamless, integrated course completed with OpenClaw. (Mac recommended)

Now your imagination becomes the ultimate game design document! With AI, you can have fun chatting as if you were building with LEGO and complete your first game. Try Google Gemini Pro for free!

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

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!

: "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.

This course conducts hands-on practice related to Diffusion models among generative artificial intelligence models. By reading and implementing the prompt-to-prompt paper, which is a representative Diffusion model application paper, we expect to cultivate the ability to understand the latest artificial intelligence papers.

Messy code, a flood of requirements... If you're looking for a breakthrough with AI, Learn how to become a "high-performing developer" by leveraging AI in legacy environments, taught by the former VP of Engineering at Toss Payments. Legacy code isn't going anywhere, even in the age of AI. It’s no exaggeration to say that every company has legacy code, unless they were founded today. So, how should we utilize AI in this reality? In this course, the former VP of Engineering at Toss Payments, who led a large-scale payment service organization, demonstrates firsthand how to work effectively using AI in legacy environments. This isn't just a course about how to use AI or basic coding skills. The goal is to help you develop your "critical thinking" as a developer and truly understand what it means to work effectively.

After using it for 14 days starting immediately upon release, here are the reasons why I recommend Claude Code (AI Coding) to everyone—from job seekers to industry professionals—as something they can apply right away.