《寫程式的設計師》
.
去年有個不知名的網友說：
「江孟芝的作品一看就是CS背景人士做出來的成品，不會寫程式是不可能做出來的。」因此他自己「推論」我的作品一定是有其他人幫我寫的。
.
這句「這是CS背景人士做出來的」是正確的。我在美國電腦藝術（Computer Arts）研究所裡主修的是介面設計跟程式藝術，也因為電腦藝術研究所裡有大量的程式課程，被美國政府列為符合Science, Technology, Engineering and, Mathematics的標準，在畢業後享有OPT EXTENSION實習簽證長達29個月，所以我的背景完全符合這位網友所提的「CS（Computer Science）背景」。
.
他的第二句其實也沒錯「不會寫程式是不可能做出來的。」如果不會寫程式，我不僅無法做數據視覺化，更無法畢業了吧！我學習寫程式的歷程，要從我大三開始說起。
.
我大三的時候，已經認知到自己是非典型的美術系學生，對各種不同的設計領域充滿好奇，於是我大量地往外系修課，甚至跨校學習。那時我在外系接觸到了Flash網頁（Flash年代啊，遠目），也學到了初階的計算機概論，那是我認識程式的起點。
.
畢業後找工作的期間，發現網頁設計都需要具備程式的技巧，因此我開始大量買Dreamwaver、CSS、ActionScript的書籍，一行一行照個書上練習，於是我在畢業的那個暑假架設了自己人生第一個網站。
.
工作後，因為業務需求，我更專精在前端工程上，對CSS跟HTML鑽研至深，雖然那時候超級討厭大魔王 IE 6，但是每次Debug完，卻升起一種成就感，我甚至有一份完整紀錄Debug的文件，分析著今天遇到什麼問題、用什麼方法解決。也因如此，申請國外研究所的時候，我申請科系都是數位藝術、電腦藝術、資訊設計相關的領域，因為我很清楚，#自己想走程式藝術的路。
.
一般的人可能對設計師有刻板印象，直接「推論」設計師都是一群不會寫程式的人，但是美國大多的設計領域，#都強調程式的重要性，SVA、Parson、Pratt都是如此，有時候我甚至寫程式寫到我以為自己在念資工系，從前段到後端的語法，像是PHP、Html5、Javascript、Actionscript、JQuery、MySQL、Processing......等等，我都覺得十分有趣，因為在研究所大量接觸到這些語言，成為我數據視覺化作品的基石。
.
這位網友直接「假設」我不是CS背景，也不會寫程式，其實是自己先入為主的推理，導致後面產生不正確的謬論，然後在沒有事實根據的情況下就製造了一條假消息。我常常在想，當「爆料」 淪為有心人製造假新聞的農場，我們每個人是否可以有獨立思考的能力去判別事實呢？
.
下個月《我們與惡的距離》的舞台劇要演了，文宣上的標語就是：「你自以為是的正義，可能把另一個人推向地獄。」
.
我相信這個社會不是二元論，非黑即白，如同我之前所說的：「台灣並不需要更多的對立了，階級的對立、窮富的對立、政治的對立、世代的對立，我們不需要用對立去分化彼此，讓自己的力量越來越渺小。」相反的，每件事情都是有灰度的，最好的跟最惡的人都不存在，有好的壞人也有壞的好人；有會寫程式的設計師，也有會藝術創作的工程師。
.
如何化解對不同領域的偏見跟誤解，學習用擁抱跟溝通去傳遞溫暖，是我們身為人一輩子的課題。
.
.
.
IG: mengchih
前端 工程師 實習 在 Re: [心得] 前端工程師(實習)面試與準備- 看板Salary 的八卦
因為有不少人站內跟私訊問我有關自學
在這邊統一做回覆
啊因為我還是比較習慣打在Medium上 所以要更詳細的連結等都在裡面：
https://goo.gl/r8NcY4
以下會分為UIUX跟前端技術
UI/UX學習歷程與作品
我接觸UIUX大約是一年多前，自己本來就擅長於視覺設計，但沒想過要當飯吃，知道有
UIUX這個選項以後就開始自學，以下為學習方式與資源：
100 Days UI
我記得這好像是從一個國外的設計師開始發起的，簡單來說，就是每天做一個UI，持續
100天不同的題目。這實在要很有意志力，我大概到20幾天之後就懶了XD那時候剛好錄取
實習就沒有再繼續。在進行100 Days UI的同時，也可以參考看看別人是怎麼做的，從臨
摹開始，同時去思考為什麼要這麼做。練習這個的缺點是通常只有單頁面或功能，所以不
能算是一份完整的UIUX練習。下面這個連結集合了很多100 days ui的作品，題目也可以
依照這裡面走：
https://collectui.com/
彼得潘的ios課程
兩個學期以前，彼得潘來台大開ios開發的課程，所以我也會很簡單的ios app開發，在這
個課程當中真的收穫良多，也是我立志要學好UIUX的轉捩點，錄取UI實習的作品集也是從
這個課堂而來：
https://goo.gl/vfiHfG
這邊的學習方式就是真的去規劃一個app，從user story、wireframe到prototype都做出
來，是最好的練習方式，也順便完成了一個大型的作品集。
uxabc 實體課與網路資源
這是在業界非常有名的Taylor開的實體課，在報名課程之前就已經從官方Medium學到了很
多UI必須注意的小細節。
報名實體課真的是我人生做過最好的決定（太誇張），這個課也是我錄取實習以後，發現
仍有不足才去報名的，說真心話不便宜，還好有學生價打折扣，但上課品質絕對不打折，
一個月的時間打破我之前所有觀念，接著一步一步重新建構起來，上完這個課絕對有信心
跟別人說我的專長是UIUX。下面這個是我在這四個禮拜的課程中所做的作品（這篇文怎麼
好像變成葉佩文了）。
https://goo.gl/tLKAPw
其他學習資源
Dribbble：每天看培養美感與跟上設計潮流。
Medium：追蹤跟UI有關的議題更新資訊，有蠻多專業的部落格，最重要的是不要怕看英文
文章。
ios design guideline：Apple官方出的設計規範，絕對要看得滾瓜爛熟，一樣不要怕看
英文。
Material Design guideline：Material Design的官方設計規範，一樣要看得滾瓜爛熟，
但彈性比ios大。
最重要的是，當進到一個網站，或著新下載App，仔細研究一下流程規劃、設計，同時思
考為什麼這樣做，怎樣做會更好，學習評論。初學者還是建議從臨摹開始，久而久之記得
要培養自己的風格。
Web Front-end前端技術學習歷程與作品
會踏入1 0的世界我自己也料想不到，剛開始只是看到對UI設計師的要求多有html/css這
項，才去碰了一點，後來因為自己專案需求開始研究網頁程式的各種技術，像是git、
sass、pug、gulp、bootstrap、vue、react、node、express等等。以下我會將學習資源
以技術作為分類。
html/css/jQuery
嚴格說起來我是從Hahow上的這堂課開始對html與css產生理解，但我現在回過頭來看，我
認為這堂課的定位比較像是「網頁設計師」而非「前端工程師」。網頁設計師介於設計師
與工程師之間，可以是兩者溝通的橋樑，也有UI設計師跨足做到網頁設計這塊，職責大概
是將UI設計師輸出的設計稿轉換成程式碼，並用jQuery插件做一些簡單的動效。
這部分的練習，最簡單就是用google chrom的開發人員工具去看不同網頁的程式碼大概是
怎麼做的，我也有去dribbble、behance拿別人的設計稿來做做看。其實這部分熟悉的話
已經有蠻多工作可以找的，去104查詢網頁設計師的要求就是這三個。
Bootstrap/Sass/Gulp
將這三個放在一起是蠻突兀的，但我真的是這三個套在一起學。會用到bootstrap是因為
自己在進行專案當中，手刻UI實在是太慢了，索性買了六角學院的這堂課（超推）。基本
上這堂課看完就能對bootstrap有很全面的理解，透過自己的練習與運用可以蠻快上手的
。而若要更改、客製bootstrap樣式，則要對sass有一定的理解（因為bootstrap 4是由
sass開發），而瀏覽器其實無法讀取sass檔案，就要用Gulp自動打包、轉換成css。
Git/Github
老實說我對git還沒有到完全能夠駕馭，一開始我是用s這個視圖化軟體操作git（設計師
一定要看到東西的天性），簡單的commit、push、pull、checkout是ok，但在什麼時候開
新分枝跟如何完美的Merge起來則還在摸索，最近也正在嘗試用command line操作git。
Vue.js/firebase
熟悉Vue可以說是我人生的高峰，會選擇Vue是因為六角學院的老師推薦，而且官方文件也
算很好讀，加上近兩年火紅起來覺得會是未來的趨勢，也因此免費的教學影片蠻多的，其
中我大推這位國外Youtuber：
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists
他講的非常清楚（除了他的英國腔），而且一段影片不會很長，一天看個五六段一個禮拜
內就能看完。看完的話能夠對Vue有完整的認識，也能學會操作router跟連接firebase。
剩下的我就是在專案中邊做邊學，翻了很多文件跟github，目前是能夠獨立做完一個簡單
的web app。
其他學習資源
codecademy：拿來熟悉程式碼，其中基本Javascript蠻有用的。
github：這應該不用提了，多多觀摩別人的程式。
培養自行查資料、判斷資料的能力（重要！）：前端的技術日新月異，不會有人從頭到尾
教會你，記得估狗是你的好朋友。
目前規劃
node.js/express.js：沒有點後端資料庫概念在資料操作上不能得心應手。
react.js：facebook開發的react仍是前端框架最大家，學習生態完整，且能夠銜接上
react native。
ios swift：實習可能會使用到的。
這一年來真的做了很多事情，也成長了很多。去年應徵UI實習時履歷丟了一大堆只有三家
回覆我，今年應徵更難的工程師卻每個都錄取，算是給自己的一個肯定。但我知道這條路
還很漫長，技術不斷在更新，工程師絕對沒有停止學習的一天。最後希望這點資訊能幫助
大家。（我已經很努力回想過去這一兩年到底做了些什麼，如果臨時想到有缺少的部分會
上來更新。）
-----
Sent from JPTT on my Samsung SM-G935F.
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 110.26.225.190
※ 文章網址: https://www.ptt.cc/bbs/Salary/M.1521124734.A.536.html
... <看更多>