哇哇哇~~~沒想到我竟然撐到了第 7 天
必須給自己來點掌聲 + 尖叫

前幾天分享到我還在前端設計小菜雞時，是怎麼一步步往前端工程師方向走的
大概帶到我自學了哪一些的技術和工具

也由於前端職涯前期大多都是接近獨立作業
所以對於建議自己的一套開發流程，有相對必須的重要性
這邊來跟大家分享阿宅 PO 自己的開發流程 和 開發過程中會做的處理

Development

HTML / Pug

使用 Pug 模板語言來撰寫 HTML

CSS / SCSS

使用 SCSS 為撰寫CSS

JavaScript / jQuery / Babel

以前是會使用 JQuery 進行開發
現在都是原生 JavaScript 為主
依頁面分成一支支 JS 檔

Icon / Iconfont

當有 UI/UX 的夥伴協助時
我會看著 Mockup 整理出全站的 icon
並請 UI 將 icon 出成 SVG 格式
再到線上 icon 平台製作單一專案使用的 iconfont

使用平台推薦：icomoon

以上會與 Gulp 自動化工具一起開發

Production

CSS / SCSS

使用 Gulp CSS Minify 的套件
判斷開發環境後，使用 Task 做自動化
將 CSS 做壓縮最小化

JavaScript / jQuery / Babel

會視情況會編譯成 2-3 支
一支是把全站共用的 JS Library
一支是全站共用的客製 Function
其他單頁的 JS Function 則是在該頁面單一引入

Images

使用 Gulp Images Minify 的套件
判斷開發環境後，使用 Task 做自動化
將圖片進行壓縮，也可以使用線上壓縮平台擇一使用

使用平台推薦：TinyPNG

以下附上我自己自製的空白模板 (?)

PollyPO技術 - Github

裡面有我自己開發使用 gulpfile.js 設定
大家可以一起搭配著看唷~~

一起學習 GO GO GO !!!