2D Graphics and Games with Cursor(AI) Made with PixiJS

Libraries are optional, but web standard technologies are essential. Adapt to the new standard for web animation, Web Animation API, faster than others and apply it to your work right away!

You'll learn about Flex and Grid, the current and future standards for writing CSS layouts.

This course will teach you the fundamentals of developing creative, interactive web pages.

Learn the core concepts of three.js, a JavaScript library that can implement 3D on the web, and get a feel for 3D web development by creating application examples.

Interactive Web Projects is a series of creative interactive examples created using CSS and JavaScript.

This course will teach you how to create a first-person 3D website that works on both desktop and mobile.

In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

Let's replicate the core features of the BBC's interactive page "The Future of Offices: How COVID-19 Will Change Your Workplace", which is being shared popularly on social media.

Learn how to develop advanced interaction effects frequently featured on Apple's website from scratch.

Learn the basics of web vector graphics SVG and acquire the skills to apply them in the desired direction through fun and diverse examples.

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

The reason I created this course is one. It's due to the desire to "help non-majors like myself realize their ideas."

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.

Clone YoutubeMusic website with React, Next.JS 14, TailwindCss, RadixUI, Shadcn, and zustand. You can master the basics of web front-end with a focus on UI, starting from NextJS basics.!

React and Three.js in one go! From 3D basics to projects applicable in the field, and even optimization tips!

In this lesson, you'll create a first-person 3D website that works on both desktop and mobile.

No more waiting on the dev team, I'll build it myself! This course helps practical staff (e.g., in planning, marketing, sales) to directly implement core web service functions using AI tools, without developer assistance.

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

Don't know coding? OK! Turn your ideas into real revenue in just 4 weeks. Using AI and the latest tools, create websites and apps simultaneously and connect them directly to services.

This course is an introductory coding program for non-developers, aiming to eliminate vague fears about coding and instill the confidence to directly build web services and applications.

A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].