강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

DOM Basics

You cannot talk about web programming without knowing the DOM. This covers over 95% of the DOM specification. It is the definitive guide to the DOM—broad, deep, and detailed. You won't waste time, money, or effort. It also covers JavaScript practical application, enabling you to develop web applications with Vanilla JS.

(4.6) 14 reviews

1,098 learners

Level Basic

Course period Unlimited

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

Reviews from Early Learners

Reviews from Early Learners

4.6

5.0

user

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 :)

5.0

Kwon MJ

100% enrolled

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

5.0

동해바다

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.

What you will gain after the course

  • User Interface Basics

  • DOM in the DOM spec

  • DOM in the HTML specification

  • Window object in the HTML specification

If you are a web application developer, master the
DOM once and for all!
Essential DOM skills for developers! cực kỳ cần thiết cho các nhà phát triển!

DOM (Document Object Model) is essential for web application development. A mouse click is DOM, retrieving input values is DOM, and dynamically representing data on a web page is also DOM.

Why should you know the DOM?

The way you
conceive, think about, and approach web applications will change!

To cover the topics in depth, breadth, and detail, the content is divided into three separate courses.

  • This course is the first part and covers DOM basics and the Window object.Khóa học này là phần đầu tiên, nội dung bao gồm các kiến thức cơ bản về DOM và đối tượng Window.
  • The second course is "DOM Interaction" and covers topics such as Events and Web Components.
  • The third course is "DOM: CSSOM," which covers DOM processing with a focus on CSS.

DOM properties and methods are used in all languages and function the same way. However, the way they are implemented differs. Although this course is conducted in JavaScript, developers using other languages can also take it if their goal is to understand DOM concepts and functions.

Through this course, regardless of your current level of understanding, you will gain the most important asset for a developer: the confidence that comes from seeing the entire DOM—from the forest to the trees, branches, and flowers. Your conceptualization, thinking, and approach to web applications will be transformed.

Instead of using DOM properties and methods in isolation, you will use them alongside JavaScript. You can learn how to apply JavaScript in practice while simultaneously improving your overall JavaScript skills.


The deepest and most accurate way
to fully master the DOM.

It covers over 95% of the DOM specification. You can truly master the DOM.
It is wide, deep, and detailed. You won't waste time, money, or effort.

This course follows a scenario. In other words, the learning sequence and the topics to be covered are organized in order.
By following the lectures, you will naturally learn the entirety of the DOM and gain a complete feel for everything it encompasses.

Interface
checklists are
provided.
インターフェース
チェックリスト
提供します。

To ensure no properties or methods of the interface were missed, I created and verified them in a checklist format, as shown in the image below.

The interface list 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.インターフェースリストはPDFファイルで提供しています。その活用方法は[00-3]で説明しています。講座のプロパティやメソッドを簡単に見つけることができます。

Interface List

Web-based technology
integrated roadmap course.
Web基盤技術
ロードマップ統合講義。

Web-based technologies consist of HTML, CSS, DOM, and JavaScript.
While trending technologies may change or disappear over time, foundational technologies do not vanish; instead, they accumulate. It is necessary to learn them deeply, broadly, and in detail from the very beginning.トレンド技術は時間が経てば変わったり消えたりもしますが、基盤技術は消えることなく技術が蓄積されます。最初から深く、広く、そして詳細に学ぶ必要があります。

thoughtful With the four available JavaScript courses, you can completely master the foundational technologies that form the basis of web development.

It comes from over 40 years of
experience.

I have poured into these lectures over 40 years of software development experience, the intuitive insights that can only be felt with the passage of time, and the skills that have become second nature.

Developing your intuition is
important.

While functionality is important in DOM, what matters more is developing an intuitive sense for it. To build this intuition, coding is essential, but you must also experience its breadth and depth. I provide detailed explanations that are both broad and deep, covering various code patterns to help you cultivate that sense.


We provide a
learning environment where you can focus.

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


Check out these
related courses that are great to take together.

thought Youngbo Kim's JavaScript Series

Go to JavaScript Roadmap (40% discount)

Youngbo Kim's DOM Series

Go to DOM Roadmap (40% off)

Recommended for
these people

Who is this course right for?

  • JavaScript Developer

  • Web developers using languages other than JavaScript (the DOM is common to all languages)

Need to know before starting?

  • JavaScript Basics, HTML

Hello
This is

9,737

Learners

407

Reviews

337

Answers

4.8

Rating

13

Courses

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

메일: tonextday@gmail.com

동영상: 11개
Rust 빌드업: 완전한 기본 만들기

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

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

 

 

Curriculum

All

123 lectures ∙ (24hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

4.6

14 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 33

          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 14

          Average Rating 4.9

          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.

        $17.60

        tonextday's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!