AkibaCreation, LLC

ファイル形式: PDF ご覧頂きありがとうございます。 初心者の方にも分かりやすいよう、JavaScriptの基礎的内容全てからブラウザの操作、ES6の文法と機能、そして実践例としてデジタル時計の制作などを順番に解説しています。 【収録内容】 ■第一章　JavaScriptを書く前の事前準備 ・JavaScriptとは ・JavaScriptの記述方法と記述場所 ・コメントアウトとアラート ・とっても便利な開発ツールと『console.log』の使い方 ■第二章　JavaScriptの基礎 ・変数について ・代入について ・変数の使い方について ・文字列と数値と真偽値 ・簡単な演算子を使って計算してみよう ・配列とは ・配列の使い方と『.length』について ・『getElementById()』について ・『.innerHTML』について ・HTMLの属性の取得と操作について ・HTMLのclass名の操作について ・『null』と『undefined』について ・『querySelector()』と『querySelectorAll()』について ・オブジェクト（連想配列）とは ・配列とオブジェクトの使い分けやもっと高度な構築方法について ・for文について ・continue文とbreak文について ・for...in文について ・比較演算子と真偽値について ・論理演算子について ・if文について ・『createElement()』と『appendChild()』と『insertBefore()』について ・これまで学習した内容で遊んでみよう ・関数と引数 ・return文について ・スコープについて ・無名関数と即時関数について ・ホイスティング（宣言の巻き上げ）について ・イベントについて ・『this』について ・これまで学習した内容を使って色々遊んでみよう その2 ・型と型判定について ・値渡しと参照渡しについて ・switch文について ・三項演算子（条件演算子）の使い方 ・while文とdo...while文について ・while文などでのcontinue文とbreak文について ・これまで学習した内容で遊んでみよう その3 ・色々遊びつつ文字列操作と正規表現の基礎について ・『setTimeout()』と『setInterval()』について ・『call()』と『apply()』について ■第三章　デジタル時計を作ってみよう（ES5版） ・デジタル時計を作る前に ・デジタル時計を作る前の下準備と目的のプログラムを作る際に考えるべき事について ・事前準備とHTML要素の取得周りについて ・JavaScriptファイルの構築 年を出力するHTML要素を生成して追加 ・各HTML要素を生成するループ処理を追加 ・時刻の出力と曜日の切り替え処理を追加 ・時刻の更新処理を追加 ・バグの対応 ・本章で使った画像やフォント、CSSについて ■第四章　ES6の基礎 ・ECMAScript 6（ES6）と学習する前の注意点について ・追加された変数宣言である『let』と『const』について ・ブロックスコープについて ・モジュール『import』と『export』について ・script要素の『defer』と『async』について ・テンプレートリテラルについて ・アロー関数の基礎構文について ・アロー関数の『this』について ・デフォルト引数と可変長引数と残余引数（rest構文）について ・スプレッド構文について ・分割代入について ・引数での分割代入について ・『...』と分割代入の組み合わせ、マージ、その他注意点について ・『...』と分割代入の総まとめ、考え方のコツ、その他補足について ・追加されたループ処理for...of文と『.forEach()』について ・『.forEach()』と引数自動設定型の関数について ・配列を加工する『.map()』、『.filter()』について ・オプショナルチェイニング『?.』とnull合体演算子『??』について ・『ES6』の総括と使い分け、その他の便利な小技などについて ■第五章　追加機能を入れつつデジタル時計をアップデートしてみよう（ES6版） ・『ES6』でデジタル時計を作り直す前に ・『let』、『const』、アロー関数、テンプレートリテラルへの切り替え ・その他の部分の『ES6』の記法への差し替え ・ボタンの設置と、操作する時計と設定の読み込み処理を追加 ・ボタンのクリックで時計の設定を書き換える処理を追加 ・設定に合わせて時計の表示を切り替える処理を追加 ・CSSでの仕上げとデジタル時計の完成 ・ファイルを役割ごとに分けてモジュール化