やったこと

1月最終日なので1ヶ月の振り返りをする

やったことの流れ

1. Reactのメモ化について勉強した
   ↓ その当時CSSに並々ならぬ不安を持っていた
2. CSSの基礎をMDNで勉強
   ↓ この頃に案件に入ることが決まったのでReactをそう復習
3. udemyなど今までやったReactの復習(documentを読んだ)
   ↓ ReactだけでなくTSも勉強しないとな
4. React * TSの勉強をした
   ↓ CSSにずっと逃げてきたけど流石にやらないと
5. frontendコースに入って、CSSをレビューしてもらう
   ↓ これが超勉強になった！ この頃ハッカソンに参加していたので、次はそれを進めた
6. hackason準備 (その中でsecurityの話や、axiosの話にも触れた)
   ↓ 案件がはじまりそうになったため、環境構築の勉強
7. ESLintやwebpackなどについて

今後の進め方

今後は、このロードマップに従って一つずつ進めていきます
Frontend Developer
React Developer

1.Internet(Frontend Developer)

• How Does the Internet Work? -> ⭕️
  • マスタリングTCP/IPで学習
• what is HTTP? -> 🔺
  • マスタリングTCP/IPでやったが、もっと学習するべき
• Browsers and how they work? -> ❎
• DNS and how it works? -> ⭕️
• What is Domain Name? -> ⭕️
• What is hosting? -> ❎

2. HTML, CSS, JS

HTML

• Learn the basics -> 🔺
• Writing Semantic HTML -> 🔺
• Forms and Validations -> 🔺
• Conventions and Best Practices -> ❎
• Accessibility -> ❎
• SEO Basics -> ❎

CSS

• Learn the basics -> ⭕️
• Making Layouts -> ⭕️
• Responsive design and Media Queries -> 🔺

JS

• 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 -> 🔺

1. Fundamental Topics(React Developer)

• 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