---
disqus: aboofrontnote
---
<h1>阿布的前端學習筆記</h1>
===

大家好，我叫阿布，這本筆記本是我在進行前端能力復健與新知的整理筆記，並以踏實參加由六角學院所舉辦的**六角筆記王**活動為目標，且也希望能做為日後履歷學習歷程來展現，希望各位共同努力的夥伴一起加油。

阿布的三個寫作關鍵字：「前端菜鳥筆記、精簡易懂、持續累積」

阿布的第一篇完整筆記:[Yahoo!運動網頁切版練習](https://hackmd.io/2chCf0C4TP-z6ZWkEsk4zQ)

阿布的筆記長中短期目標
1. 長期目標：藉由累積的前端筆記，作為前端面試用的履歷之一，找到適合的工作。
2. 中期目標：完整參加完六角筆記王比賽，並每個月持續有產出筆記。
3. 短期目標：每次學習都有相應的筆記資料。

六角筆記網活動網頁：[六角筆記王：寫作吧🔥用文字喚醒你的前端魂！](https://hackmd.io/@o9ZLEqeZQ8e7u_JXSPfjsQ/Sk95CsMAu/https%3A%2F%2Fhackmd.io%2FFJZ7s0OHRv-kClQg_sLEPQ%3Fview)

- [↳回筆記首頁](https://hackmd.io/@a91929s/SJdkV0okY)

前端工程師的蹲馬步大法
---
#### 阿布的HTML筆記區
- [一.HTML是什麼?-HTML基本介紹](/O5-mKKopS_GUHbVzlrFxHQ)
- [二.結構與結構化標籤-HTML改善SEO的重要技巧](/wfdXlnbySCmpI-kQM5sE1w)
- [三.文字標籤-排版文字的基本技巧](/nlkUwmqwTUaKVMkHG0HiRw)
<div style=" background-color: #ffa3a8;
border-radius: 20px;
border: rgb(255, 72, 72) 5px dashed;
padding: 5%;">

以下內容施工中

- [~~0.阿布html筆記生肉~~](/b-e5ks4WQ3uYhbWgGI9xHA)
- [四.清單](/2tcdpx9tRoOlSL_ttZsZBQ)
- [五.連結](/L0dKjWrsQlmA_FPnm5xI1g)
- [六.影像與多媒體](/baHsbBOoQXCIW70nzvkXIQ)
- [七.表格](/zJPVZDrhS-u0WtT-l7zl0A)
- [八.表單](/qzTL1TJERIGOO-cCKRBkwA)
- [九.額外標示](/XXKXjFqvTGmnfCo_OIEgTg)
</div>

工程師必備的版控大絕招
---
#### 阿布的GIT筆記區
- [一.Git的簡介與安裝](/Qjgb1_9oTpugqFrMSaV0XA)
- [二.Git學習筆記2(筆記中)](/KCurm3rKQ0ijU4dcxMvRtA)
- [三.Git學習筆記3(筆記中)](/81tXkKMXRwWQtYiZm6zljQ)

阿布的實做瞎搞區
---
- [Yahoo!運動網頁切版練習](/2chCf0C4TP-z6ZWkEsk4zQ)
- [個人履歷-CSS練習](/LQWTnaQAQWS6H9cITj5Flg)
- [來用JS寫遊戲吧之 21 點](/Rb-zAuOpTW65tP8A_vhNYg)

阿布的前端設計工具箱
---

- [美術用品區](/yIclCuvGQHagpDggtugoCw)

`各種前端能使用的色票工具、免費圖庫、icon工具等。`

- [網頁遊戲練功坊](/-U0UbjDURBmGN8vY3xOouA)

`包含CSS-選取器、CSS-Flex、CSS-Grid等網頁前端常用的概念，
並用遊戲化的方式學習，還不夠熟練嗎？快來練習吧。 `

- [架站重機具區(施工中)](/XSrbZGOwTGu4pFkpsQfAFw)
`預設外掛CSS、JS範本推薦、Wireframe工具等。`

:::spoiler 施工中短時間內未開放 施工區危險注意

- [Chrome外掛選配區](/Rn83eiw2Re6EHI2oURmr0A)
:::

阿布的啤酒斜槓筆記
---

- [啤酒的釀造過程](/n2m2nF6eSLaNNzYDMvdAgQ)
- [啤酒四大元素：水、麥芽、酵母、啤酒花](/5a3hnT2lTyOqsbyHttTrxA)
- [啤酒四大國家：比利時、美國](/eCNBbPYjTL24vTfcuqWX5Q)
- [啤酒四大國家：德國、英國](/KZ-fvx4KT42wfHUdHyVJVw)

阿布的葡萄酒L2筆記
---
- [食物與葡萄酒的搭配](/nmKhqSMnQomK63jOk_grbQ)
- [葡萄酒產地筆記-品種別](/WzCqJowFQnKE2XaEkZg75w)
- [葡萄酒產地筆記-國家別](/BAXRzZcsRxuCJ5CHOB9C-g)

阿布的前端臨時筆記區
---

:::spoiler 施工中短時間內未開放 施工區危險注意
- [~~CSS筆記生肉區~~](/YDQ9aXMUT7-4uYKNAOJkXw)
- [~~BS5實作筆記區~~](/UOXoe7YjQxyBizOypbPsEg)
- [~~偽元素~~](/l7bystfmShOuOmaqtn2mSQ)
:::

阿布的HackMD筆記更新進度
---
<iframe src="https://calendar.google.com/calendar/embed?src=c0sncgtbussaebtkqo45l1ijns%40group.calendar.google.com&ctz=Asia%2FTaipei" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

###### tags: `六角筆記王` `阿布的前端學習筆記`

<div id="disqus_thread"></div>