程式學習紀錄舖

設計的工作流程

身為一個過來人，應該說我也還正在這條路上行走，有一些心得想跟大家分享。我是從設計起家的。設計的領域又可粗分為圖示設計跟排版設計…等等，而我是屬於排版這一塊。做網頁的流程大致是：

1. 打開 PhotoShop / Sketch 從一張空白的圖層開始做出一個網站
2. 進切版(用 PhotoShop / Sketch 切出需要的 icon) 以及 Layout (用 HTML + CSS 做出網站)
3. 會碰到 JS 的互動時，我能找套件就先幫忙做好，不行就放著給後端
4. 丟給後端套程式。

如果你不是純視覺，我想你的工作流程可能跟我差不多。那，這樣不算是前端嗎？

　　現在開發網頁愈來愈複雜，技術也愈來愈多元，所以現在也很少使用Dreamweaver了，幾乎都是用Sublime Text來開發，透過Sublime可開發各式各樣語言，無論是要寫SASS、LESS、Jade....都沒問題，但前題下就得自行手動安裝這些套件，才能開始感受到這些框架的便利性，但現在有個更簡單的方法，免安裝任何東西，只要打開瀏覽器，立即就可體驗到SASS、Jade的寫法，因此想了解SASS、Jade的寫法的朋友，現在也一塊來看看囉!

什麼叫程式庫

所謂程式庫，一般是軟體作者為了發佈方便、替換方便或二次開發目的，而發佈的一組可以單獨與應用程式進行compile time或runtime鏈接的二進位可重定位目標碼文件。通俗一點說，所謂一個庫，就是一個文件，這個文件可以在編譯時由編譯器直接鏈接到可執行程式 中，也可以在運行時由操作系統的runtime enviroment根據需要動態載入到記憶體中。一組庫，就形成了一個發佈包，當然，具體發佈多少個庫，完全由庫提供商自己決定。

今天介紹這工具可說是在 Web 界非常實用的線上編輯器，編輯什麼呢？就是 HTML, CSS, JavaScript 這些東西啦。以往為了要展示或分享一些 JavaScript 的功能或 CSS 樣式，必須要架設一個網站放這些檔案才能讓其他人知道這東西執行後的結果，但 jsFiddle 的出現可謂是佛心來的，幫我們「代管」這個程式碼在「雲」上，讓我們可以將任意網頁內容放上去測試、驗證、存檔、分享。

像我在前年分享過一個 jQuery 的題目《如何透過 jQuery 進行表格內容數據的垂直加總與水平加總》就非常適合放上 jsFiddle 來執行，讓所有人直接點擊我預先儲存好的 HTML , CSS , JavaScript 內容就能讓所有人看到執行結果。 [ 如下圖的網址在此：http://www.jsfiddle.net/pBcng/ ]

之前都沒有仔細研究 FireBug 的使用方式，僅用這篇文章來紀錄之。

【本文後半部為產業專家訪談，在此先感謝他們不吝花時間向大家分享寶貴的經驗與看法。】

「我沒有相關的學經歷，想從事 User Experience (UX) 相關工作的話，要如何開始？」是許多想進入 UX 領域的人的第一個問題。

一. 原理區別

一般在流覽器中輸入網址訪問資源都是通過GET方式；在FORM提交中，可以通過Method指定提交方式為GET或者POST，默認為GET提交

Introduction

會寫這篇文章的原因為某位正在唸書的同學向我提出的疑問，讓我發現 HTTP Method 的觀念其實在現在的教育中相當缺乏。以往經驗，大部分的學校課程都會直接傳授網頁程式設計等課程，卻忽略這十年來最廣泛使用的 HTTP 協定。

GET 與 POST 有寫過網頁表單的人一定不陌生，但你了解什麼是 GET 與 POST 嗎!? 現今的網頁設計工具相當的發達，甚至不需要接觸 HTML 語法就能完成一個規模不小的網站，漸漸地很多人都忘記了 HTTP 底層的實作原理，造成在發生錯誤的情況下無法正確進行偵錯。