しっかり学ぶJavaScript: 初心者から実務者まで完璧攻略 Part1 - 【基礎編】

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

An Express.js journey from beginner to mastery, flowing like water! A backend journey where you learn properly by directly implementing from basic server concepts to completing a CRUD project.

Beyond simply using Express.js, this lecture will have you directly implementing its internal engine from scratch to finish, allowing you to truly internalize the operating principles of a real server. You will directly build all of Express's components, such as routers, middleware, request-response objects, static file handling, and template rendering, from the ground up, providing an experience that fosters growth as a server developer.

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 course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

This course systematically masters intermediate to advanced CSS techniques such as "CSS Position, Transition, Transform, Animation, Flexbox, Grid, and Responsive Web Design," and equips you with skills immediately applicable in real-world projects through various hands-on practice projects.

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

This course systematically masters intermediate to advanced CSS techniques such as "CSS Position, Transition, Transform, Animation, Flexbox, Grid, and Responsive Web Design," and equips you with skills immediately applicable in real-world projects through various hands-on practice projects.

Cultivate advanced programming language utilization skills and software design and implementation skills combining functional, object-oriented, and LISP paradigms, necessary for growing into a mid-to-senior level developer.

We will cover the concept of machine learning in a JavaScript environment. We will cover the form and code of implementing machine learning with JavaScript and TensorFlow.js.

📌 This course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

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

Through this lecture, you can create a shopping mall website from scratch step by step.

This course allows you to learn the major trends in web development by following the overall web technologies required to complete a website.

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

This is an introductory React course that will teach you React the easiest and fastest way. Learn concepts and practical skills while creating a toy project and complete the entire course in just 3 hours, including deployment! This is the first course in a series consisting of beginner, intermediate, and advanced levels :)

Master React now. Easiest course to grasp React's features & roles, comparing to pure JS!

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

Currently, Android can be developed using the Java and Kotlin languages. The same Android application can be developed using either language. This course covers most of the content from basic to advanced Android application development, and all code is written using the Kotlin language starting from the basic content. We also use Material 3, Google's latest UI library. This course mainly covers menus, Android application components, threads, and Fragments among the entire Android curriculum, and future courses are planned to cover more in-depth topics. Soft Campus will always strive to provide the latest lectures. Thank you.

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

This is a practical exam specialist lecture that is optimized for the practical exam content that exactly matches the exam criteria implemented until the Web Designer Qualification Exam Criteria (2025.1.1~2025.12.31), and the HTML+CSS+JQUERY Publishing, Coding Works Web Designer Qualification Exam Practical Exam Lecture is different. It includes both the perfectly produced D-type and E-type classes added in 2023 and the perfectly produced F-type classes added in 2024.

R shiny allows you to implement R's infinite functions on a web app in the simplest way possible, making it easy to learn and use.

This is a practice-focused problem-solving course for JavaScript beginners. It is structured with over 1,500 step-by-step problems that you can solve on your own, allowing you to naturally learn core concepts and internalize the syntax.

With a practical example, we will design and develop a web application using Spring Boot and JPA. Through this process, you will understand how to use Spring Boot and JPA in practice.

The JS Core Theory and Practical Example Textbook and Completed Version for Web Publishers is a lecture textbook produced in PDF format. This textbook helps web publishers to fully acquire the basics of JavaScript and jQuery that they must know. A feature of this textbook is that it allows you to strengthen your theory through small missions connected to the theory. In particular, this textbook is also fully prepared with practical examples that utilize all the theories learned. The entire PDF page contains more than 320 pages of pure JavaScript (Vanilla JavaScript) and jQuery, with sufficient explanations added so that Coding Works can be easily understood. In particular, publishers can learn practical examples of jQuery interactions that are essential for creating websites.

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!