<i class="fa fa-file-text fa-2x"></i>**[HACKMD Tutorial](https://hackmd.io/features-tw?both)**

---
前端根目錄
===
###### tags: `根目錄`,`前端(frontend)`,`基礎`
目錄標籤
[TOC]

網頁的基礎知識
---
1. [瀏覽器的運作](https://hackmd.io/@FrontEndSharedDocumentTeam/H1skpmryu)

Html
---
1. [基本介紹與範例](https://hackmd.io/@FrontEndSharedDocumentTeam/SycaGTJyd)
2. [解決問題精華整理](https://hackmd.io/@FrontEndSharedDocumentTeam/H1d2BTkJO)
3. [未整理的內容](https://hackmd.io/@FrontEndSharedDocumentTeam/SJUBTXH1_)

css
---
1. [基本介紹與範例](https://hackmd.io/@FrontEndSharedDocumentTeam/HkZemp11u)
2. [解決問題精華整理](https://hackmd.io/@FrontEndSharedDocumentTeam/HJ2dJVrkO)
3. [未整理的內容](https://hackmd.io/@FrontEndSharedDocumentTeam/BJBbCXBJu)
4. [Tailwind教義](/_3icekoaQnaPnZXI6O5gZg)

Javascript
---
1. [基本介紹與範例](https://hackmd.io/@FrontEndSharedDocumentTeam/BkbRPaJyd)
2. [解決問題精華整理](https://hackmd.io/@FrontEndSharedDocumentTeam/SJ_URXBJO)
3. [未整理的內容](https://hackmd.io/@FrontEndSharedDocumentTeam/Hk6q0XH1_)

TypeScript(進階)
---
1. [基本介紹與範例](https://hackmd.io/@FrontEndSharedDocumentTeam/S1nKe4rk_)
2. [解決問題精華整理](https://hackmd.io/@FrontEndSharedDocumentTeam/HJw6x4S1u)
3. [未整理的內容](https://hackmd.io/@FrontEndSharedDocumentTeam/Hk6q0XH1_)

其他工具
---
[emmet]()-縮短撰寫html和css的時間
[Bootstrap]()-加速版面設計所需的時間
[Git](https://hackmd.io/UV0qCNQZQg6MyU5a4ORnag)-管理你的Code保留每次的更新
[GraphQL](https://graphql.org/)-面向api資料查詢語言
[Rxjs](https://rxjs-dev.firebaseapp.com)-非同步響應式編程

練功
---
[Codewars](https://www.codewars.com/) - 挑戰專精你的程式能力[介紹](https://hackmd.io/q-X0lVo5THO2o1By3cNcqg?view)

框架
---

1. [Vue]()
2. [Vue3]()
3. [React]()

UI/UX
---
[未整理的內容](https://hackmd.io/@FrontEndSharedDocumentTeam/HJfjZNBkO)

[前端問題發問區](https://hackmd.io/zOyPf0csR2ioWA4-eiY8QA)
===

[2021/03/21社群聚會整理](https://www.notion.so/2021-3563c81d4d5e4a28b56d8a3fc41b2c2b)