超新手進入PHP軟體職場基本技能 -- HTML 部分

不知不覺也成了30歲的大叔。

最近面試新人，有感很多技能用久了覺得理所當然。

最近有機會看了研究所計概考題，有感很多技能久久沒有忘了也覺得理所當然。

趁還記得，紀錄一下。

很多人履歷喜歡寫得包山包海，有沾到邊的都寫。

這其實無可厚非，大學階段，其實再怎麼努力也很難摸到技術的邊緣。

也很難真正理解，一項技術拿來吃飯的時候，和交作業的差異。

HTML的部分

很多人履歷都會有這一項。但要談 HTML 能力的話，分成這幾種程度：

會辨識 HTML 標籤

這階段就是只看得懂 HTML 裡面給人看的部分。
看得懂 <div><table> 這樣的角括號叫做 HTML 標籤。知道<strong>可以變粗。知道<a>是超連結<img>是插入圖片。

這個程度在大學階段，可能就可以稍微騙吃騙喝做一點簡單的網站維護的助理工作。

在報告分組的時候，也算是有活可以做，至少不是負責文件PTT的邊緣人工作。(其實在職場上文件比什麼都重要)

會使用「檢查元素」來幫助開發。

這階段建議從可以從 w3school 去做進一步的強化，耐心的看完，整體上會比較扎實。

理解基本 HTML 文件組成

這階段是要能稍微理解，HTML裡面有一部分是給程式看的。
知道一份HTML有 head, body, 有版本宣告。

知道引用 css 和 js 時要寫在哪裡。

知道 HTML 的語意結構

這個階段要已經有幾次完整的專案經驗，知道用對語意可以節省很多冤枉路。
知道html不只是輸出畫面給人看，也要正確的語意標籤讓機器人也看得懂。
知道使用<header><footer>和直接使用<div>的差別。

知道並可以區分網頁的 「語意結構」、「樣式」、「行為」 的差異。

會用框架

會用 bootstrap 等框架來幫助自己快速完成 UI 構想。

能流暢的使用框架元件來組合畫面。（比方說是 按鈕、卡片、grid的RWD排版系統）

知道修改框架的核心代碼可能會帶來後續維護的災難。

知道要把自己的客製代碼和第三方的開源代碼分離。

協作意識

知道自己的 code 後續是需要被維護的，有意識在寫 code 的過程中隨時考慮未來的維護問題。

知道留下註解是基本的責任。

知道怎麼透過正確的結構和通用的寫作慣例，讓 code 可以直覺得被維護與管理。

提昇的方法

這個階段，實戰永遠是最好的方法。

實戰中，當在學校被指派了一項兩小時可以做好的任務。

自己要試著用8小時完成，這把小時裡，試著讓自己理解為什麼那樣做。

為什麼用那個標籤，試著用三種以上的方法完成同一項任務。

參與社群活動，自己悶著頭練功有其極限，知道其他工程師們在做什麼想什麼對提升自己的能力很有幫助。
可以參考這本書：學徒模式
https://www.tenlong.com.tw/products/9789862762561