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

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

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 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?

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.

Learn everything from CSS basics to animations and responsive design. Solidify your fundamentals by reviewing what you've learned through practical, real-world examples.

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.

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!

AI Utilization Master Guide for Java Developers! This course breaks the stereotype that AI is exclusive to Python, and grants your Java apps AI's eyes, ears, voice, and coding abilities. Grow into an AI architect based on OpenAI API. Directly develop various AI specialists such as AI writers, translators, artists, and coding partners, and create a multifunctional AI assistant that integrates core features like text summarization, sentiment analysis, image description, Java code generation, voice/text conversion, and image/subtitle generation. Learn to assign roles to AI through system messages and even content moderation for harmful content - this is a golden opportunity to maximize the competitiveness of your existing Java systems.

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.

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.

After completing all lectures, you will be able to develop a web service yourself.

This course aids students in systematically learning Zustand, from fundamentals to practical use.

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

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.

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.

This is an advanced frontend course designed for students and professionals with at least one year of web development experience. It is best suited for those with 2–3 years of industry experience who are facing a plateau in their skills or wish to learn about product architectures required by large-scale enterprises.

Through this course, you will build a design system and experience the explosive synergy of your design work.

This course is designed for those who use AI but are confused about how much they can trust it. It covers how to use AI in your work or creative process without overdoing it, ensuring it provides actual value. Rather than requiring professional development knowledge or complex tools, it focuses on how anyone can effectively integrate AI into their own workflow. Instead of teaching complex prompt engineering, the course focuses on the mindset of **knowing when to use AI and when it's better not to**, as well as **how to verify and refine AI outputs** rather than trusting them blindly. Through this course, you will establish criteria for using AI not as an automation tool that replaces everything, but as a **practical partner** that helps organize your thoughts and assists in your work.

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

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.

From basics to practical application, an all-in-one UI design class mastering everything with Figma! Master essential features like Auto Layout and Components, along with responsive design, efficient handoff, and collaboration skills for real-world work. Start now and upgrade your design capabilities to the next level!

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.

Solidify your foundation in Python/Django web service development. Learning Django takes time, but you can maximize your productivity through iterative development. Turn your imagination into reality.

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.

The first publicly released ChatGPT open source GPT-OSS - Get a taste of it faster than anyone else. Learn what GPT-OSS is and run it locally to create an overwhelming advantage with GPT-OSS faster than anyone else!