Intro To State Management in Modern React Applications

Master React from the ground up by building real-world applications with modern development practices. Learn component architecture, state management, hooks, routing, and API integration while following industry-standard patterns. Gain the skills to create scalable, production-ready single-page applications used by top tech companies.

This course is a hands-on program focused on learning the core syntax and application methods of frontend web programming and applying them to actual portfolio creation. Learners will progressively master everything from basic syntax including HTML, CSS, and JavaScript to the latest frontend technologies, directly experiencing the process of web interface implementation and dynamic functionality handling. Additionally, through various examples frequently used in practice, learners can naturally acquire efficient coding techniques and real development workflows. Through this course, learners will move beyond simple syntax memorization to understand the connected workflow from web page planning–design–implementation, and based on this understanding, they can complete their own portfolio. Furthermore, this course will serve as a solid stepping stone for growing into a frontend developer, providing great help as an introductory course for learners new to web development and as a practical supplementary course for those looking to build hands-on experience.

This course trains your frontend system design mindset through real-world service cases such as Threads feeds, Amazon shopping carts, Netflix streaming UI, Google Docs collaborative editing, Micro Frontends, Agentic UI, and Observability.

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.

This course is a full-stack level frontend project course that focuses on implementing Notion from start to finish using Vanilla JavaScript, going beyond simple UI cloning to deeply understand the internal operating principles. You'll implement all the core features of a real note-taking app using vanilla JS, including sidebar tree, nested document creation, auto-save, routing, trash, favorites, search modal, settings modal, theme switching, Export/Import, keyboard shortcuts, responsive layout, drag resize, and more. The goal is to solidly learn browser standard behaviors (event bubbling, DOM tree, local storage, Blob, FileReader, hash routing, etc.) that you must know before frameworks like React and Vue, so you can completely understand "why it works this way" and build the skills to debug effectively.

This course is a comprehensive lecture where you can learn Flutter step by step, from the basics of dart programming to basic and intermediate Flutter features, even integrating with Firebase backend, all the way to actual projects!

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

Let's build the skills to develop web applications using React and cultivate the capability to apply them in practice!

The days of feeling relieved by black-box code spat out by AI are over. By piercing through the physical limitations of computers and the inner workings of the Node.js core engine, we provide you with the engineering control to remain unshakable in the face of any traffic surge.

In an era where AI writes code for us, the value of a "true architect" who can see through and control the macroscopic framework of a system becomes overwhelmingly higher. This course digs into the essence of low-level networks and TCP/UDP sockets hidden behind frameworks, cultivating the ability to design robust core engines that never crash even in the face of millions of traffic hits and large-scale data. Go beyond being a coder who blindly repeats copy-pasting, and leap forward to become an irreplaceable master who directs and controls AI with clear, system-level solutions.