JavaScriptを勉強する

デベロッパーツールのconsoleで確認する

エラー文を読めるようになる(Uncaught ReferenceErrorが何を意味しているのか?)など

関数やメソッドの返り値、ajaxで取得してきたデータなどがどんな形式で返ってくるのかを都度確認する

javascriptが学べるオンラインのサイトを読み込む

https://ja.javascript.info/

https://developer.mozilla.org/ja/

オブジェクト指向を勉強する

書籍を勉強する

独習javascript

https://www.shoeisha.co.jp/book/detail/9784798160276

目次

  • DOMの操作ができる
    • 要素の挿入、削除、更新
    • 要素の属性を編集、スタイルを編集
  • イベントが理解できる
    • クリック、スクロール、リサイズ、キータイプ、hoverなどを検知できる
      • addEventListener
      • eventオブジェクト
  • 配列操作
    • forEach、map、sort、filter、every、some、length
  • テキスト操作
    • replace、indexOf、includes
  • オブジェクト操作
  • 基本文法
    • 関数、for文、while文、switch、if、
  • イベントじゃないけど覚えておきたい
    • Intersection Observer API
    • Mutation Observer API
    • matchMedia
  • setTimeoutとsetInterval
  • 型判定(typeof)
  • undefinedとnull
  • 実行タイミング
    • ready、load
    • defer、async
  • 非同期通信
    • ajax
  • Promise