Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

DOM Basics

You can't talk about web programming without knowing DOM. Covers over 95% of the DOM specification. You can put a period on DOM. It's broad, deep, and detailed. No time, money, or effort wasted. Also covers JavaScript usage, and you can develop web applications with vanilla JS.

(4.7) 12 reviews

1,094 learners

  • tonextday
꽉꽉 채워낸
인생 멘토
DOM
JavaScript
HTML/CSS

Reviews from Early Learners

What you will learn!

  • User Interface Basics

  • DOM of the DOM specification

  • DOM of HTML specification

  • Window Object in HTML Specification

A must-have for web application developers
Put a period on the DOM!

Coupon discount
Discount from 77,000 won to 33,000 won.
Coupon Number: https://inf.run/qPSER

DOM skills essential for developers!

The Document Object Model (DOM) is essential for web application development. Mouse clicks are part of the DOM, as is retrieving input values. Dynamically displaying data on web pages is also part of the DOM.

Why should I know about DOM ?

of web applications
The concept, the thinking, the approach are different!

To cover the topic in depth, breadth, and detail, we will divide it into three courses.

  • This is the first course and covers DOM basics and the Window object.
  • The second course is "DOM Interaction" and covers Events, Web Components, etc.
  • The third lecture, "DOM: CSSOM," covers DOM manipulation with a focus on CSS.

DOM properties and methods are used in all languages and share the same functionality. However, their implementation differs. While the course is taught in JavaScript, developers in other languages can also take it if their goal is to understand DOM concepts and functionality.

Regardless of your level of understanding of the DOM, this course will give you the confidence that you've seen the entire DOM—the forest, the trees, the branches, and the flowers—a key element for developers. This will change how you envision, think about, and approach web applications.

Instead of using DOM properties and methods independently, you'll use them alongside JavaScript. You'll learn how to use JavaScript, and improve your JavaScript skills.


Learning the DOM in its entirety
The deepest and most accurate path.

Covers over 95% of the DOM spec. You can put a period to the DOM.
Wide, deep, and detailed. No time, money, or effort wasted.

This course has a scenario, meaning there's a learning order and a set of lessons to be learned.
By following the lectures, you can naturally learn the entire DOM and get a feel for everything about it.

interface
Checklist
Provides.

In order not to miss any properties or methods of the interface, I checked them by writing them in the form of a checklist, as shown in the image below.

The list of interfaces is provided as a PDF file. How to use it is explained in [00-3]. You can easily find the properties and methods of the course.

Interface list

Web-based technologies
Roadmap Integration Lecture.

Web-based technologies are HTML, CSS, DOM, and JavaScript.
While trendy technologies may change or disappear over time, underlying technologies remain constant and accumulate. It's crucial to learn deeply, broadly, and in detail from the outset.

With four JavaScript courses, you'll gain a thorough understanding of the fundamental technologies that form the foundation of web development.

For over 40 years
It comes from experience.

I have poured my experience of developing software for over 40 years into this lecture, sharing the sensory aspects that can only be felt over time, the animalistic senses.

It's about creating a sense
It's important.

While functionality is important for the DOM, creating a sense of context is even more crucial. To create that sense, coding is crucial, but so is a sense of breadth and depth. We cover various code formats, providing a comprehensive, in-depth explanation to help you develop a sense of context.


Can concentrate
Provides a learning environment .

Leaving the lecture page to run code is distracting and breaks the flow of the lecture.
To prevent this, we have developed a dedicated program to ensure that you can proceed on the current page as much as possible.


It's good to listen together
Check out the related lectures .

Kim Young-bo 's JavaScript series

Go to the JavaScript Roadmap (40% off)

Kim Young-bo 's DOM series

Go to the DOM Roadmap (40% off)

Recommended for
these people

Who is this course right for?

  • javascript developer

  • Web developer in languages other than JavaScript (DOM is common to all languages)

Need to know before starting?

  • JavaScript Basics, HTML

Hello
This is

9,630

Learners

392

Reviews

337

Answers

4.8

Rating

12

Courses

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

 

Curriculum

All

123 lectures ∙ (24hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

12 reviews

4.7

12 reviews

  • user130103님의 프로필 이미지
    user130103

    Reviews 20

    Average Rating 4.9

    5

    54% enrolled

    I heard it well. It seems good for students who want to learn academic concepts related to DOM. Therefore, if you want to practice reading code while understanding DOM, I recommend it. However, the only regret is the difficulty of the lecture. The frequent screen changes and the presence or absence of live coding may be a bit burdensome for beginners, and it may feel a bit boring for intermediate or higher level students who want to learn quickly at 2x speed or need a simple summary. However, it seems true that it is a lecture full of sincerity :)

    • cheoljinan님의 프로필 이미지
      cheoljinan

      Reviews 7

      Average Rating 5.0

      5

      100% enrolled

      • kys13987454님의 프로필 이미지
        kys13987454

        Reviews 6

        Average Rating 5.0

        5

        100% enrolled

        • manitw28님의 프로필 이미지
          manitw28

          Reviews 32

          Average Rating 5.0

          5

          100% enrolled

          If you are a web developer, I highly recommend listening to this at least once.

          • tonextday
            Instructor

            Thank you^^

        • chuing님의 프로필 이미지
          chuing

          Reviews 12

          Average Rating 4.8

          5

          41% enrolled

          It's a lecture that seems to be trying to explain everything one by one so kindly. It's true that there are some parts that are excessive and make you lose focus. In the beginning... If you get past that part, there seems to be no other place to listen to DOM-related lectures.

        $59.40

        tonextday's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!