인프런 - 라이프타임 커리어 플랫폼

This is a practical course where you can learn how to build a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

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!

Online bootcamp in Jeju! Create your own service quickly! :)

This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.

You can learn the basics of React. You can organize HTML, JavaScript, DOM, Event, Object, Module, OOP, etc. related to React.

For job seekers who have created a portfolio as a backend developer but have nothing to show but an API, we will provide the experience of adding a frontend to create a web service.

Create a web page that tests your development type! MBIT (My Best IT Personalities), not MBTI! You can learn the overall process of web development by creating your own 'MBIT Test Page'. (Uses Django 3.1 version.)

Build a solid foundation and confidence by developing a variety of topics from scratch with JavaScript.

This is a full-stack lecture series based on real-world web service development experience, aiming to help beginners develop web and app services to a level suitable for actual commercialization. As Part 2 of this series, this lecture thoroughly and solidly covers the latest HTML5, CSS3, vanilla Javascript + ES6, considering responsiveness and compatibility within the diverse landscape of frontend technologies.

Let's learn together the official React documentation that has been renewed in 2023.

This course covers the Critical Rendering Path (CRP) process from start to finish, where the browser receives HTML to create the DOM, combines it with the CSSOM, and renders pixels on the screen. Beyond simple DOM manipulation, you'll learn how CSS and JS impact performance, image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and DevTools practice, gaining practical strategies to noticeably improve real web performance.

This course goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

No matter how much you study React, Next.js, or Vue, if the code feels abstract and the structure isn't clearly understood, the root cause might be a lack of understanding of DOM. DOM is the foundation of all frontend frameworks and the entity that connects the structure and behavior of web pages. This lecture goes beyond simple selectors or manipulation methods, teaching step-by-step from the very beginning how HTML transforms into DOM objects and how to select, traverse, and manipulate this structure. It is the Part 1 introductory lecture of 'Complete DOM Mastery'. HTML tags are just structure, and JavaScript is just behavior, but DOM is the core that connects the two. If you clearly understand this connection, you'll be able to precisely grasp the true structure and flow within any framework you use.

This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.

In many programming languages, including Javascript, asynchronous operations are one of the most difficult and complex elements of software. You can discard primitive asynchronous programming such as setTimeout and setInterval and easily handle complex asynchronous operations through RxJS.

This course is for developers who have already used programming languages (Java/Python/Swift/Kotlin, etc.). It is a lecture designed to quickly learn JavaScript in one hour. Although we are in an era of coding with AI, human developers must supervise AI code. Therefore, this lecture aims to quickly build the minimum knowledge needed for supervision.

This course is not about "Let's build something amazing with the latest technology," but rather the most practical web development beginner course that makes you feel "You can build it yourself with just a little knowledge." We'll create the basic structure with HTML and JavaScript, exchange data using Node.js and SQLite, and complete a simple web page with Next.js. We minimize complex configurations and difficult theories, and focus on getting a hands-on feel for web development flow by writing code that actually works. This course centers on 'hands-on experience' rather than just 'learning.' If you've touched code even a little bit, anyone can follow along and feel the satisfaction of completion.

"Becoming a Skilled React Developer" has been published. This book provides solid foundational knowledge by systematically guiding readers from the basic principles of the web needed before learning React to the latest React hooks. Through over 40 diverse hands-on projects and abundant practical examples, you can directly apply theory to real-world scenarios and develop problem-solving skills. Additionally, it helps you grow into a well-rounded React application developer by learning essential technologies for modern web development such as Redux Toolkit, Zustand, and Firebase.

New to React? You need to think about how to learn React's basic concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for practical development. Todo examples are so important that you need to develop them twice. Once focusing on components, then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with really minimal code.