Angular 4 folders-by-feature structure practice

Angular 4 切版實戰 part 1: 新手上路甘苦談

註:未來 AngularJS (1.x) 後的版本統稱 Angular,不過為了方便理解暫且稱為 Angular 4,而且現在 Google “Angular” 的資訊也大多還是在講 AngualrJS

雖然字面上是甘苦談,但就是苦談的意思。之後可能會變成系列文,當作開發過程中的心得整理。

寫 AngularJS (以下簡稱 A1) 習慣之後,現在寫 Angular 4 (以下簡稱 A4) 有種打掉重練的感覺。尤其看著寫過 VueJS 的夥伴 Eric Yip 迅速寫完一堆 A4 的 component 和 service ,更加充滿徬徨。

繼續閱讀 “Angular 4 folders-by-feature structure practice”

如果使用即時通訊 UI 來設計購物車結帳流程,會是什麼樣的感覺?

昨晚在填寫一些網路表單覺得好枯燥乏味時,突然標題靈光一閃,於是決定在放國慶連假前,好好的集中精神來實做、初探一下,否則放完了假可能會是一條活屍行走於人間…

而因為是一時興起,所以決定能不動流程就不動的前提之下來進行,流程參考為 P 家 APP 從檢視購物車到結帳的流程:

繼續閱讀 “如果使用即時通訊 UI 來設計購物車結帳流程,會是什麼樣的感覺?”

軟體操作介面 不只好看更要好用

在日常生活中,資訊用各種不同的方式,透過不同的媒介,讓人汲取使用,我們也用不同方式操作使用獲得資訊。當數位資訊進入生活中,這些資訊不單是透過眼睛看到,更能與之互動,在互動過程中不僅單向獲取資訊也同時提供資訊。在這一來一往間,使用者介面設計不限於視覺層面,而是延伸到透過什麼方式操作介面的問題,如:掌控大螢幕時,必然需要一定的距離,視線才能掌握資訊,如此一來就需要滑鼠、鍵盤等間接操控使用者介面的工具;但若是在行動裝置等介面上,就可以直接透過握持裝置的手近距離操控。 繼續閱讀 “軟體操作介面 不只好看更要好用”