好快!轉職前端要一年了!雖然還是個前端嫩雞

曾經被老闆跟主管覺得不能過試用期的咖小….

還是熬過來一年,轉職就是要撐下來給他們看

這一年學了不少前端技術以及第三方套件

因為在 AR公司做了很多three.js 和model viewer的網頁

有台灣博物館、藥商GSK、花蓮AR、松菸、桂盟AR等的活動網頁

接了不少專案,趕了很多案子的活動網頁。

老實說比自學時期進步不少是真的

看Document和Debug的速度快了很多

寫code相較於CS本科系還是有段距離

相信前端之路還是非常的漫長呀!

今日的我

沒有極限!!


這篇故事是將近一年的真實故事呈現,並不是大家平常看到線上課程上的成功案例在短時間半年3個月就速成轉職成功….我也會說明若有心要進入全職進修的朋友們要注意的點。

2018年會想進入轉職的一個契機……….是我媽生病,在照顧我媽的時候我想了很多,我身為長子應該要成家立業,而不是做一份符合自己興趣的工作,雖然輕鬆但沒辦法成長上去。覺得自己應該再往上爬了。原本的工作是做台灣帳篷品牌的銷售經理,去過兩次南京戶外展參展,也去過北京談代理,香港談經銷。但畢竟老闆還是帳篷工廠傳產出生,自己薪資跟發展覺得五年內在天花板成長不會太多。看到妹妹在APP工程師做得有聲有色,覺得自己是否要往程式工程師這塊發展。

於是自己也買了線上課程看HTML/CSS,慢慢寫的也覺得還坐著寫得下去,

在2019年五月告別了老闆,進入了全職進修的歷程,原本以為會跟線上課程上的高手一樣,3個月半年就轉職成功,並沒有…..

我一邊陪著我媽復健,一邊去咖啡廳看課程寫程式,半年終於把HTML/CSS、RWD、Git和Bootstrap等看完,但進度好像比預計中緩慢很多,去年年底到過年在JavaScript卡了很久,三月才進入Vue.js,看了一下覺得怎麼跟原生的JS差這麼多,開始起了想放棄的念頭。幸好妹妹和同學都覺得我應該繼續拚下去,都走到最後了。但隨著武漢肺炎的疫情從過年一直到四月,從來沒有好轉的跡象,自己做過業務也知道2019年景氣就不是很好,再接下來2020年求職畢業潮會更慘。某天在圖書館看書,看了自己網路銀行的存摺,真的是嚇到…..摳摳再沒幾個月就要燒光了……於是還是忍不住先開了履歷邊看Vue邊找工作。沒錢真的是全職進修最恐慌的一件事。無工作時積蓄燒得比你想像中來的快............

但真正找到面試的工作都是新創博弈,真的不是很想去那樣的公司,想找一份科技公司,不論新創或是大公司都好,面試一個禮拜被打槍,投二十多家都無聲卡,你真的會覺得很灰心。真的蠻想放棄的,回去做業務或許工作會比較好找……….

不過自己運氣很好,兩個禮拜後投了履歷的一家科技公司找我面試,面試官人很好,也蠻欣賞我的學習歷程,於是就錄取開工了。原本要繼續把Vue完成再找工作,竟然提前找到了。

要進入這個學習歷程的朋友一定要記得以下幾點:

臉書還有個Udemy限免社團,裡面有一堆讓你點不完的程式課程。

3. 在學習基本的JS完後記得補充JS的核心觀念,這點你到時候面試就知道, 幾乎口試考題都在問JS核心,筆試也是考JS核心。

推薦Kuro的8 天重新認識 JavaScript,幾乎八成都是面試會問的考題。

4. 一般非本科系會碰在基礎JS和Vue卡很久,有心轉職建議把基礎打好, 需 要的時間絕對是一年到一年半,而不是廣告中的3個月到半年就可以轉 職 成功………前幾年還可以會個JS、jQuery就出來找工作,現在不會前端 三 大框架真的是很難找,因為公司都在挑高手進去………

5. 全職進修真的要準備一筆錢,因為錢燒完就是你進修的結束,沒錢的時候 真的會很慌,若你又有家庭家人要照顧,那真的是會很頭大的一件事。

希望這個差點失敗的案例可以想轉職的人一些方向和警惕

謝謝看完這篇文章的大家!


終於開始了Vue的筆記,來記錄一下Vue的生命週期

Vue lifecycle-hooks 這邊看到hook就想起虎克船長

Hook 指的就是虎克船長的鐵鉤,底下圖中的紅框框就是Vue的週期hook

例如:mounted這個掛勾,鉤住我們利用axios這個套件提供的方式先行從遠端伺服器取得資料的『程式碼』。

初始化階段

beforeCreate:在此階段,資料和元素掛載都沒有被建立,因此,我們無法使用寫在Vue實例中的 data和methods。

created:Vue實例已完成,除了el指定的標籤「未」完成掛載外,所有寫在選項物件中的屬性都達可供使用的狀態。

掛載階段

beforeMount:在掛載前,也就是顯示到瀏覽器前,此時render(渲染)函數首度被呼叫,因此,如果想對DOM做一些「預」處理的話,可以在這個階段做。

Mounted:el指定的標籤「已」完成掛載。

更新階段

beforeUpdate:數據被更新之前,也就是對應的DOM在被渲染前。

updated:數據更新完成,也就是對應的DOM已完成渲染。

銷毀階段

beforeDestory:Vue實例被「銷毀前」,此時可進行最後「善後」的垂死階段 。

destroyed :Vue實力已被銷毀。

Vue 實例

在mounted這個鉤子中取得users資料並填入users陣列中:

new Vue ({

el:”#app”,

data:{ users:[]},

mounted(){

var vm = this

axios.get(“http://jsonplacholder.typicode.com/users”)

.then((response) => {

vm.user = response.data

}) }

})


Async/Await筆記

Async/Await使用方法為在定義function前面加上async

原本funcA()、funcB()、funcC()都是非同步任務,但在使用了Async/Await後,後面的任務會等前面的任務結束後再繼續下去。

另外Async/Await也可以使用在Promise.all();或Promise.race();的場合


好快一下就到清明連假了!目前正在學習Vue.js

也重新回頭複習JavaScript的核心觀念。

補強之前沒有學習完整的部分。

Vue.js剛開始學習挫折感真的很大…..

完全看不懂插入HTML的V-指令。

但後來複習JS相互比較。

比較能了解這種MVVM雙向的模式。

後面還有Vue Cli和Vue RouterRouter趕著去學習呢!!

希望四月中能趕快完成Vue的電商購物網站。


Promise 筆記

ES6增加了Promise物件,但要注意IE目前還是不支援Promise

Promise範例函式

Promis成功完成會呼叫resolve()並取得資料傳遞出去,若拒絕Promise會呼叫reject()來拒絕。

Promise會從最開始的Pending初始狀態到

成功:fulfilled

失敗:rejected

.then()

用.then()來依序串連執行多個promise功能


Callback筆記

當我們監聽DOM元素上的事件,觸發後執行函式

函式在被動後執行,稱之為Callback function

這時function A跟B都會同時執行

Callback function

這時候可以使用Callback function來控制多個函式的執行順序


箭頭函式筆記

傳統函式

基本箭頭函式


ES6筆記

展開和其餘參數

使用展開語法,合併A和B陣列

Huang Hank

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store