강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Web Development

Frontend Masterclass

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.

(4.7) 15 reviews

258 learners

Level Intermediate

Course period Unlimited

JavaScript
JavaScript
React
React
Functional Programming
Functional Programming
oop
oop
Next.js
Next.js
JavaScript
JavaScript
React
React
Functional Programming
Functional Programming
oop
oop
Next.js
Next.js

Reviews from Early Learners

4.7

5.0

관태

33% enrolled

A lecture I selfishly want to keep to myself.. A lecture that can help you level up if you're aspiring to be a frontend developer and are at a junior level A lecture focused more on advanced topics rather than basics Recommended for those who want to broaden their perspective and write better code instead of just writing code that simply works!

5.0

열람현

10% enrolled

Hello, I am leaving a review after signing up for the course and binge-watching for 5 hours and 30 minutes (I've watched about 10% of the total curriculum). My coding level before taking the course: - Started with "vibe coding" a year and a half ago. It was fun at first, but I felt frustrated by the roadblocks caused by my lack of development knowledge, so I studied the flow of HTML, CSS, and JS through YouTube. - From that point on, I collaborated well with AI, and the process of completing programs or websites at the level I wanted was enjoyable. I started earning a small amount of pocket money, and now I earn as much from my coding side hustle as I do from my main job. - My annual income has essentially doubled, but with the release of the Claude Opus model, I began to feel strongly that as a non-major, the AI's capabilities have become so incredibly high that I kept thinking, 'I feel like I could be doing this more efficiently...' Because I lacked development knowledge, it was impossible to maximize the AI's potential, and I hit a major wall. - 'Do this for me' -> 'It's not working, there's this error, do it again' -> 'Now there's this error'... After over a year of infinitely repeating this cycle of relying solely on AI until it worked without even knowing the cause, I got exhausted. I felt deeply that this was inefficient in an era where we must utilize AI agents, so I sought out this course to grow. The process of choosing this course: - I was tired of the cliché AI agent introduction videos flooding YouTube every day. - I was fed up with content creators who have zero services of their own but try to win people over with titles like 'X years of experience at such-and-such company.' - I was disappointed by thumbnails and content that took knowledge you could find just by asking AI, turned it into a script via AI, and packaged it as if it were something amazing. - Those who have achieved even small results through "vibe coding" like me will know: for developer creators, a single service they built themselves proves their skills better than a hundred words. Looking at this instructor's services and YouTube content, I was confident that if I could absorb even a fraction of what's in this course, I would be able to grow significantly. Course Review: - Rather than explaining every single developmental concept, the instructor shares direct hands-on experience from the field, which makes it distinctly different and engaging. It's not a one-way explanation that ChatGPT could provide, but a sharing of experiences that keeps me focused and curious about what comes next. - There are so many practical techniques that even AI doesn't tell you. I feel like, 'Everything I've been doing until now was just a struggle in the dark...' There are so many methods shown in this course that I have never seen once on YouTube. I almost feel like I want to keep this to myself. - It's great to see how an elite senior developer actually works; it gives me a clear understanding of how to set up my AI partner and how to equip and move forward with these skills for a lifetime. - For us "vibe coders," the goal isn't necessarily to get a job at a company, so we don't need to memorize development knowledge well enough to explain it. Instead, we focus on how to configure/build AI and efficiently achieve the final goal. I highly recommend this to my fellow vibe coders who want to achieve that. I feel like I've gained my freedom. haha

5.0

mike1124

100% enrolled

I planned to complete the entire course during the holiday, but there's really a lot of content. It's literally like a comprehensive gift set that lets you see the entire frontend at a glance. I could grasp the overall flow, and the core and important content was explained through practical examples, so I was able to listen with such immersion that I thought "I need to try this at work right after the holiday ends." Having some backend experience helped me understand it better. The course materials were well-prepared, which was great even for the difficult parts. And overall, the conceptual explanations were provided together, so I felt it was a good course suitable for the AI era. After taking this course, I can see shortcomings that weren't visible before, and I also think about how this could be improved. The goal of this course is to have different eyes when looking at code compared to before, and I really became able to think about many things even when looking at a single piece of code. Thank you for the great course.

What you will gain after the course

  • Advanced Frontend Development Methodologies

  • GoF Object Structures and Practical Application Examples

Welcome to the Frontend Master Class

Many developers find themselves reaching a point where they feel they are no longer growing. They wonder what more they should study, what they are lacking, and what kind of considerations developers working at large corporations or companies providing entirely different services keep in mind while developing.


The Frontend Master Course combines everything from the basics to the modules and programming methodologies that form the core framework of modern frontend development. Through this course, starting from GoF methodologies, we cover modern code patterns and usage of React and Next.js, state management strategies, design patterns, code structure, animation libraries, and testing tools—providing content that helps you advance from a beginner to an intermediate and advanced developer. It covers JavaScript, React, functional programming, object-oriented programming, and Next.js in depth, while Vue.js and Svelte are hardly covered.

KakaoTalk_20260116_200748796

Selected as the 2025 Top Rookie, thank you to all the students.

Who is this course for?

1. Those with at least one year of experience in frontend study or professional work.

This is an advanced course for those who have a basic understanding of HTML, CSS, and JavaScript and have experience developing simple web applications. It is suitable for those who wish to build deeper frontend development capabilities based on the foundational knowledge they have already acquired.


2. Professionals who feel a lack of progress due to repetitive code patterns

Do you feel like your growth has stalled while writing similar code every day? This course presents various patterns and approaches to efficiently solve complex problems frequently encountered in the field. You can learn advanced techniques that improve code quality and enhance development productivity.


3. Those who need to learn about the deep specifications and development patterns of JavaScript

Do you want to go beyond simply using JavaScript and write more efficient code based on a deep understanding of the language? In this course, we cover advanced concepts such as JavaScript's internal workings, asynchronous programming, functional programming, and design patterns in detail with practical examples.

Detailed Curriculum

Advanced JavaScript

  • Runtime Structure

  • Callback functions and Promises

  • Web API

  • Map / WeakMap

  • Set / WeakSet

  • Closure and Memory Management

스크린샷 2025-08-09 오전 11.47.08

Part of the explanation regarding 'this'

Programming Paradigms

  • Object-Oriented Programming

  • GoF Programming Design Patterns

  • Functional Programming

  • How to Use Generators

스크린샷 2025-08-09 오후 12.00.23

Builder Pattern Lecture

Design Patterns

  • Atomic Design Pattern

  • Presentational & Container Pattern

  • FSD Pattern

  • Custom Hooks

  • Compound Components

  • Render Props Pattern

  • Higher-Order Components (HOCs)

  • Memoization

  • Virtualization

  • Props Collections & Getters

  • Slot

  • State Reducer

  • Lifted State

스크린샷 2025-08-09 오전 11.59.48

Memoization Lecture

State Management

  • The Background of State Management emergence

  • Redux State Management

  • Recoil State Management

  • Zustand State Management

  • Jotai State Management

  • Context API Usage Strategies

스크린샷 2025-08-09 오전 11.46.32

Part of the Jotai explanation

React/Next.js Ecosystem 

  • Features by React version

  • Next.js features by version

  • Fetching Strategies (React-query, SWR, Axios)

  • CSR data fetching strategies

  • SSR data fetching strategies

  • ISR data fetching strategy

  • SEO in Next.js

스크린샷 2025-08-09 오전 11.47.44

Some of the development directions of React

Styling

  • Design system construction methods

  • Tailwind

  • Emotion.js

  • CSS Modules

스크린샷 2025-08-09 오후 12.05.57

Styling

Form Management

  • Form Handling

  • Synchronous/Asynchronous Validation Strategies

  • Form User UX

스크린샷 2025-08-09 오후 12.07.25

Form Management

Testing

  • Unit Testing

  • Integration testing strategy

  • E2E Testing Strategy

스크린샷 2025-08-09 오전 11.49.01

Testing

Animation

  • How to use GSAP

  • How to use Framer Motion

  • How to use Anime.js

  • Animation UX Optimization

스크린샷 2025-08-09 오후 12.10.05

Thanos Snap

Authentication and Security

  • OAuth 2.0, NextAuth.js, OpenID Connect

  • Session and Token Management

  • Next.js Token Strategy

  • Two-way Encryption Payload

스크린샷 2025-08-09 오후 12.15.38

NextAuth.js

Performance Optimization

  • Core Web Vitals

  • Critical CSS

  • Code Splitting

  • Lazy Load

  • Image/Font/Bundle Optimization

스크린샷 2025-08-09 오후 12.12.22

Safari

Parallel processing

  • How to use Web Workers

  • Improving browser parallel processing performance

  • Browser Offline Strategy

스크린샷 2025-08-09 오후 12.14.43

Workers are self-contained

Accessibility and Internationalization

  • WCAG 2.1 Web Accessibility

  • ARIA Use Cases

  • Accessibility Testing Tools

  • i18n implementation and multilingual management

  • Formatting/RTL/Currency Handling

  • Localization Performance Strategy

스크린샷 2025-08-09 오후 12.13.28

Firefox Browser Developer Tools

Development Tools

  • How to use developer tools

  • How to use web analytics tools

  • How to use bundling evaluation tools

스크린샷 2025-08-09 오후 12.12.52

Layout Changes

Extensive lecture materials

The lecture materials consist of numerous code examples, explanations, and answers to anticipated questions.

스크린샷 2025-08-09 오전 11.44.56

Part of the lecture materials

Notes before taking the course

Practice Environment

  • Operating System and Version (OS): All OSs including Windows, macOS, and Linux are supported.

  • Tools used: Cursor and internet browser

  • PC Specifications: A basic specification PC with internet access

Learning Materials

  • Format of provided learning materials: Miro, etc.

  • Quantity and Capacity: Learning materials provided for each section

Prerequisite Knowledge and Precautions

  • The more experience you have struggling to solve programming problems on your own, the more helpful this lecture will be.

  • It will be even more helpful if you have experience in backend and DevOps beyond frontend.

  • The copyright of this lecture belongs to the instructor, and unauthorized distribution or reproduction is prohibited. The learning materials are also copyrighted and may not be used for any purpose other than personal study.

To all students


Hello, I'm Sanghoon Han.


I created my first product when I was in the second year of middle school. I didn't know then that the website I built would become a turning point in my life. More than a thousand people visited that first website on its very first day, and I received encouragement and praise from dozens of anonymous online users. Unable to forget that experience, I have continued to make numerous attempts in the web field.


Ever since tasting that sweet moment of success, I have faced endless cycles of challenge and failure. I spent years developing in a small room to create the products I envisioned, and through that process, I came to understand the pain and difficulty of developing alone better than anyone else. Because I know those emotions and that loneliness so well, I have consistently recorded and shared my journey with the world for over 10 years. I wanted to deliver a message to those working in lonely environments like mine, where there is no one to teach them. I wanted to tell them, "You are not alone."


In my professional career running a development agency, I have met with dozens of companies, conducted numerous transactions, and built many products. Through that process, I was able to observe the development directions, philosophies, and priorities of each company. I also saw people suffering from poor code patterns and toxic development cultures under a few authoritative developers in small environments. The Korean development market may appear to be doing the same kind of work, but it is growing in completely different ways.


If you are leading a project in a small company, or if you are starting to have doubts and feel anxious about the way you have been developing so far, this lecture will be helpful. I do not insist only on the methods I have taught. I want to tell you the story of a developer who has experienced it first—sharing the records of how I have learned, thought about code, and contemplated better code throughout my life.


There is no such thing as "truth" when it comes to code. Developers must make countless trade-offs and find the better choice depending on the situation. In that process, while a junior developer might make a decision based on only a few options, a senior developer can interpret problems with deeper insight. Writing code in a different form even if it appears to function the same way, and writing it in a more readable form, is achieved through contemplation and experience.


Through this course, you will be able to look at the code you've written in the past with a different perspective. When you look at code with new eyes, you start to consider things you've never thought of before, and in the process of resolving those concerns, you can create better code. This course contains the challenges and solutions that countless senior developers have experienced. I hope you gain your own insights by observing the solutions of those who have grappled with these issues before you.

Recommended for
these people

Who is this course right for?

  • A frontend developer who has reached a plateau in their skills

  • Those with at least one year of experience in web development.

Need to know before starting?

  • Basic programming knowledge

  • At least 1 year of experience in web development

  • Understanding of basic HTML and CSS syntax

  • A basic understanding of vanilla JavaScript

  • At least 6 months of experience using React.js and Next.js

Hello
This is hoonyhan

Career Verified

258

Learners

15

Reviews

15

Answers

4.7

Rating

1

Course

I am Sanghoon Han, a full-stack developer.

YouTube: https://www.youtube.com/@hoony_han

Curriculum

All

436 lectures ∙ (56hr 33min)

Published: 
Last updated: 

Reviews

All

15 reviews

4.7

15 reviews

  • duffkagus6157님의 프로필 이미지
    duffkagus6157

    Reviews 1

    ∙

    Average Rating 5.0

    5

    10% enrolled

    Hello, I am leaving a review after signing up for the course and binge-watching for 5 hours and 30 minutes (I've watched about 10% of the total curriculum). My coding level before taking the course: - Started with "vibe coding" a year and a half ago. It was fun at first, but I felt frustrated by the roadblocks caused by my lack of development knowledge, so I studied the flow of HTML, CSS, and JS through YouTube. - From that point on, I collaborated well with AI, and the process of completing programs or websites at the level I wanted was enjoyable. I started earning a small amount of pocket money, and now I earn as much from my coding side hustle as I do from my main job. - My annual income has essentially doubled, but with the release of the Claude Opus model, I began to feel strongly that as a non-major, the AI's capabilities have become so incredibly high that I kept thinking, 'I feel like I could be doing this more efficiently...' Because I lacked development knowledge, it was impossible to maximize the AI's potential, and I hit a major wall. - 'Do this for me' -> 'It's not working, there's this error, do it again' -> 'Now there's this error'... After over a year of infinitely repeating this cycle of relying solely on AI until it worked without even knowing the cause, I got exhausted. I felt deeply that this was inefficient in an era where we must utilize AI agents, so I sought out this course to grow. The process of choosing this course: - I was tired of the cliché AI agent introduction videos flooding YouTube every day. - I was fed up with content creators who have zero services of their own but try to win people over with titles like 'X years of experience at such-and-such company.' - I was disappointed by thumbnails and content that took knowledge you could find just by asking AI, turned it into a script via AI, and packaged it as if it were something amazing. - Those who have achieved even small results through "vibe coding" like me will know: for developer creators, a single service they built themselves proves their skills better than a hundred words. Looking at this instructor's services and YouTube content, I was confident that if I could absorb even a fraction of what's in this course, I would be able to grow significantly. Course Review: - Rather than explaining every single developmental concept, the instructor shares direct hands-on experience from the field, which makes it distinctly different and engaging. It's not a one-way explanation that ChatGPT could provide, but a sharing of experiences that keeps me focused and curious about what comes next. - There are so many practical techniques that even AI doesn't tell you. I feel like, 'Everything I've been doing until now was just a struggle in the dark...' There are so many methods shown in this course that I have never seen once on YouTube. I almost feel like I want to keep this to myself. - It's great to see how an elite senior developer actually works; it gives me a clear understanding of how to set up my AI partner and how to equip and move forward with these skills for a lifetime. - For us "vibe coders," the goal isn't necessarily to get a job at a company, so we don't need to memorize development knowledge well enough to explain it. Instead, we focus on how to configure/build AI and efficiently achieve the final goal. I highly recommend this to my fellow vibe coders who want to achieve that. I feel like I've gained my freedom. haha

    • tkyoun12409907님의 프로필 이미지
      tkyoun12409907

      Reviews 9

      ∙

      Average Rating 5.0

      Edited

      5

      33% enrolled

      A lecture I selfishly want to keep to myself.. A lecture that can help you level up if you're aspiring to be a frontend developer and are at a junior level A lecture focused more on advanced topics rather than basics Recommended for those who want to broaden their perspective and write better code instead of just writing code that simply works!

      • jackson52723404님의 프로필 이미지
        jackson52723404

        Reviews 1

        ∙

        Average Rating 5.0

        5

        100% enrolled

        It feels like you're providing a comprehensive summary of advanced topics, including refactoring approaches you've been contemplating.

        • y2jnwo20031님의 프로필 이미지
          y2jnwo20031

          Reviews 3

          ∙

          Average Rating 5.0

          5

          8% enrolled

          I've only made it through about 1 chapter so far, so this isn't a comprehensive review, but it was good. There's a book called JavaScript Deep Dive that has a similar feel. That book also tends to be polarizing - it gets poor reviews from people who prefer project-based hands-on learning, and this course is similarly focused on theory and key examples.

          • knoa0405님의 프로필 이미지
            knoa0405

            Reviews 3

            ∙

            Average Rating 5.0

            5

            100% enrolled

            I planned to complete the entire course during the holiday, but there's really a lot of content. It's literally like a comprehensive gift set that lets you see the entire frontend at a glance. I could grasp the overall flow, and the core and important content was explained through practical examples, so I was able to listen with such immersion that I thought "I need to try this at work right after the holiday ends." Having some backend experience helped me understand it better. The course materials were well-prepared, which was great even for the difficult parts. And overall, the conceptual explanations were provided together, so I felt it was a good course suitable for the AI era. After taking this course, I can see shortcomings that weren't visible before, and I also think about how this could be improved. The goal of this course is to have different eyes when looking at code compared to before, and I really became able to think about many things even when looking at a single piece of code. Thank you for the great course.

            Similar courses

            Explore other courses in the same field!

            Complete Guide to Frontend Build Systems - Part.1: Module System

            Rafael

            "JS Build System, still confused?" The JS Build System's concepts and practices that never quite clicked, unified!

            Basic

            Basic

            JavaScript, Node.js, Webpack

            Complete Guide to Frontend Build Systems - Part.1: Module System

            Rafael

            React Master Class: Part 1 - Understanding the Essence of Rendering and Design Through MissionsCourse Thumbnail

            React Master Class: Part 1 - Understanding the Essence of Rendering and Design Through Missions

            nhcodingstudio

            This is not just a lecture you listen to and forget. This course aims not for "the moment you understand React," but for "the moment you can actually work with React." In every section, you'll complete missions alongside the lectures, solve practice problems yourself, and learn by implementing core concepts like JSX, Virtual DOM, State, and useEffect with your own hands. When you finish the course, you won't just be a beginner who knows React syntax—you'll be a developer who can explain and utilize everything from component design to rendering flow on your own. "Not a class you just listen to, but learning you build through completion." Understand the essence of React and experience the world of declarative UI firsthand.

            Basic

            Basic

            HTML/CSS, JavaScript, React

            React Master Class: Part 1 - Understanding the Essence of Rendering and Design Through MissionsCourse Thumbnail

            React Master Class: Part 1 - Understanding the Essence of Rendering and Design Through Missions

            nhcodingstudio

            Practical examples you must try when developing front-end Part 2Course Thumbnail

            Practical examples you must try when developing front-end Part 2

            usefulit

            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.

            Basic

            Basic

            JavaScript

            Practical examples you must try when developing front-end Part 2Course Thumbnail

            Practical examples you must try when developing front-end Part 2

            usefulit

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deploymentCourse Thumbnail

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

            ludgi

            This is an introductory course to the front end using Next.js and Tailwind CSS. It is designed to complete static deployment without a backend, so even beginners can experience the satisfaction of completion.

            Beginner

            Beginner

            Next.js, TailwindCSS, aws-s3

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deploymentCourse Thumbnail

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

            ludgi

            JavaScript+jQuery from Basics to Practice: Basics Part.2Course Thumbnail

            JavaScript+jQuery from Basics to Practice: Basics Part.2

            usefulit

            This course will help you learn JavaScript through theory and practice. It explains step by step so that even beginners can easily understand. Part 2 covers JavaScript functions and events, types of functions, and core libraries.

            Beginner

            Beginner

            JavaScript, jQuery

            JavaScript+jQuery from Basics to Practice: Basics Part.2Course Thumbnail

            JavaScript+jQuery from Basics to Practice: Basics Part.2

            usefulit

            JavaScript+jQuery from basics to practice: Basics Part.1Course Thumbnail

            JavaScript+jQuery from basics to practice: Basics Part.1

            usefulit

            This is a lecture where you can learn JavaScript through theory and practice. We explain step by step so that even those who are new to coding can easily understand. Part 1 covers an overview of JavaScript, variables, data types, operators, control statements, and the basics of jQuery.

            Beginner

            Beginner

            JavaScript, jQuery

            JavaScript+jQuery from basics to practice: Basics Part.1Course Thumbnail

            JavaScript+jQuery from basics to practice: Basics Part.1

            usefulit

            Introduction to Frontend: Creating a ToDoListCourse Thumbnail

            Introduction to Frontend: Creating a ToDoList

            JH

            This is a TodoList tutorial taught in the simplest way by a third-year frontend developer.

            Basic

            Basic

            JavaScript, vanilla-javascript, Web Application

            Introduction to Frontend: Creating a ToDoListCourse Thumbnail

            Introduction to Frontend: Creating a ToDoList

            JH

            A Guide to Elm, a Purely Functional Front-End LanguageCourse Thumbnail

            A Guide to Elm, a Purely Functional Front-End Language

            hatemogi

            Study the Elm programming language guide to building front-end web apps with pure functional programming in just 3 hours.

            Basic

            Basic

            elm, Functional Programming, SPA

            A Guide to Elm, a Purely Functional Front-End LanguageCourse Thumbnail

            A Guide to Elm, a Purely Functional Front-End Language

            hatemogi

            Firebase Series #2: AI Hanja Recommendation & Handwriting Learning PlatformCourse Thumbnail

            Firebase Series #2: AI Hanja Recommendation & Handwriting Learning Platform

            dakgangjung123

            🔥 Building a customized platform for learning Chinese characters! Utilize Google Gemini AI and Firestore to implement your own Chinese character vocabulary list, stroke order animations, and even handwriting recognition!

            Basic

            Basic

            gemini, HTML/CSS, TailwindCSS

            Firebase Series #2: AI Hanja Recommendation & Handwriting Learning PlatformCourse Thumbnail

            Firebase Series #2: AI Hanja Recommendation & Handwriting Learning Platform

            dakgangjung123

            Inflearn Clone Coding Part 2: From Enrollment to Deployment, Building the Real InflearnCourse Thumbnail

            Inflearn Clone Coding Part 2: From Enrollment to Deployment, Building the Real Inflearn

            lopun

            🔥 This is a practical full-stack course where you implement the entire journey a student experiences, from browsing lectures to payment and deployment. You will build everything yourself—including lecture search, detail pages, enrollment, video playback, reviews and Q&A, shopping carts, actual payments, "continue watching" features, and Docker + AWS deployment—to master user flows and architectural design close to real-world services and complete a high-level full-stack experience.

            Intermediate

            Intermediate

            AWS, Docker, Next.js

            Inflearn Clone Coding Part 2: From Enrollment to Deployment, Building the Real InflearnCourse Thumbnail

            Inflearn Clone Coding Part 2: From Enrollment to Deployment, Building the Real Inflearn

            lopun

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer AppCourse Thumbnail

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer App

            nybs

            This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

            Beginner

            Beginner

            React

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer AppCourse Thumbnail

            [PROKIT] Vibe Coding/Frontend Practice Workbook: Building a Timer App

            nybs

            The Complete Guide to Python/Django Web Service Development with React (Based on Django 4.2)Course Thumbnail

            The Complete Guide to Python/Django Web Service Development with React (Based on Django 4.2)

            pyhub

            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.

            Basic

            Basic

            Python, Django, React

            The Complete Guide to Python/Django Web Service Development with React (Based on Django 4.2)Course Thumbnail

            The Complete Guide to Python/Django Web Service Development with React (Based on Django 4.2)

            pyhub

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            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

            Intermediate

            Intermediate

            React, Next.js, cursor

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            Building Claude Code with TypeScript from ScratchCourse Thumbnail

            Building Claude Code with TypeScript from Scratch

            Hiro Son

            "Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

            Basic

            Basic

            React, TypeScript, vercel

            Building Claude Code with TypeScript from ScratchCourse Thumbnail

            Building Claude Code with TypeScript from Scratch

            Hiro Son

            Launching a payment-monetized web service by managing an AI development team to ensure proper completion

            cobaetoo

            💸 A profitable AI agent web service course where real payments happen! ❗ Stop making websites just for your portfolio and build an <AI Commentary Product Mall> with 'infinite inventory and zero cost'! 🤖 Build a solid foundation starting from the 'service specification' with your AI development team members, just like working with a human development team!

            Basic

            Basic

            Next.js, Service Planning, Monetization

            Launching a payment-monetized web service by managing an AI development team to ensure proper completion

            cobaetoo

            The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)Course Thumbnail

            The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)

            kimw24072

            This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

            Beginner

            Beginner

            claude, JavaScript, TypeScript

            The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)Course Thumbnail

            The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)

            kimw24072

            The Undying jQuery Still Alive - From Basics to PracticeCourse Thumbnail

            The Undying jQuery Still Alive - From Basics to Practice

            ezweb

            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.

            Basic

            Basic

            HTML/CSS, JavaScript, jQuery

            The Undying jQuery Still Alive - From Basics to PracticeCourse Thumbnail

            The Undying jQuery Still Alive - From Basics to Practice

            ezweb

            [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS CoreCourse Thumbnail

            [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

            codefactory

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

            Basic

            Basic

            NestJS, REST API, backend

            [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS CoreCourse Thumbnail

            [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

            codefactory

            Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding StrategyCourse Thumbnail

            Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy

            jyoung

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

            Basic

            Basic

            HTML/CSS, JavaScript, Web Application

            Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding StrategyCourse Thumbnail

            Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy

            jyoung

            Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

            Practical React Native for iOS/Android App Development - Basic

            Wintho

            The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

            Basic

            Basic

            React Native, React, ES6

            Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

            Practical React Native for iOS/Android App Development - Basic

            Wintho