如何有效率地 Google 尋找問題並學習新技術(上篇）

當我就任三、四個月後，設計部專門負責網頁切版的大前輩離開了，知道這消息實在晴天霹靂，代表著這重責大任要落在我身上了。那時候我切出來的版型常被工程部吐槽，都會被碎念「啊你這版型不行啦，我程式沒辦法接」、「我這裡要跑重複資料，要 Repeat 的話 HTML 標籤要從哪裡 Copy 到哪裡？」、「你這 Layout 是要抓哪啊？你寫得真得很”巢”耶…我真的完全看不懂」。所以那時候每次將版型丟給後端那幾個小時都會如座針氈，深怕下一秒又被召喚過去吐槽。

我們公司大部分都承接系統開發，幾乎所有的網頁都會接成動態應用程式，程式語言跟資料庫是用 .NET + MSSQL，後端工程師的嘴雖然很會碎念，但對我這新人還是會耐著性子和我討論，那時常和我配合的工程師叫做阿杜，進來已經三四年了，整個就是一隻老鳥。

我：「所以你會切版嗎？要不然你教我幾招啊，你都會 .NET 了，HTML、CSS 應該還可以吧？」

阿杜：「金拍謝…我會得還沒你多，你可能要自己多研究，以後公司靠你了，你是未來的棟梁。」

我：「真的假的啊…哩賣騙肖..」

阿杜：「真的，我在公司只負責動態程式跟資料庫邏輯而已，之前都設計部在負責，排版整個忘光！Google 有很多資料你多參考啦，我不會也是自己 Google 的！」

實在太哭爸了，我真的超級無言，每次阿杜要我自立自強解決問題時，都會靠北一句「以後公司靠你了，你是未來的棟梁，你可以的！！」來敷衍我，我就會很無言地回到座位上繼續解 IE6、7、8 的 Bug，彷彿大海撈針般從 Google 老師探索我想要找尋的答案。

講完我的故事，接下來就來分享一下自己如何用 Google 來解決問題吧。

📌學任何技能都是從模仿開始

我一開始在學習 HTML、CSS 時，基本的語法概念是有的，當我想要學得更深入時，去網路上看別人部落格，絕大部分都發現到會要你去 W3C 好好看過一遍再來開始學網頁排版。後來我也是照做了，但越做越想睡，雖然基礎知識有了，但我到底該如何運用這些標籤來設計出我要的網頁版型出來，整個就是毫無頭緒。而在當我學 jQuery、JS 時也有這樣的想法。

但一直重複地 Google 撞牆後，還是有發現到一些有用的學習方式。其中一個就是去看別人寫的範例程式碼，網路上不乏會有很多開發者分享自己做網頁版型的範例，裡頭的語法已經讓我有大概的印象，只要瞭解裡頭的語法，我也可以跟他做到一樣的事情，而這種方法也讓我開始改變學習方式，在一開始學新技術前，我會先去學一點基礎的語法，甚至買書來看。等到稍微有些小成就後，就開始去搜尋關鍵字找一些簡單的範例來吸收，有看不懂的語法就回頭翻書或 Google 加深觀念。那時我也會打「website template」、「網頁版型」之類的關鍵字，將別人做得很完整的範例整個看過一遍加深觀念。

沒有人天生就是天才，就像是給你關刀，你知道怎麼亂揮舞，但是刀是拿來斬人的，人會亂移動，你要有效率的斬人一開始是絕對沒譜的，自然就會想去看關公施展招式的過程中學個一招半式，然後自己再去練習怎麼斬，進而內化成自己的武功心法。

所以才會說一開始學新技術時，先瞭解一些基礎語法後，就從網路上尋找各種範例來練習吧。

因字數限制，後續內容請接續下篇觀看>>