HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。
ファーストステップ
ログ表示/Console.log(ログに文字列表示)
var（変数の宣言）
HTMLでJSファイル読み込み
windowオブジェクト
alertメソッド（ダイアログメッセージ表示）/とりあえずJavaScriptを動かす
confirmメソッド（確認ダイアログの表示）
setIntervalメソッド（一定時間ごとに処理を実行）
documentオブジェクト
open/writeメソッド（新しいウィンドウを開く/HTMLを描写）
querySelectorメソッド（セレクタから要素を取得）
arrayオブジェクト
Elementオブジェクト(DOM)
DOMとは何か
getElementByIdメソッド（IDから要素を取得）
addEventListenerメソッド（イベントを付与）
innerHTMLメソッド（HTMLの内容を変更）
style.backgroundColorプロパティ（背景色の変更）
getBoundingClientRectメソッド（要素の座標を取得）
canvas
Canvas作成(HTML)
fillRect/fillStyle（図形描画・色の変更）
計算
論理
for/while（ループ処理）
If/else/Switch/Case（条件分岐）
jQuery
jQuery読み込み
show/fadeIn/slideDownメソッド（要素をアニメーションさせながら表示）
stopメソッド（アニメーションを途中で中断・スキップ）
hasClassメソッド（セレクタがクラスを持つ・持たないで条件分岐）
hoverメソッド（マウスカーソルが乗ってる間だけ処理実行）
offsetメソッド（要素の縦、横の位置を取得）
コメント