續前端工程師之後,下一波網路職業浪潮是什麼?

過去的前端

現在的前端

敏捷式開發的前端

其實這篇文章,是我寫的某一篇的後半段,我刪除了一大段,而那一大段歷史都只是闡明一件事。

產業和環境發生了巨大的變化,而我們設計流程卻趕不上這些變化

設計怎麼辦,我們怎麼設計網頁的呢?這個過程我們從過去到現在,都沒有多大的進步,不要誤會我的意思,這不是譴責,而是我們在反思,處於網路技術爆炸的年代,就如一個突然人口暴增的市鎮一樣,如果你無法解決供需之間的關係,還談什麼設計,但是如果你已經有能力處理供需問題,那麼設計的問題,基本上在意的是誰?

就是那些要爬上去維修的電線桿工人啊,就是前端工程師啊,在家用電的你們會在意嗎?或許可以理解為,你們無法理解需要維護多個亂到不行的電線,每次維修都還必須保持每一戶人家都可以通電那種感覺,有個時候,某一戶人家的電斷了,問你找出有問題的電線,那叫人情何以堪。

很理所當然的,功能導向是製造者的天生,在沒有電的城市,首先要解決通電的問題,而不是如何設計電路的問題,那你就會明白為何會出現以上那種電線桿,前陣子很缺電線工人,還有一篇文章寫《為何我們那麼難找到電線工人?》

文章說的很清楚,這個工作是苦差事啊。

問題就是機會的蛋

機會的來臨,都來自與一個問題的誕生,這是大自然的法則,過去,或許你以為你已經了解CSS、JS、HTML,可是真實應用中,大家是不是也只是製造出更多以上大圖那種,僅僅通電無法維護的東西呢?

我也知道,那並非出自你的本意,只是不知道那天開始,默默的默默地,就從第一張圖,變成第三張圖了。

因為第一張圖,是用過去的方法接電線,當然沒有問題,資料(電力公司)和介面(電線)關係單純,網頁模組數(電線用戶數)也不多。

現在,一個留言窗就可能有10幾個模組組織成,裡面有一個按鈕出現在10個地方,其中大中小,皆有一點不同。我想大多數人,都會直接拉一條線,從A到B,最後就會變成第三張圖。

前端設計/ux engineer/ui developer

前端設計是我自己翻譯的,如果你們有更好的翻譯建議可以留言告訴我,接下來是廣告時間,我即將要開辦一個課程,如果你已經會JS、CSS、HTML,可是每次要下手做點什麼的時候,都做出和想像中有點不一樣的時候;又或者,你完全沒有接觸過,想要嘗試自己做出一個網頁的感覺,你可以到我的粉絲頁報名《前端設計課程 – 8月》

我舉一個很簡單的例子,按鈕

這是一個按鈕

這也是長一樣的按鈕

外觀和代碼之間的設計,是一種設計

前陣子,我也示範了好幾次,大多數當我們在做網頁設計的時候,畫面的呈現,需要依賴的,更多是程式碼的組合和CSS的配合,達到這個程度,基本上你可以做出以下的範例。

大部分要做到以上,不會很難,就如同如果只是要接一個管線,如第一張圖的,他難度依然是有的,但是克服了基本面,管理起來很簡單清晰。實際上,至今做一個大型或中小型的Web app,如果你剛好那麼不巧的是用一些React、Angular之類的設計,你可能要思考就不僅僅是畫面和畫面的配合,要需要考慮數據和數據與畫面的配合。

以下是模擬Netflix某個模組的範例,用到的是React和css

要做到以上那種效果的網站,就必須要有前端設計師。

至今很多網路公司,都有這個職缺,我們以google的JD做為參考好了,要當這個職缺的必須條件的條件,至少要有CSS、JS、和HTML的認知。

當然,它說的認知,已經不是如何通電的水平,而是設計一個大型電路的水平,如果僅僅只是需要通電,又何必多此一舉呢,就前端工程師自己搞定就好,反正也沒人看的懂XD

有不少人,告訴我,想成為UI設計師,或UX設計師,但是如果你真的喜歡這個領域的話,我建議你寫Code,你才能真正有能力掌控你喜歡的外觀和設計。美國著名網路媒體公司Netflix,以使用者經驗極佳的優勢快速的在這個市場上殺出一片天下,當然他的其他實力也不容忽視的,當中Netflix UI Engineering團隊也分享了很多他們對於前端設計的心得

或許你覺得這些和你很遙遠,但是其實一點都不難,只是路很長。我說要開課說了很久,快三年了,我之前沒開,把一些心得集成書,但是畢竟透過靜態的媒介,對於一些朋友來說,吸收或許有些難度,最起碼,我女友就說看不懂我寫什麼了。

這又讓我仔細的反思,我是不是應該需要出來面對XD

前端設計師這條路是必須會經過的,不管你喜歡不喜歡設計,以後的前端只會更在意設計,因為功能導向的市場已經飽和,我們需要更好用,更聰明的網站,而不是一個可以用的網站。

關於上課和我的教學方式,如果你有看過我上一次的文章《如何有效的學習》一文,不難發現,其實我不太走正規派,如同做菜,我不會告訴你這是鹽巴,它很咸,這是白米,煮要加水之類的,我希望每一次,我都是教你做一道菜,而你當中吸收經驗,體驗做菜的感覺(不要誤會我只是比喻,不是真的做菜),而是以目標導向,每個星期,我們都有一個小目標,大家回家後有一週的時間練習。若想要從這10個小時中帶走寫什麼,必須配合課程練習才能有效。

我相信只要帶領你走一次,細節基本上大家不缺資料,上網google就一堆,我希望做到的事,讓大家知道怎麼組合他們,把玩他們,而不是被他們把玩。

結束專案之後,我鼓勵大家去接外包,有遇到問題可以在slack上問我,我盡力幫大家解答。

PS: 會教Bootstrap 嗎?

我不會特別說Bootstrap,不過我可以教大家怎麼看懂它,然後回家把玩他,而不是教你使用它,Bootstrap現在已經是個大怪獸,不可能短時間內全部介紹,如果真的很想要知道Bootstrap怎麼用,有什麼秘方,可以在留言告訴我。