各位帥哥美女早安，歡迎來到coding小白盜版學校官網的挑戰日記

不知不覺發文也邁向了第七天ㄋ～這個計畫的內容是我這個coding超新手會在這30天裡，把複刻學校官網當作目標，從最基礎的前端html、css、js...開始邊做邊學，紀錄每天的學習進度，看看一個月過去能學到什麼程度。

美好的周日不適合太過操勞，所以今天小偷懶一下，不寫網頁了，來簡單分享一些自己入門時參考的工具與方法。

雖然說是零基礎，但我其實從暑假開始已經有先慢慢開始接觸了一些前端的相關知識。這段期間我的學習好夥伴主要有三位：YouTube、ChatGPT，以及老師提供的課程簡報。

YouTube

只要輸入「前端入門」「HTML & CSS」等關鍵字，就能找到數不盡的教學資源。其中我最推薦PAPAYA電腦教室的影片【成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！】。短短三十分鐘不拖泥帶水，從HTML與CSS是什麼、需要哪些工具，到基礎指令的實作都講解得非常清楚，搭配畫面示範，不給新手小白任何感到困惑的機會。

我的學習習慣是會先把影片完整看過一遍，接著再重播並跟著操作。過去大學時期我就是用這種方式順利入門 Figma ，踏入險惡的UIUX設計世界；這次學習前端coding也就是靠他從完全霧煞煞到慢慢上手，是超級推薦的免費資源！

課程簡報

因為完全沒有程式背景，指導教授特別提供了大學部入門課程的簡報讓我參考。內容和剛才介紹的那部影片略有重疊，但細節更多。我通常會先快速翻過一遍，再把裡面的語法照著打一遍，一邊複習、一邊補足影片沒提到的部分。

雖然沒辦法把這份資源直接和大家分享，但我覺得其實只要找到一本適合自己的書一步步跟練，應該也能達到相同的效果。

ChatGPT

現代人最熟悉的好朋友，應該不需要多介紹了吧哈哈。我主要是拿它來：

1.除錯：遇到代碼顯示不出來、畫面哪裡怪怪的但怎麼都找不出問題，直接複製貼上問gpt總是能瞬間找到問題，有時候可以學習到一些講義上沒提到的細節...有時會發現...原來只是少打一個點
2.觀念釐清：偶爾不確定能不能這樣寫、或對講義文字或影片內容一知半解的情況，很多不好意思問同學的白痴問題它都會用很白話的方式解釋，甚至附上範例程式，完全就是一位超貼心的私人家教阿(´д`)~♥

結語

我覺得每個人都有自己適合的學習方式和步調，像我很了解自己的個性就是缺乏耐心、沒有在短時間內看見成果就會失去興致缺缺、甚至半途而廢。所以當我發現自己學習到越來越無力、沒辦法專注的時候就直接進入實作，看著好像煞有其事的作品，好像就更有動力學習新技術繼續完成它了(就像現在做的學校官網)，這也是為甚麼我會選擇這個主題來報名IT鐵人賽的原因

如果你也是正在學習coding的朋友，或許這些資訊可以帶給你一些新的靈感，也歡迎大家留言交流，大家明天ㄅㄅ～