ステップアップ

JavaScript · 中級 - 実践的なものを作る

• 配列メソッド: map, filter, reduce, find実際のプロジェクトで最もよく使われる4つの配列メソッドを使って、データを変換・絞り込み・集計する方法を学びます。
• アロー関数、スコープ、テンプレートリテラルアロー構文、ブロックスコープ、クロージャをマスターし、テンプレートリテラルで動的な文字列を組み立てます。
• 分割代入とスプレッド/レストオブジェクトや配列からデータをきれいに取り出し、スプレッド演算子で構造をコピーしたり結合したりします。
• DOMを操作する: querySelector、イベントリスナーページ上の要素を選択し、クリックに反応し、パフォーマンスの高いコードのためにイベント委譲を取り入れます。
• JSON、localStorage、そして初めての fetchデータをJSONとしてシリアライズし、localStorage でブラウザに永続化し、fetch でリモートのデータを取得します。