【オンライン講座】JavaScript基礎講座⑤DOM操作

JavaScriptからWebページを操る仕組みDOM操作をわかりやすく解説します。

DOMはDocument Object Modelといい、JavaScriptからHTMLの取得、変更を行うWebページ操作の根本的な技術です。
ページの要素を変更する技術を学ぶことで、JavaScriptでのWebフロントエンド開発が身近に感じられるでしょう。

本講座では、JavaScriptのDOMを使いこなすための前提知識と使用方法で構成しました。

※受講いただいた方にはオリジナルのテキストをお渡しますので、内容を復習してもらうことが可能です。

JavaScript基礎講座について

JavaScript基礎講座ではプログラミング未経験でも、学習終了時に確実に基礎力が付くように構成しています。
①～⑥で基礎力を学習し、⑦でブラウザで動作する簡単なブラウザゲームを作成することでJavaScriptの基礎力を身に付けることを目的としています。

⑦のブラウザゲーム作成終了時には十分にJavaScriptの基礎力が身に付きます。

基礎講座での本講座の位置づけ

 ①はじめに
　②プログラミングの基礎
　③配列
　④関数
★⑤DOM操作
　⑥イベント
　⑦ブラウザゲーム作成

JavaScriptについて

JavaScriptはWebエンジニア、特にフロントエンドエンジニアの必須スキルです。
一昔前までは、「オモチャ」と揶揄される言語でしたが、現在はWeb開発で日を増すごとに重要性が上がっている言語です。
近年ではAngularやReactなどのJavaScriptフレームワークが主流ですが、それらフレームワークの基礎力となるJavaScriptを体系的に学ぶことは大変重要です。

会議アプリZoomについて

通常のweb会議に加え、画面共有、チャット機能が簡単に行えるアプリケーションです。
ほとんどの機能は無料版で使用可能です。
無料版の機能をフルで使用するために、本講座を受講の場合はPCにアプリケーションのインストールとサインアップをお願いしております。
今後、ますます進んでいくテレワークに対応するために、会議アプリに慣れることは大変重要だと考えています。
※開始15分前にconnpassのメッセージ機能を使い、「会議ID」「パスワード」をお送りします。

講義内容

1. DOM操作とは
2. idから要素を取得
3. タグ名から要素を取得
4. name属性から要素を取得
5. class属性から要素を取得
6. ノードの追加
7. ノードの置換
8. ノードの削除

参加資格

• プログラミング初学者
• JavaScriptを基礎から学びたい方
• プログラマ/エンジニアになりたい初学者または未経験者

【重要】参加方法

• あらかじめZoomのインストールとサインアップをお願いします。インストーラ / サインアップページ
• 開催時間30前に「会議ID」と「パスワード」をconnpassのメッセージ機能を使って参加者全体に配信します。必ずconnpassにご登録しているメールのチェック、及び時間に余裕を持った参加をお願いします。
• 現在、connpassのメッセージ機能の受信が遅延する事象が発生しています。もし開始15分前にメッセージが届かない場合は、以下メールアドレスまでご連絡ください。
scalehack.alt@gmail.com

開催場所

オンライン

スケジュール

2020年 5月 8日（金）18:00 〜 19:00

参加費

1,500円（前払い）

参加特典

受講いただいた方には使用したテキストをPDFでお渡しします。

事前準備

OS: Windows または Mac
Zoom（会議アプリ）のインストールとサインアップ：インストーラ / サインアップページ
Visual Studio Code（開発ツール）のインストール：インストーラ

注意事項

• 事前にZoomの「サインアップ」「音声テスト（受信）」を行ってください。
• 災害等大規模な事象による広範囲のネットワーク不良についてはご返金いたします。
• 受講者起因のネットワーク不良、PC性能不足、またはZoomの設定が原因で講義が受けられれない場合の返金は致しかねます。

講師

ITエンジニア/WEBデザイナー 岡野 健太郎