林汶樺｜Askie Lin
Front-end Developer • Taichung City
“ 我總是在做我不能做的事，為的是從中學習怎樣去做。_畢卡索 ”
[email protected]｜ https://github.com/askiebaby｜ https://askiebaby.github.io/
主要技能
HTML5 ｜CSS3
- 精通網頁標記語言規範
- 精通自適應網頁設計（RWD）
- 熟悉 SASS 預處理器
- 熟悉 CSS Frameworks，如：Bootstrap, Bulma
- 瞭解語義化標籤使用情境（SEO）
- 瞭解跨瀏覽器的處理（Cross-Browser）
JavaScript ES6
- 熟悉 JavaScript ES 6 語言特性
- 熟悉 Ajax 操作
- 介接 Restful API 的經驗
- 熟悉 Vue.js 搭配 VueX、Vue Router 開發專案
- 使用 Webpack 前端打包工具
Git 版本管理
- 熟悉 GIT 作為版本管理工具
- 使用 Git flow、Github flow 兩種工作流程都有專案合作的經驗
經歷
好想工作室・自由接案者・Nov 2018 ～ Nov 2019
1. 臺南廟宇藝術｜前、後台開發（詳見下方專案簡介）
2. 電子書專案（詳見下方專案簡介）
2. 活動平台切版（詳見下方專案簡介）
3. 客製 Wordpress 小元件
盛德信股份有限公司，資訊部專員・Jul 2016 ～ Oct 2018
1. 多國語系之官方網站（詳見下方專案簡介）
2. 客製 ERP 企業資源規劃系統
參與功能包含：請購-採購-驗收系統、簽呈系統。負責「流程規劃、Wireframe、UI 切版」，協助公司轉型無紙化，透明化所有申請流程。
3. App (iOS/Android)
負責需求整合、UI Design、Webview UI 切版、JavaScript、內部教育及外部講師，擔任講師熱心又細心教導熟齡客戶，提升 80% 使用意願。
專案簡介 Project
臺南廟宇藝術
前、後台的專案。
『臺南人為了把最好獻給護佑鄉里的神明，廟宇的每一處幾乎都被填滿了華麗的工藝，為了讓旅行者來到臺南能更加沈浸在廟宇文化中而開發的產品！』
前、後台皆使用 Vue.js（Vue Router）與 axios ，前台應用 Lazy loading 優化效能，後台則是使用 Element UI 進行開發。
製作中...
電子書
介面是針對 iPad 設計，建議 iPad 上操作。
模仿原生 APP 行為與電子書介面，透過 PWA 技術，可安裝到您的智慧型裝置。
需要為 iPad 為裝置及以 Pencil 為觸控點的電子書專案，達成直書、橫書排版，在不同的文字方向都能翻頁的效果。
https://mark9462.github.io/ReaderPrototype/
AHDA 活動平台
透過 Zeplin 與設計師協作。
針對首頁、活動頁、登入流程、註冊與忘記密碼等頁面，進行 RWD 自適應網頁切版，精細調整每個斷點的排版，無使用 CSS 框架或函式庫。
https://github.com/askiebaby/AHDA_template
Trust & Ethic 官網
RWD 多國語系網站。
前端使用 Vanilla JavaScript，寫出原生的輪播功能，並具有觸控切換的效果。
後端使用 Php 根據 IP 判讀地區，切換最合適的語系。
https://www.trustethic.com/
Side Project
報名驗證 @前端精神時光屋
UI：自行設計使用者介面、切版、RWD。
JavaScipt：Email Regex 簡易驗證信箱填入是否正確，防止使用者亂輸入。Ajax 介接六角學院「2018 前端精神時光屋」開發的 API ，顯示此次活動報名人數，提供使用者驗證。
https://askiebaby.github.io/f2e-0-verify/
Todo List: Vanilla JS / jQuery / Vue
這是一個透過 Vanilla JavaScipt / JQuery / Vue 實作 To Do List。學習透過原生 JavaScipt 操作 DOM API，再比較使用 Library 和 Framework 的異同，去理解它們底層分別處理掉了什麼原生語法需要處理的麻煩事。
https://askiebaby.github.io/todo/js-version/
我的第一個翻牌遊戲
因為翻牌遊戲看起來很有趣，嘗試看看！使用到的：
CSS：轉場 transition、變形 transform、背面 backface-visibility；
JavaScript DOM API、dataset、Array.forEach() 、Math.random()、解構賦值等。
https://askiebaby.github.io/memory-game/
UI Design：登入頁面 Login Page
針對「登入」做發想而產生的醫療應用程式設計稿。
使用的工具是 Adobe XD。其他的設計使用 Sketch。
https://www.lymma.net/discover/project/2372
http://www.lymma.net/designer/profile/4509
實體分享、課程、活動 Talks & Activities
啟動你的程式魂
《2019》講師
手把手課程，帶新手進入網頁開發的領域：HTML、CSS、jQuery。
好想工作室
CSS Specificity
《2019》技術分享
分享 CSS 權重如何計算以及其重要性。
好想工作室
Bash Terminal 樣式
《2018》技術分享
分享如何設自定 Bash Terminal 樣式。
好想工作室
如何寫出有力量的 CSS
《2018》技術分享
於 FreeCodeCamp 繁中化計畫分享 CSS 新手入門概覽。
Monospace
Adobe XD
《2018》Adobe XD 官方直播主持人
和專業 UI/UX 設計師探討從設計到開發完成的過程。
monospace
ProtoPie
《2018》ProtoPie 官方直播主持人
帶觀眾認識另一個 Prototype 好工具：ProtoPie，能因應 IoT 的設計進行多裝置間的操縱。
Monospace
志工 Volunteer
MOPCON
【2019】場務
濁水溪以南最強大的行動科技論壇。參與的是場務組，需要協助活動流程及維護現場秩序。很感謝 MOPCON，全是由志工組成的優質 conf。
Google IWD Tainan
【2019】攝影｜設計｜宣傳
Google Women Techmakers 主辦在台南的活動，邀請講者、並擔任攝影與活動宣傳圖設計的角色，協助整個活動的籌辦與當日流程進行。
FreeCodeCamp
【2018】Mentor
自發性與社群夥伴加入 FreeCodeCamp 繁中化計畫。辦理讀書會，邀請想學程式的人免費參加，接觸前端學習資源。
