高雄前端社群#18 - 前端面試大補帖不求人！

活動網址：http://goo.gl/BExEGi

這次主題找了四位都是近幾月找到前端、網頁 offer 的朋友，分享他們的前端求職過程、如何自學前端開發、為什麼想要投入前端來進行交流。

希望透過他們不同科系、背景方向的內容，讓各位未來想投入前端職場的朋友能有所啟發

鍾傑倫 - kdan Mobile F2E

簡報

面試前的準備

  • Javascript
    • OO
    • MVC
  • 自己架網站
    • 個人網站
    • Firebase
    • Free Template
    • API (Facebook、Instagram…)
    • Github

面試心得

  • 履歷
    • Gtigub
    • 作品
  • 企圖心
    • 面試結束後聯絡面試官
  • 學習潛力
    • 願意學習新技術

###選擇公司

  • 未來發展
  • 限制

謝宛珊 - 奇豐資訊網頁設計師

簡報

面試準備

  • 作品集

面試

  • 服裝儀容整潔
  • 自信有禮貌
  • 跟面試官聊天喇賽

面試遇到的事

台北

  • 雄獅旅遊
    • 職缺工作內容不明確
  • 凱笛資訊
  • 華美航運
    • 當一個主管需要具備什麼？ 是氣勢 是氣魄
  • 浩鑫 (上市公司)
    • UI設計和網頁設計不同
  • 燦坤
  • 通泰媒體應用
  • 康迅數位
  • 奧文環球科技
  • 酷多創意傳媒
  • 先得利資訊

高雄

  • 環球誠信
    • 要求英文
    • Javascript
  • 新蛋
    • RWD切版作業
  • 奇豐資訊
    • 現場切版
  • 鈞達資訊
    • 現場切版
  • 魔術師科技
    • Pay很敢給
    • 供餐
  • 頤瑞網路科技
    • 問切版工具

施慶銓 - 資策會 前端工程師

簡報

學習技能

  • HTML
  • CSS
  • Javascript
    • JQuery
    • AngularJS
  • RESTful
  • RWD
    • Bootstrap
  • Git

目前研究領域

  • HTML5
  • CSS3
  • Javascript
  • AngularJS
  • NodeJS

轉職訓練

練功手冊

  • 深入淺出HTML&CSS
  • 深入淺出JQuery
  • HTML&CSS:網站設計建置優化之道

練功順序

準備資料

  • 104或自製履歷表
  • 作品介紹
  • 畢業論文、專題
  • 參賽作品

常見考題

  • 自我介紹
  • 論文或專題內容
  • 為什麼想走前端
  • 有沒有作品
  • 熟悉哪些技術
  • 願意學習後端技術嗎
  • 上機考(網路考古題)

加分條件

  • 作品
  • 版本控管
    • Git
    • Github
  • RWD

半年的感想

  • 要學習的東西太多
  • 越學越覺得自己渺小
  • 技術每天都在進步
  • 新技術、新版本經常Release
  • 多多加入FB上的前端社群掌握新技術
    • 高雄前端社群
    • 台中前端社群
    • Front-End Developers Taiwan
    • Javascript.tw
    • D3js.tw
    • AngularJS.tw
  • 很多有趣的動畫與資料圖形化

王生豪 - 新旺國際 F2E

簡報

工作技能

  • HTML
  • CSS
  • Javascript
  • AngularJS
  • IDE：Visual Studio 2013
  • 版本控管：Team Fundation

成長影片推薦

  • 收穫 - 正向心理學
  • 哈佛大學 史上最受歡迎的通識課
  • 改變了許多人的一生
  • TED - 相信你能進步的力量
  • TED - 尋求理解，而非認可

成長書本推薦

  • Carol Dweck - 心態致勝(2007)

神經通道特點

  • 用進廢退原則
  • 經常用的會進步，不常用的會退步
  • 大腦喜歡熟悉的水道
  • 犯錯時學得最快
  • 成長心態，從失敗中成長，尋求了解

廖洧杰 - 前端就職技巧123

簡報分享

F2E定位

  • 前端設計師
    • UI / UX
  • 前端工程師
    • NodeJS

必備技能

  • Git、Github

如何看F2E職缺工作內容

前端設計師

1
設計與製作公司形象規範、網站、APP的視覺風格

前端工程師

1
2
與後端工程師配合完成數據串接
與設計師配合開發前端組件，維護並優化前端頁面效能

感覺有點雷的缺 (對方並不知道自己想找什麼樣的人才)

  • 設計平台、APP的UI視覺風格
  • 了解CSS3、HTML5、RWD
  • 了解一個以上的JS框架 (AngularJS、BackboneJS)
  • 有開發過Android、IOS APP經驗優先錄取

履歷寫法

不好的寫法

1
2
3
4
5
HTML5、CSS3、Javascript
	沒有詳細敘述你深入的程度到哪裡，最好附上作品
office系列
	不要寫和職缺內容無關的技能

好的寫法(一)、陳述你的語言能力

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
HTML
	- HTML5 tag semantic
	- Jade
	- Schema.org
CSS
	- Responsive Web Layout
	- Boostrap3
	- Sass
Javascript
	- JQuery、AngularJS
	- Android Hybrid APP
	- NodeJS
API、Service
	- Google Map、Flick
	- AWS、Azure

好的寫法(二)、產值效益

1
2
3
4
5
6
具備Responsice Mobile Layout設計經驗
熟悉PhoneGap與WebAPP開發經驗
使用JQuery設計前端動畫效果、介接API資訊
可參與Website Wireframe及Mockup討論設計
熟悉前端框架AngularJS，有時記得專案開發經驗
使用Third-party API及Custom API與HTTP Server溝通

好的寫法(三)、工作經歷

1
2
3
4
5
6
XX科技公司 - 前端工程師 (2013~2015)
	- Mobile 前端效能優化
	- IOS Hybrid APP
XX科技公司 - 前端工程師 (2008~2012)
	- Desktop / Mobile 前端開發
	- Google Page Analytics、A/B Testing

面試需注意的細節

  • 面試前先調查公司內容(Google、評價查詢)
  • 面試過程務必確認公司工作內容、產品方向
  • 薪水心理要先有個明確價碼(含三節、勞健保、年終)
  • 不懂的東西不要不懂裝懂
  • 公司大多都喜歡『有主動學習心態』的工程師

面試須注意的第一種雷

不好的說法

1
2
『我不會，但我願意學』
	- 公司不是請你來學東西的

較好的說法

1
2
『這個我目前沒有投入，但如果公司有需要，可以再研究他的API文件』
	- 公司是請你來解決問題的

面試須注意的第二種雷

1
2
3
老闆問你能否兼著做設計、後端、企劃的工作
	- 先問問自己希望技能樹想長成怎樣
	- 30歲前學任何東西都是OK的