フロントエンド

意味を持つマークアップの考え方を学びます。セマンティック要素、見出し階層、フォームと入力型、alt属性、リンクとボタンの使い分け、メタタグ、scriptの読み込み方法などを扱います。

見た目とレイアウトの仕組みを学びます。ボックスモデル、box-sizing、FlexboxとGrid、position、詳細度、カスケードと継承、レスポンシブ、単位、z-index、marginの相殺などを扱います。

スクリプトからページを操作する仕組みを学びます。要素の取得と操作、イベントリスナー、イベントの伝播と委譲、preventDefaultとstopPropagation、リフローとリペイント、仮想DOMの考え方などを扱います。

変数のスコープとホイスティング、クロージャ、thisの束縛、プロトタイプ、Promiseとasync/await、イベントループなど、JavaScriptという言語のふるまいの核心を学びます。

コンポーネント指向、宣言的UI、仮想DOMによる差分更新、stateとprops、単方向データフロー、フック、状態管理、クライアントルーティングなど、UIフレームワークに共通する考え方を学びます。

CSR・SSR・SSG・ISRの違い、ハイドレーション、Core Web Vitals、遅延読み込みとコード分割、ツリーシェイキング、キャッシュとCDNなど、表示速度を左右する戦略と指標を学びます。