フロントエンドエンジニアとしての基礎知識
フロントエンドエンジニアとして必ず知っておくべきの知識をまとめました。実際の面接質問や大学時代の知識を整理しました。
- 基礎知識を浅すぎないように、深すぎないようにある程度 整理しました。
- パソコン工学の全般ではありません。フロントエンドのみ です。
- 個人的に作成した資料であります。間違える恐れがあります。PR、ISSUE をいつもお待ちしております。
- CSR (Client Side Rendering) vs SSR(Server Side Rendering)
- Browser の Rendering 過程
- Javascript engine が Code を実行する過程
- BOM と DOM
- Module bundler と Transpiler
- CI と CD
- DOCTYPE
- 標準モードと互換モード
- data- 属性
- local storage vs session storage vs cookie
- script vs script async vs script defer
- Semantic markup
- Box Model
- float を解除する方法
- margin が重なる場合(Margin-Collpasing)
- BFC (Block Formatting Context)
- z-index の原理
- block vs inline vs inline-block
- 横/縦真ん中に整列
- Reset.css vs Normalize.css
- Grid system
- img の下の空白
- AJAX
- イベント委任 (Event Delegation)
- 実行コンテキスト(Execution Context)
- スコープ (Scope)
- ホイスティング (Hoisting)
- クロージャ (Closure)
- Native object vs Host object
- this binding
- var vs let vs const
- 即時実行関数式 IIFE (Immediately-Invoked Function Expression)
- Module system: CommonJS, AMD, UMD, ES6
- コールスタック(Call stack)とヒップ(Heap)
- イベントループ (Event loop)
- プロトタイプ (Prototype)
- == vs ===
- Strict モード (Strict mode)
- new の原理
- ES6 (2015)の特徴
- ES7 (ES2016) ~ ES8 (ES2017) の特徴
- ES9 (ES2018) ~ ES10 (ES2019) の特徴
- ES11 (ES2020) の特徴