Meta Front-End Developer Professional Certificate
- 這是一篇半途而廢的筆記
- 起因是公司要求 FE team 需要過這個認證，看了課程大網，大概 90% 以上的內容都已經懂了，但基於以下理由，決定去上這個線上課程
- 溫故知新，從新複習一些基本知識和定義
- 練英文聽力
- 看別人的教學方式，怎麼對沒有相關背景知識的人解釋基礎概念
- 但看影片的過程實在太無聊了（對於已經懂的東西），於是強迫自己做筆記，可以比較專心
- 後來放棄看影片，直接做測驗，它總共有九大課程。只要測驗有過，就可以拿到證書，不用把課上完
- 測驗分二種，一種是選擇題；一種是 lab，要 coding，上傳檔案
- 最後的結局是公司改變了規定，不強制要求。我覺得時間應該花在更有價值的事上，就果斷中離
- 這個課程是給沒經驗的初學者，根本不是 professional
- 有圖有真相
Introduction to Front-End Development
Module 1: Get started with web development
Introduction
介紹這堂課可以學到什麼，有一節在教怎樣在這堂課學得更好和學習的技巧。
還有一個 meta 工程師訪談，有一個問題是 soft skill，他回答：要有同理心去瞭解其他人的觀點。和後端比起來，前端有更多的機會和 design 和 product manager 溝通。
How the web works
講了什麼是 server、browser 還有 web hosting 的概念。
Core internet technologies
- IP 和 IP Packets（包含了 header 和 payload）
- TCP, UDP
- HTTP/HTTPS, HTTP requests, HTTP responses, HTTP methods(GET, POST, PUT, DELETE, PATCH), HTTP status (100-199, 200-299, 300-399, 400-499, 500-599)
- Other internet protocols: DHCP, DNS, IMAP, SMTP, POP, FTP, SFTP, SSH
- HTML, CSS and Javascript
- Additional Resources
- HTTP Overview (Mozilla) 這篇寫得很清楚。有提到 HTTP is extensible，client 和 server 間可以協議新的 header 加功能
- Chrome Developer Tools Overview (Google)
Module 2: Introduction to HTML and CSS
Getting started with HTML
<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
<body>
Hello HTML!
</body>
</html>
CSS Bascis
- Different types of selector: element, id, class, element with class, decendant, child, pseudo-class
- Colors: RGB, RGBA, HSL, hex, predefined color names
- Box modal
- Document flow: block vs. inline
Module 3: UI Frameworks
- Bootstrap
- Other CSS frameworks and libraries
- Static and dynamic content
- React
- Case Study: Why did Facebook engineers create React?
- React isn't an MVC framework
- React is a library
- React doesn't use templates
- JSX + JS
- React update are dead simple
- 如果你知道 reconciliation 怎麼寫那就真的是 dead simple
- Virtual DOM