學習寫程式最快的方式就是直接拿專案來做，初學者可以先規劃一個各人網站，或是做些有趣的小工具。

用手畫出網站

雖然市面上有些製作 Mockup 與 Wireframe 的工具可以讓你製作網站的工具，不過最一開始的發想，還是用手繪的最有效率，網路上有些現成的方格紙可以讓你列印出來，加速設計流程。

sneakpeekit

Paper Browser

用線上工具畫

如果自己對網站的需求已經清楚，那就可以直接利用一些工具，快速的把雛形建立起來。

wireframe.cc

webflow

用網站產生器

如果你的需求確定是個產品頁面，或是線上商城，那也可以直接選擇一些快速產生網站服務的工具，裡面也可以自定 HTML, CSS，可以先快速把網站產生，之後學習了前端技能，再回頭把網站修改成自已喜歡的樣子。

weebly

WIX

SQUARESPACE

WordPress

如果真的不知道要做什麼，那就做待辦清單 ToDoList 吧

ToDoList

代辦清單是很多人在學寫程式時，會拿來試做的小東西，試著在 Google 搜尋 Javascript todo list ，就可以搜尋到很多範例的程式碼，甚至很多 framework 會製作 Todo List 範例來讓使用者快速理解他們的框架，還有個 TodoMVC 的網站搜集了各種不同框架的做法。