UI/UX設計師學程式 SOHO族進階前端網頁能力

UI/UX設計之後的全端工程師學習紀錄

身為一個UI/UX設計師,當跟身旁的UI/UX朋友們聊起,想學習前端網頁或程式設計語言來增加自己的技能,最常聽見的回應是:

  1. 學程式語言感覺很複雜、又要學很久吧,是一條不歸路啊!
  2. 工作上會用到的機會不多,學了沒機會用到很快也會忘記吧…
  3. UI/UX工程師應該要優先考慮使用者體驗在介面上的操作流暢度,之後的實作由前端工程師來接,這樣才是分工合作與提升效率。
  4. 有小孩之後,工作結束後就是另外一個戰場(媽媽們OS),根本沒有時間再去安排其他事情啊!

諸如總總勸退的聲音,加上下班後只想要放鬆的怠惰心態,就這樣一拖再拖,也就習慣把『想學程式』掛在嘴邊,卻遲遲沒有任何的執行力,就這樣長達將近1~2年。

3分鐘小測驗,找到你的程式自學入口

專案失敗帶來的轉機

而真正決心改變,是來自於專案失敗的體悟。

一直以來,都認為只要做好前期的溝通會議,確認來自客戶、老闆、PM的需求,以及工程師技術端的限制後,就能有效避免在介面設計稿與工程師實作上的巨大差距。

然而,卻沒想到,因為沒有程式設計相關背景和經驗,導致設計出來和實際成果有落差。

在必須不斷找工程師討論,花費更多的時間成本下,來回修正已經設計好的稿件,甚至打掉重練,讓我在設計介面上產生更多的挫折感。

雖然已經知道學習程式語言是一段辛苦且長遠的路。但是真心覺得這種辛苦換來的成就感,是無可取代的。也只有不斷的進步才能真的打敗害怕失敗的心魔,讓自己可以接受更多的挑戰與解決問題。

進入ALPHA Camp學習程式設計 就像站在巨人的肩膀

而就在我尋尋覓覓程式設計相關課程時,也在APPCODA學習Swift程式語言過程中,看見ALPHA Camp校友專業的部落格文章,認識到ALPHA Camp這群來自於新加坡與台灣的程式設計教學團隊。

而今年度ALPHA Camp開課教授網路全端開發線上課程,讓我相當地激動與興奮,覺得這是一個絕佳的契機,來改變自己。

目前參加ALPHA Camp第一階段暖身課程後,覺得和其他線上課程最大的不同,在於即使是線上教學,依然可以透過生動的教學內容,讓我維持極高的動力來自主學習。

學習的路上不再是孤單一個人

線上學習一個人孤軍奮鬥,缺少了push的動力,最害怕的就是半途而廢。但ALPHA Camp相當用心地透過線上工作坊、助教群線上指導與同儕之間的線上學習討論,讓學習氣氛變得很好,使得線上學習有更好的黏著性。

雖然自己現階段還只是個程式菜鳥,但期望一年後,能有自信的說 “Nothing is impossible to a willing heart.”

前進學期二 全端工程師學習

跟著ALPHA Camp的學習旅程,也來到學期二的期末尾聲了。當初想報名ALPHA Camp課程的初衷,最主要是想更了解前端網頁的運作邏輯與 RWD 響應式網頁的製作技術。在過去幾週,很開心自己收穫到了好多前端技術,最令人開心的是,從前覺得如天書般的程式碼文章與教學文,現在竟然可以慢慢一個個理解語法背後的邏輯與應用範例了!

Yiru RWD website sample
Yiru的實作RWD版個人網站

學習程式的這段時間,最期待的是每天跟著ALPHA Camp的課程進度學習新的程式語法與解決邏輯,每週的新進度主要以『重複練習+新的學習』這種方式,逐漸累積對撰寫程式的手感與經驗。課程中會不斷地提醒要打開程式碼刻意練習、要用console.log印出來測試結果、找尋相關資料來完成作業挑戰。

(了解更多:ALPHA Camp 的程式學習體驗

這些練習、測試、重複練習、與收尋資料的學習方式,逐漸養成學習程式的習慣。也開始了解工程師職涯這不歸路心路歷程~

曾有工程師朋友認為寫程式的工作就像大陸形容的碼農,要一步一步辛苦耕耘,才能完成作品專案。確實,要讓一個程式碼成功運作,需要大量的練習與學習。

但另一個更關鍵與困難的面向,則是如何『拆解問題』。因為電腦的邏輯思維和我們的大腦很不一樣,或許人與人之間的溝通能用非常跳動的方式也可理解,但電腦程式非常注重每一個細節的互動邏輯,拆解問題直到電腦可執行的程式步驟並解決問題,是成為一個工程師很重要的任務。

(搞懂運算思維邏輯,學會用程式與電腦溝通)

在學習的過程中,最有效的持續學習動力,是每週作業與助教回饋的幫助,來督促自己必須在有限的時間內完成程式作業。畢竟在真實的專案過程中,上線deadline可是來的更急迫啊!因此,藉由每週作業deadline前,訓練自己在有限時間內理解當週程式技能與撰寫專案要求的功能,都能逐漸提升自己寫程式的手感與拆解問題的能力。

下個階段給自己的目標,希望能更熟悉並獨立撰寫RWD與Javascript的互動,也知道學期的結束才是另一個開始,會想更深入了解前端網頁RWD、HTML5、CSS、與Javascript之間的細節,也觀摩到更多關於SASS的技術,期望接下來能獨立完成前端RWD網頁開發,也謝謝ALPHA Camp助教群與Peer Review的幫助,讓我在學習前端的路途上收穫良多!

(本文轉載自ALPHA Camp 學生Yiru的 學期二心得