--- title: 知識樹想法 tags: 網頁知識樹 --- 知識樹想法 === :::spoiler 文章目錄 [toc] ::: ## 🤏目前目標 * 知識樹做成長期維護、營運 * 有人會看、寫完筆記有成就感 * 實作小細節、踩雷紀錄 * 對於新生，這裡可以收穫很多、獲得成就感推動學習力，也更清楚要學習的方向以及如何去學習 * 對於舊生，除了以上的獲得知識獲得學習動力，還有對於自己寫的筆記更加有責任感以及認真去撰寫，對於以後把知識化為言語傳授、傳達給別人也有所幫助 * 對於網頁組，如果可以做到長期維護，那對於網頁組的學習資源又多加了一個管道，這個也可以作為一個傳承。 #### 目前客群 * 新生、舊生(網頁組) * for新生(無編輯權) 可以在每一個禮拜的教學ppt或是line群中發 這週的教學對應到知識樹哪一個分類 * for舊生(有編輯權) 如果想要自己上去多添加自己實作紀錄或是筆記可以自行添加 知識樹對於新生 ## 🤏未來目標 * 寫到行雲者部落格 ## 🤏文章維護 #### 1. 每一篇都加上標籤 #### 2. 如有不知道放哪邊的可以先放額外參考網頁、筆記連結中 聚時可以討論或是有與其他夥伴討論建議跟想法 #### 3. 分區，入門區、進階區 可以讓新生不會覺得要先看哪篇文章??從哪開始?? 🤏入門以及進階的區別是 👉要先熟悉入門的知識才能看懂進階的筆記👈 #### 4. 需要一個知識樹管理者 1.管理留言區(更新、管理) 2.注意知識樹有沒有有人留言的關於知識樹問題(ex:有人留言:我覺得這篇文章應該在其他分區裡吧) 3.注意有沒有被編輯地方有沒有被錯刪、排版問題 ## 🤏知識樹內容規劃建議 #### 1.第一行顯示網頁學習地圖? 因為我們在加入網頁組學習後應該最重要的是你要學習哪些該從哪邊開始?該學習什麼? #### 2.可以在進階區換成表格模式 因為我想進階的東西可能會比較多是多重標籤出現 | Number | About | Subject | | ------ | ----- | --------- | | 01 | Html、Css | [html+css 進階學習]()　| | 02 | Js、Dom | [Js、Dom 實作以及介紹]() | #### 3.進階區、入門區 留言版 分開 1.舊生新生都可以在入門區以及進階區留言 2.在各區中留言也好可以查看對應的筆記分類 #### 4.可以利用這個把目錄收起來看起來不會太長 :::spoiler 文章目錄 [toc] ::: #### 5.可以提醒大家如果有看到喜歡的筆記請不要客氣按下愛心或是對筆記中有疑問以及錯誤可以大方不要害羞的留言 ![](https://i.imgur.com/2Nt4YND.jpg) --- # 🤞知識樹預覽 :::spoiler 文章目錄 [toc] ::: ## 網頁學習地圖 :::info 開始學習前，先了解在學的東西具有什麼功能，才能更了解整個運作 ::: [紮實的網頁前端學習路線與資源推薦](https://blog.huli.tw/2019/08/21/real-front-end-learning-path/) ## 入門區 #### 開發工具 vscode Git(版本管理軟體)&GitHub、Gitlab(拿來放程式碼的雲端。放靜態網站，切版作品): #### 前端入門 #### 後端入門 #### 額外參考網頁、筆記連結 | 匿名、昵稱 | 原因 | 標籤 | 對應筆記 | | ----------- | ----------------- |-----| ------- | | 01 | 大家可以學習完前端可以在來時做練習，我覺得裡面講得很詳細，如果有人覺得自紀的基礎想再複習可以參考這個 | Html+Css+js | [Html+Css+js做出一個網頁]()　| | 02 | 大家可以在這裡參考想要學習哪部分 | Vue、React.. | [2022學習前端框架新趨勢等等]() | | 03 | ... | 前端 | [從拉麵店的販賣機理解什麼是 API]() | #### 入門區留言版(回饋機制)(每個星期一1:00pm更新) > [color=skyblue][表單連結]() | 匿名、昵稱 | 心得、實作筆記、建議 | 標籤 | 對應筆記 | | ------ | ----- |-----| --------- | | 小美 | [html+css+js實作筆記]()| Html+Css+js | [Html+Css+js做出一個網頁]()　| | 02 | 我覺得看完這篇後我可以更認識到現在的趨勢可以去學習 | Vue、React.. | [2022學習前端框架新趨勢等等]() | --- ## 進階區 #### 前端進階 | Number | tags | Notes | | ------ | ----- | --------- | | 01 | Html、Css | [html+css 進階學習]()　| | 02 | | []() | #### 後端進階 | Number | tags | Notes | | ------ | ----- | --------- | | 01 | PHP | [PHP進階學習]()　| | 02 | | | #### 額外參考網頁、筆記連結(可以也用表格模式去寫) | 匿名、昵稱 | 原因 | 標籤 | 對應筆記 | | ----------- | ----------------- |-----| ------- | | 小白 | 我覺得這個工具在前端開發有很大幫助 | Html、Css | [前端開發工具]()　| | 小黑 | 大家可以在這裡參考想要學習哪部分 | Vue、React.. | [2022學習前端框架新趨勢等等]() | | 03 | 大家可以在這裡參考想要學習哪部分 | css | 1.[用 CSS 來偷資料 - CSS injection（上）](https://blog.huli.tw/2022/09/29/css-injection-1/?fbclid=IwAR0SoXoCdqYTNa2HO-At_3x3SymGTmSFuyzHieaRsctrH8yj9VzjidMiMGw)2.[用 CSS 來偷資料 - CSS injection（下）](https://blog.huli.tw/2022/09/29/css-injection-2/)| #### 進階區留言版(回饋機制)(每個星期一1:00pm更新) > [color=skyblue][表單連結]() | 匿名、昵稱 | 心得、實作筆記、建議 | 標籤 | 對應筆記 | | ------ | ----- |-----| --------- | | 小美 | [html+css+js實作筆記]()| Html+Css+js | [Html+Css+js做出一個網頁]()　| | 02 | 我覺得看完這篇後我可以更認識到現在的趨勢可以去學習 | Vue、React.. | [2022學習前端框架新趨勢等等]() | ## 前端知識樹 ## 後端知識樹 ## 專案管理知識樹 :::info 只要有一顆願意學習且熱情的心，都歡迎你加入，與大家一同研究、學習探討相關技術。 :::