前端工程師轉職之路(中):轉職班課前準備、第一個完整個人作品

112 次瀏覽

接續上一篇 前端工程師轉職之路(上):從動念到踏進轉職班 ,本篇會記錄到:上課前的準備、課程初期學習、個人專題,以及課程中期。


課程開始前的準備

課程開始前,有一個半月的時間,我就是狂看課程並練習,剛好X育有附課前線上教學,再加上之前買的hahow課程(對我還有零星的段落沒看完)。

自認一點也不聰明的我,就是怕上課的時候跟不上,能預習多少是多少。

X育有事先給線上課程供預習我覺得很讚,雖然效果因人而有限,但事先預習還是讓我在未來的課程比較進入狀況

另外有在圖書館借點資源來看,書單提供:

  • 設計的心理學 : 人性化的產品設計如何改變世界 (推推!!)
  • 版面設計學 : 平面設計的美感養成
  • HTML & CSS : 網站設計建置優化之道
  • JavaScript & JQuery : 網站互動設計程式進化之道
learning by self

課程初期的收穫

將課程分為前中後三階段來循序地寫,以下列出學到的技術以及我的收穫

  • 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概念我一直卡關,但在多次撞牆與緊追不捨地問問題後終於有懂。

終於正式踏上的轉職路

幾乎是流水帳式的寫出每個階段課程的收穫。

對於出社會一年多的我來說,報名轉職班的費用是經過審慎思考才小心翼翼地交付的,所以在事前準備、課堂上,我都盡量讓自己是最有準備的狀況來學習。

雖然聽起來很像太認真的書呆子,但當時想成功轉職的心已經大於一切,加上身邊的同學也都是一樣努力的狂魔,所以在養成班的日子雖苦但很值得回憶,這裡就是我滿滿的…知識演進歷程。

中集到這邊告一段落(未完待續)

下一篇在這兒 前端工程師轉職之路(下):轉職班團體專題、當組長、開始求職