강의

멘토링

커뮤니티

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.6) 14 reviews

1,098 learners

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

Reviews from Early Learners

What you will gain after the course

  • User Interface Basics

  • DOM of the DOM specification

  • DOM of HTML specification

  • Window Object in HTML Specification

If you're a web application developer, make sure to put
the final period on the DOM!

Coupon discount: 49,000 KRW
Coupon code: https://inf.run/FGj27

Essential DOM skills every developer needs!

DOM(Document Object Model) is essential for web application development. Mouse clicks are also DOM, and getting input values is also DOM. Dynamically displaying data on web pages is also DOM.

Why should you know about the DOM?

Web application
concepts, thoughts, and approaches will change!

To cover the topic deeply, broadly, and in detail, it is divided into 3 separate courses.

  • This course is the first course that covers DOM basics and the Window object.
  • The second course is "DOM Interaction" and covers Event, Web Component, and more.
  • 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 have the same functionality. However, the implementation format differs. Although the course is conducted in JavaScript, developers of other languages can also take the course if the purpose is to understand DOM concepts/functionality.

Through this course, regardless of your current understanding of the DOM, you will gain the most important thing for a developer: confidence that you have seen the entire DOM - the forest, the trees, the branches, and the flowers. Your conception, thinking, and approach to web applications will change.

DOM properties and methods are not used alone but are used together with JavaScript. You can learn JavaScript usage patterns as well and improve your JavaScript skills.


Learning the DOM completely
The deepest and most accurate path.

Covers over 95% of the DOM specification. You can put a period on DOM.
Wide, Deep, and Detailed. No waste of time, cost, or effort.

This course has a scenario. In other words, the learning order and what needs to be learned are organized.
By following the course, you can naturally learn the entire DOM and experience everything about the DOM.

Interface
Check List is
provided.

To avoid missing any properties and methods of the interface, I created and checked 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.

인터페이스 리스트

Web-based technology
roadmap integrated course.

Web-based technologies are HTML, CSS, DOM, and JavaScript.
While trending technologies may change or disappear over time, foundational technologies do not disappear and knowledge accumulates. It is necessary to learn them deeply, broadly, and in detail from the beginning.

With the 4 JavaScript courses that have been created, you can completely master the foundational technologies that form the basis of web development.

It comes from over 40 years of
experience.

I've packed into this course the experience of developing software for over 40 years, the intuitive insights that can only be felt with time, and the instinctive sense that has become second nature.

Creating a sense is
important.

DOM functionality is important, but what's more important is developing intuition. To develop intuition, coding is important, but you need to feel the breadth and depth. We handle various code patterns and explain them broadly, deeply, and in detail so that intuition can be developed.


We provide a
learning environment where you can focus.

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


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

Kim Youngbo's JavaScript Series

자바스크립트 로드맵 바로가기 (40% 할인)

Kim Young-bo's DOM Series

DOM 로드맵 바로가기 (40% 할인)

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,693

Learners

403

Reviews

337

Answers

4.8

Rating

12

Courses

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

메일: tonextday@gmail.com

동영상: 12개
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 JavaScript"는 출판하는 시점에 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.

        Limited time deal

        $41.80

        29%

        $59.40

        tonextday's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!