강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

DOMの基本

DOMを知らずしてウェブプログラミングを語ることはできません。 DOM仕様の95%以上を網羅しており、DOMを完璧にマスターできます。広く、深く、詳細な内容です。時間、費用、努力を無駄にしません。JavaScriptの活用方法も併せて扱い、バニラJSでウェブアプリケーションを開発できるようになります。

難易度 初級

受講期間 無制限

  • tonextday
DOM
DOM
JavaScript
JavaScript
HTML/CSS
HTML/CSS
DOM
DOM
JavaScript
JavaScript
HTML/CSS
HTML/CSS

学習した受講者のレビュー

学習した受講者のレビュー

4.6

5.0

user

54% 受講後に作成

よく聞きました。 DOM関連で学問的な概念を学習したい学生を対象に良いようです。 したがって、DOMを理解しながらコードを読む練習をよくしたい場合はお勧めします。 ただ残念な点は講義の難易度ですが、頻繁な画面切り替えやライブコーディングの有無が始まる初心者には多少難しいかもしれませんし、2倍速で素早く学習したり、簡単な整理が必要な中級以上には少し退屈に感じられるかもしれません。 。 しかし、心のこもった講義であることは正しいようです:)

5.0

Kwon MJ

100% 受講後に作成

Web開発者ならぜひ一度聞くことをお勧めします。

5.0

동해바다

41% 受講後に作成

とても親切に…一つ一つ説明していただきたいと思う講義です。 それが過ぎて一部の部分では集中力を落とす部分があるのも事実です。 序盤に.. そんな部分だけを越えればDOMに関してはこの講義以外には別に聞けるところもないようです。

受講後に得られること

  • ユーザーインターフェースの基本

  • DOMスペックのDOM

  • HTMLスペックのDOM

  • HTMLスペックのWindowオブジェクト

Webアプリケーション開発者なら必ず押さえておくべき
DOMを完璧にマスターしましょう!
開発者に不可欠なDOMスキル! cực kỳ cần thiết cho các nhà phát triển!

DOM(Document Object Model)はウェブアプリケーション開発に不可欠です。マウスクリックもDOMであり、入力した値を取得することもDOMです。データをウェブページに動的に表現することもDOMです。

なぜDOMを知る必要があるのでしょうか?

Webアプリケーションの
構想、考え方、アプローチが変わります!

深く、広く、そして詳細に扱うために、3つの講座に分けてお届けします。

  • 本講座は最初の講座として、DOMの基本とWindowオブジェクトを扱います。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.
  • 2番目の講座は「DOMインタラクション」で、EventやWeb Componentなどを扱います。
  • 3番目の講座は「DOM: CSSOM」で、CSSを中心にDOM操作を扱います。

DOMのプロパティとメソッドはすべての言語で使用され、機能も同じです。ただ、実装する形式が異なります。JavaScript言語で講座を進行しますが、DOMの概念や機能の把握が目的であれば、他の言語の開発者も受講することができます。

この講義を通じて、皆さんはDOMの理解度に関わらず、DOMの全体を見たという、森・木・枝・花を見たという、開発者にとって最も重要な自信を持つことができます。ウェブアプリケーションの構想、考え方、アプローチが変わります。

thoughtful DOMのプロパティやメソッドを単独で使用するのではなく、JavaScriptと組み合わせて使用します。JavaScriptの活用方法もあわせて学ぶことができ、JavaScriptの実力も向上させることができます。


DOMを完全に学ぶ
最も深く正確な道。

DOMスペックの95%以上を扱います。DOMを完璧にマスターできます。
広く(Wide)、深く(Deep)、詳細(Detail)です。時間、費用、努力を無駄にしません。

この講義にはシナリオがあります。つまり、学ぶ順序と学ぶべきことが整理されています。
講義に沿って学習すれば、自然にDOMの全体を学ぶことができ、DOMのすべてを体感することができます。

thoughtful インターフェース
チェックリスト
提供します。

インターフェースのプロパティとメソッドを漏れなく網羅するために、下の画像のようにインターフェースのプロパティとメソッドをチェックリスト形式で作成し、確認を行いました。

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

インターフェースリスト

thoughtful 166 tokens variant Web基盤技術
ロードマップ統合講義。

thoughtful mini me Web基盤技術はHTML、CSS、DOM、JavaScriptです。
トレンド技術は時間が経てば変わったり消えたりもしますが、基盤技術は消えることなく技術が蓄積されます。最初から深く、広く、そして詳細に学ぶ必要があります。

開設された4つのJavaScript講座とともに、Web開発の土台となる基盤技術を完全にマスターすることができます。

40年以上
経験から生まれます。

40年以上ソフトウェアを開発してきた経験、時間が経って初めて感じられる感覚的なもの、そして動物的な感覚となったものを講義に込めました。

感覚を養うこと
重要です。

DOMは機能も重要ですが、より重要なのは感覚を養うことです。感覚を養うためにはコーディングも重要ですが、知識の広さと深さを感じなければなりません。多様なコード形式を扱い、感覚が身につくよう、広く深く、そして丁寧に解説します。


集中できる
学習環境を提供します。

コードを実行するために講義ページを離れることは、集中力が低下し、講義の流れが途切れてしまいます。
これを防ぐために、できるだけ現在のページで進められるよう、専用プログラムを開発しました。


あわせて受講すると良い
関連講座をチェックしてみてください。

キム・ヨンボJavaScriptシリーズ

JavaScriptロードマップはこちら (40%割引)

金永保(キム・ヨンボ)DOMシリーズ

DOMロードマップはこちら (40%割引)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptエンジニア

  • JavaScript以外の言語のWeb開発者(DOMはすべての言語で共通)

前提知識、
必要でしょうか?

  • JavaScriptの基本、HTML

こんにちは
です。

9,737

受講生

407

受講レビュー

337

回答

4.8

講座評価

13

講座

ソフトウェア開発を愛する開発者です。

メール: tonextday@gmail.com

動画:11本
Rustビルドアップ:完全な基礎作り

クリーンアップ JavaScript:ジャンプアップ
クリーンアップ JavaScript:ベースビルドアップ
JavaScript ビギナー
JavaScript 中上級
モダン JavaScript (ES6+) 基本
モダン JavaScript (ES6+) 深化
DOM 基本
DOM インタラクション
React ビギナー、React 完全攻略
要求分析の実装方法
JavaScript 機械学習 TensorFlow.js

著書:9冊
没入!JavaScript
ECMAScript 6
HTML5
DOMスクリプティング
JavaScript正規表現
要求分析のためのEvent Processモデリング
機械学習 TensorFlow.js、
Ajax活用、prototype.js完全分析
9冊のうち8冊は国内初の著者です。
特に、「機械学習 TensorFlow.js」は出版時点でamazon.comに関連書籍がありませんでした。

カリキュラム

全体

123件 ∙ (24時間 33分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

14件

4.6

14件の受講レビュー

  • user130103님의 프로필 이미지
    user130103

    受講レビュー 20

    平均評価 4.9

    5

    54% 受講後に作成

    よく聞きました。 DOM関連で学問的な概念を学習したい学生を対象に良いようです。 したがって、DOMを理解しながらコードを読む練習をよくしたい場合はお勧めします。 ただ残念な点は講義の難易度ですが、頻繁な画面切り替えやライブコーディングの有無が始まる初心者には多少難しいかもしれませんし、2倍速で素早く学習したり、簡単な整理が必要な中級以上には少し退屈に感じられるかもしれません。 。 しかし、心のこもった講義であることは正しいようです:)

    • cheoljinan님의 프로필 이미지
      cheoljinan

      受講レビュー 7

      平均評価 5.0

      5

      100% 受講後に作成

      • kys13987454님의 프로필 이미지
        kys13987454

        受講レビュー 6

        平均評価 5.0

        5

        100% 受講後に作成

        • manitw28님의 프로필 이미지
          manitw28

          受講レビュー 33

          平均評価 5.0

          5

          100% 受講後に作成

          Web開発者ならぜひ一度聞くことをお勧めします。

          • tonextday
            知識共有者

            ありがとうございます^^

        • chuing님의 프로필 이미지
          chuing

          受講レビュー 14

          平均評価 4.9

          5

          41% 受講後に作成

          とても親切に…一つ一つ説明していただきたいと思う講義です。 それが過ぎて一部の部分では集中力を落とす部分があるのも事実です。 序盤に.. そんな部分だけを越えればDOMに関してはこの講義以外には別に聞けるところもないようです。

          • tonextday
            知識共有者

            ありがとうございます。

        ¥2,790

        tonextdayの他の講座

        知識共有者の他の講座を見てみましょう!

        似ている講座

        同じ分野の他の講座を見てみましょう!