接續上一篇 前端工程師轉職之路(上):從動念到踏進轉職班 ,本篇會記錄到:上課前的準備、課程初期學習、個人專題,以及課程中期。
本文目錄
課程開始前的準備
課程開始前,有一個半月的時間,我就是狂看課程並練習,剛好X育有附課前線上教學,再加上之前買的hahow課程(對我還有零星的段落沒看完)。
自認一點也不聰明的我,就是怕上課的時候跟不上,能預習多少是多少。
X育有事先給線上課程供預習我覺得很讚,雖然效果因人而有限,但事先預習還是讓我在未來的課程比較進入狀況。
另外有在圖書館借點資源來看,書單提供:
- 設計的心理學 : 人性化的產品設計如何改變世界 (推推!!)
- 版面設計學 : 平面設計的美感養成
- HTML & CSS : 網站設計建置優化之道
- JavaScript & JQuery : 網站互動設計程式進化之道
課程初期的收穫
將課程分為前中後三階段來循序地寫,以下列出學到的技術以及我的收穫
- PS、AI
- 教別人用貝茲曲線很有成就感。
- 課程成績好像蠻高的XD美術的靈魂被肯定,很有成就感。
- UX、UI
- figma的技能!不論是往後的工作或自身都常用到。
- HTML、CSS
- 因為自己學過,剛開始覺得非常有餘裕。
- flex、grid、position 比較複雜,經老師講解後清楚多了。
- JS
- 當時課程老師教得有點難理解(個人和班上有些同學都如此認為QQ),真正學懂比較多的反而是經由課堂作業。果然程式要寫過才會懂?
- 作業是做一個待辦清單,收穫是我對於網頁元素更能自如的操作,其中很多常用概念。
- 最需要突破的是,如何讓自己「想」出方法來解決問題。要讓腦袋轉換成一種會提問的模式,而不單只是直接地思考需要什麼結果。
個人專題
想了很久最後決定做自己很喜歡的花藝主題,畢竟這可能是少數個人的完整作品,當然要用真愛來讓我傾心投注吧?
wireframe 完稿時在課堂上發表,獲得了老師的肯定說我做得很完整ヽ(;▽;)ノ,接著 mock up 好了就正式開始寫code!
個人專題時,因為還沒有教到前端框架,所以用的是CSS、純JS、和頂多用到JS輪播套件去做。現在看回去會覺得蠻原始的,但當下體感只覺得JS好難RRR,畢竟是初學者,換個角度想這也是讓我們紮實JS基本功吧。
以下是我在這階段的印象深刻的收穫
- 切板
- 大熟悉css期 從大概3分進步到5.5分
- JS做功能、效果
- JS程度從1分進展到可能3.5分吧
- 這是我的JS 突破期,就算是小功能也要老實地做,所謂熟悉知識的過程。
- 以為JS 套件很好理解,結果瘋狂撞牆,問老師和同學後才稍微理解它運作概念。
- 實際寫輪播時,打槍了自己設計時天馬行空的想法,太麻煩(時間不夠) + 視覺和操作上會混淆使用者。從這時開始了解到什麼叫「會讓工程師討厭的設計」和「不友善的設計」(就是曾經的我本人!!)。
- 專題發表
- 在講台上講超久,突破上台恐懼。畢竟個專是我的寶,每個細節都有我的心思。
- 被老師稱讚:用雪碧(CSS的一個用法)很好、有用grid來寫很好。
- 蠻多人都覺得我做的網頁好看,信心又增。
課程中期的收穫
課程中期,也就是JS課的後期,陸續加入了資料庫、PHP、Vue框架的課程。
學SQL時班上有些同學能很快就能寫出作業,我是速度中等的族群,對於理解資料庫相對一些人沒那麼快。
以下是對於當時所學的心得
- 資料庫SQL
- 我認為這需要一點想像力,和理解資料前後關係的能力。
- 學完後個人最難馬上變通的是,在select中寫select。
- Vue
- 這堂課才遇到黃老師,覺得老師教得好好,甚至把部分JS的知識重新解釋過,觀念清楚了非常多!!
- 學框架前還是要先熟悉JS會比較好。
- 初學components概念我一直卡關,但在多次撞牆與緊追不捨地問問題後終於有懂。
終於正式踏上的轉職路
幾乎是流水帳式的寫出每個階段課程的收穫。
對於出社會一年多的我來說,報名轉職班的費用是經過審慎思考才小心翼翼地交付的,所以在事前準備、課堂上,我都盡量讓自己是最有準備的狀況來學習。
雖然聽起來很像太認真的書呆子,但當時想成功轉職的心已經大於一切,加上身邊的同學也都是一樣努力的狂魔,所以在養成班的日子雖苦但很值得回憶,這裡就是我滿滿的…知識演進歷程。
中集到這邊告一段落(未完待續)