iT邦幫忙

DAY 6
2

非程式人的前端開發自學之路系列 第 6

[非程式人的前端開發自學之路] Day6 規劃屬於自己的網站

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

用手畫出網站

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

sneakpeekit

Paper Browser

用線上工具畫

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

wireframe.cc

webflow

用網站產生器

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

weebly

WIX

SQUARESPACE

WordPress

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

ToDoList

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


上一篇
[非程式人的前端開發自學之路] Day 5 學習資源
下一篇
[非程式人的前端開發自學之路] Day 7 前端技術學習路徑
系列文
非程式人的前端開發自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言