Introduction to TypeScript - Building a Solid Foundation

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

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

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.

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.

This lecture is for those who want to learn everything from the basics of JavaScript to various applied technologies used in the field, including portfolios, in one lecture, rather than looking for separate lectures on basic JavaScript, applied JavaScript, and portfolios.

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

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.

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

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.

With this one course, you can learn the basics of popular Javascript frameworks and Typescript.

Fundamental JavaScript knowledge needed for frontend development. Essential knowledge that practitioners must know, explained easily and quickly. A basic course reflecting modern frontend development trends of 2024.

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

We create a project site to create and distribute a psychological test site using only HTML/JS/CSS.

mongoDB, NoSQL You hear a lot these days, but is it still an unfamiliar database? Aren't you using it like a relational database (RDS/SQL)? No matter how good the technology is, if it's not used correctly, it will have the opposite effect. That's why we often see cases of failure in using MongoDB. This lecture will teach you everything from basic concepts to practical know-how so that you can use MongoDB as MongoDB-like as possible.

This is a JavaScript-related lecture provided by Life Coding. It is a class on how to handle data immutably in JavaScript.

Completing an integration project between an API server built with Spring Boot (ver 3.4.x) and React 19 (with TypeScript)! Applying front-end to a back-end portfolio! A course written for working professionals (not a beginner-level course).

I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

🔥 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!

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

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

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

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!

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.

Develop your ability to find the core of a problem and solve it with the 'Top 10 JavaScript Algorithms' that cover the most frequently asked types of problems!