roadmapの進捗と今後

やったこと

SEOについて, roadmapの進捗確認

とその前に、

初めに、CSSのフォントサイズ指定方法は次の2つある

html {
  font-size: 32px;
}

h1 {
  font-size: 64px; /* -> 64px; */
}

span {
  font-size: 20px; /* -> 20px; */
}

親要素のfont-sizeを基準に大きさを計算する

html {
  font-size: 32px;
}

h1 {
  font-size: 2em; /* -> 64px; */
}

span {
  font-size: 0.5em; /* -> 32px; */
}

emと同じで親要素の相対値

html {
  font-size: 32px;
}

h1 {
  font-size: 200%; /* -> 64px; */
}

span {
  font-size: 50%; /* -> 32px; */
}

文書のルート要素、つまりhtml要素のfont-sizeを基準にする

html {
  font-size: 32px;
}

h1 {
  font-size: 2rem; /* -> 64px; */
}

span {
  font-size: 0.5rem; /* -> 16px; */
}

SEO (Search Engine Optimization, 検索エンジン最適化)は、検索結果上であるウェブサイトをより目立たさせるための過程です。検索ランキングの改善とも言えます。

SEO の方法は大きく3つに分類されます:

技術的な方法
- コンテンツをセマンティック HTML を使用してタグ付けすることです。ウェブサイトを探索するとき、クローラーはインデックスに登録させたいコンテンツのみを探してくれるでしょう。
文章の作成
- サイトの訪問者の語彙を使ってコンテンツを書きましょう。クローラーが主題を理解できるように、画像だけでなくテキストも使用しましょう。
サイトの人気
- 他の有名なされたサイトがあなたのサイトにリンクしすると、多くのトラフィックを得ることができます。

Syntax and Basic Constructs -> ⭕️
Learn DOM Manipulation -> ⭕️
Learn Fetch API / Ajax (XHR) -> 🔺
ES6+ and modular JavaScript -> 🔺
Understand the concepts Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, strict -> 🔺

create react app -> ⭕️
JSX -> ⭕️
- 公式DOCの内容は抑えた
components
- Functional components -> ⭕️
- class components -> 🔺
  - どこまでやろうか迷ってる
Props vs State -> ⭕️
Conditional Rendering -> 🔺
Component Life Cycle -> ⭕️
Lists and Keys -> ⭕️
Composition vs Ingeritance -> ⭕️
Basic Hooks -> ⭕️
- useState
- useEffect