Even in the AI era, developers need the ability to understand code and complete real-world services. Build practical web development skills by using React and Firebase to implement everything from login, data management, and image uploads to deployment, based on a foundation in HTML/CSS/JavaScript.

Go beyond simply using AI and implement AI features directly into your web app. Build everything from AI recipe generation and image creation to data storage using Next.js and Supabase, gaining hands-on development experience connecting generative AI to a real web service.

In the AI era, web developers need more than coding skills—they need the ability to use AI to turn ideas into real-world results. Build your AI web development skills for practical work and portfolios by gaining hands-on experience creating UIs with Stitch and Figma Make, implementing them in React, and deploying them.

If you’ve learned HTML/CSS/JavaScript, now take your skills to the next level with React. Learn core React concepts such as components, Props, and State through a shopping mall project covering everything from product filtering, pagination, and API integration to responsive UI and deployment, and build the practical foundation you need to grow from a publisher into a frontend developer.

If you’ve learned React, it’s time to apply TypeScript to a real-world project. Build a TodoList app from scratch, applying types to components and state, and gain practical React + TypeScript development skills by implementing CRUD functionality, storing data in LocalStorage, and deploying the app.

If you’ve learned JavaScript, take your skills to the next level with TypeScript. Build a solid foundation in the TypeScript essentials needed for modern frontend development with React, Next.js, and more through hands-on practice covering basic types and type inference, interfaces, function types, generics, utility types, and more.

Once you’ve mastered the basics of CSS, use Grid to freely create complex web layouts. Practice step by step—from the core concepts of CSS Grid to analyzing Figma designs and implementing them on the web—and develop the layout design skills needed for professional web publishing.

If you’ve learned the basics of HTML/CSS/JavaScript, it’s time to bring them together into a complete website. Analyze a Figma design, implement it with HTML/CSS, then add JavaScript (jQuery) interactions, make it responsive, and deploy it—experiencing the full process of professional web publishing.

Even today, as modern technologies like React have become widespread, jQuery remains a technology you will still encounter when operating and maintaining existing websites and in web publishing work. Rather than simply recreating flashy effects, you will learn the principles and fundamentals of how jQuery works, progressing step by step from events and animations to a variety of UI interactions. Complete your portfolio through hands-on practice and develop practical web publishing skills that you can apply in the workplace.

Have you taken your first steps into web development? We have a special offer for those who are just getting started with HTML, CSS, and javascript! Do you want to create a mobile website to keep up with the mobile era, but are unsure where to begin? Don’t worry. By analyzing and implementing a Figma mobile design yourself, you’ll naturally learn the fundamentals of responsive web development. Based on a sophisticated mobile design, you’ll explore everything from subtle interactions that capture users’ attention to techniques that adapt perfectly to a variety of screen sizes. We’ll share our know-how to help your website shine on every device. Shall we get started together?

Do you have a basic understanding of HTML, CSS, and JavaScript (jQuery)? But are you unsure how to build an entire website? If so, challenge yourself to implement a shopping mall homepage by referring to a design. We’ll show you how to build a website by studying a completed design and understanding the project’s intent and detailed design elements.