Profile 03 00@2x

張善軒  

  • 電話  :  0935-775-829
  • 聯絡信箱  :  [email protected]
  • 學歷  :  國立雲林科技大學 化學工程與材料工程系
  • 應徵職位 : 前端工程師


簡介 - Introduction
  1. 個性開朗正向,也因為個性使然,接觸服務性社團,大學時曾擔任副社長,負責統籌社團經營,曾擔任過總召,參與過十次的營隊,善於團隊合作、思考、解決問題,喜歡嘗試新鮮事物、學習新知識。

  2. 當兵退伍後,到愛爾蘭打工度假一年,完成自己的夢想,體驗當地生活文化、語言、培養自己獨立自主的能力,從今年四月開始接觸前端,也差不多要半年了。

  3. 加入前端的原因: 本身是化工系,都沒有機會接觸程式,在一次看到,朋友寫程式的過程中,深深被其吸引,原來網頁是這樣動起來的,於是開始自學前端,過程中慢慢地了解,網頁運作背後的代碼。當程式照著自己邏輯走的瞬間,非常有成就感,期盼自己能夠寫出,使用者體驗好、效能佳的網頁,並且能夠成為一位滿足各種功能需求的前端工程師。

  4. 自我工作期許: 坦白講,畢業後經歷,當兵、打工度假,也過三年了,在這個情況下,要下定決心,不走本科系,對我來說是一個很有勇氣的決定。
    朝著自己為自己安排的道路,此時此刻,就是決定自己未來職涯的一個重大關鍵,下定決心加入前端,一走就是要走的又久又遠。

技能 - Skill


HTML5 \ CSS3

  • RWD 網頁設計
  • Scss 預處理器
  • BootStraps Css-grid layout

後端知識
  • Node.js express框架
  • MongoDB/NoSQL
能夠建立基礎 API 連接資料庫,配置 CRUD ,並了解 Restful 風格。


JavaScript

  •  Vue.js 框架
  • Ajax 串接 API
  • JQuery

  • 熟悉 Vue.js 資料 render ,並配置router 建立 SPA 網頁,且了解其生命週期


Other

  • Git
  • Webpack

  • 熟悉 git 基本指令操作,了解版本節點,與使用分支進行開發
  • 能夠建立 Webpack 環境配置,生產模式輕量化、css、js 代碼分離。與開發環境 hot module 配置,觀測打包時間並優化。


作品 - work

一、Vue 作品 : 電影商品頁面應用  


1. Webpack 應用


   為了能夠貼近實際上的開發,希望能多了解環境建置,所以並未使用 Vue CLI 所提供的環境配置,開始從最基本的環境建置開始,於是使用 Webpack 工具進行基本環境配置,配置 dev、pro mode 、loader、plugins、JS、CSS 代碼分離,並使用 SpeedMeasurePlugin 測試所花時間,配置 thread cache loader 優化打包速度,在起初環境配置,就花了快一個禮拜的時間,才進行到網頁開發。


2. Vue 框架應用 


使用電影網站所提供的API串接並渲染於頁面上,建立了基本功能,全選、單選、金額計算、數量、資料排序、keyword search、localStorage。配置 router,使用 $emit、props 進行父子之間的傳值。 


https://ericchang159.github.io/Vue-Ecommerce/



二、RWD 作品: 旅遊網頁 Landing Page 


使用 Css-grid layout、@media,建立RWD網頁,使用Bootstrap、JQuery,做簡易動畫。


https://ericchang159.github.io/RWD-practice/



三、後端作品: 留言版 後端作品 


Node.js Express MongoDB 使用 Express 框架配置 CRUD 並連接 MongoDB 數據庫,實現可在網頁上更動數據庫的功能。


https://murmuring-plains-30748.herokuapp.com/