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

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.

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.

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

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.

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.

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.

Complete a company introduction landing page with hands-on vibe coding. Using Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP stack, proceed from design to deployment all at once. The key is "fast implementation + SEO foundation that performs well in search engines." 🏁 Course Objectives Landing creation → Performance optimization → SEO implementation → Deployment/Indexing Real-time coding (vibe coding) to immediately check completed sections Direct experience including search indexing 🛠️ Practice Stack Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP workflow 🔍 SEO Practice Apply SEO optimization MD files provided by instructor Metadata, OG/Twitter cards, robots/sitemap, structured data (JSON-LD) Optional multilingual routing implementation 🎯 Final Product Responsive company introduction landing + contact form Target Lighthouse 95+ Vercel deployment followed by Search Console registration and indexing request 📚 What You'll Learn from This Course How to quickly compose hero/trust/features/FAQ sections Clean UI composition with shadcn/ui Form validation and basic conversion tracking point design Boosting SEO scores with structured data + multilingual routing Understanding the indexing process through Search Console after deployment 💡 Industry Insights (Course Bonus) Beyond just code implementation, we'll briefly cover marketing and exposure methods actually used in the real market. Realistic pricing ranges for advertising, blog posting, and comment work How outsourcing and contracting companies actually proceed with SEO and exposure work Cost/efficiency differences between direct developer participation and outsourcing Through this section, you can develop a sense of how technology is actually utilized in real industry work and what cost structures drive it, beyond just the technical aspects. One-Line Summary Following the flow of "implementation → optimization → deployment → indexing," learn the web creation process that connects to actual search exposure and real industry market structures.

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.

In this course, you will create your own React YouTube video site using the React framework and YouTube API. You will understand the basic concepts of React, learn how to structure components, and manage state. You will also learn how to use the YouTube Data API to retrieve external data, and understand how to process API responses to provide meaningful information to users. The goal is to create and utilize your own YouTube site.

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.

React is the most popular modern front-end framework, but it is difficult to learn. To solve this problem, Hook was introduced. This lecture will help you learn React easily using Hook.

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.

The era of 'your own platform CEO' begins, even for IT beginners, with just an idea, using AI and GNUBOARD! We'll demonstrate the full development process from planning to deployment, and share diverse monetization methods like ads and shopping malls. Start your online business now!

This course is a practice-oriented program that goes beyond simple chatbots to build multi-agent systems where multiple agents collaborate. 👉 You will learn three frameworks—Swarm, LangGraph, and DeepAgents—step-by-step, completing six practical projects including a customer support chatbot, blog content creation, a PostgreSQL query agent, and an autonomous research agent. 👉 By implementing enterprise-grade features such as long-term memory using Redis and PostgreSQL, Human-in-the-loop security mechanisms, and cost monitoring, you will be able to build production-level systems that can be applied to real-world services immediately after the course.

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

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!

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!

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.

Let's build the skills to develop web applications using React and cultivate the capability to apply them in practice!

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 this course, you will be able to create a Reddit website from scratch, step by step.

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.