視覺設計

－Photoshop

－Illustrator

－Figma

－UI / UX

前端開發

－HTML 

－CSS 

－Bootstrap

－JavaScript

－jQuery

－Vue.js

後端技術

－Node.js

－MongoDB 

專案管理

－工作流程設計

－建立專案規範

－跨部門溝通

－時程控管

－Redmine

－Trello

為了實現當工程師的夢想，我選擇職訓課程入門相關的技能及知識，課程中學習了 JavaScript、jQuery 、Node.js、Vue、MongoDB、以及網頁設計等技術與工具。 

網站前台 Github

可瀏覽商品，將商品加入購物車、註冊/登入會員、送出訂單、會員訂單

• 用 Vue CLI 開發、Vuex 存購物車資料、VueRouter 做頁面切換 
• BootstrapVue 切版
• 用 Axios 跟後台要網頁資料、會員登入、訂單資料

後台 Github

負責處理前端送來的請求及資料庫存取

• 處理前端請求：Node.js + Express 套件
• 資料存取：MongoDB + Mongoose 套件

網站管理系統 Github

可管理網頁內容、上傳圖片、商品上架及訂單管理

• 用 Quasar CLI 開發、切版
• 用 Axios 向後台設定網頁內容，以及修改商品及訂單

拜啵 - 聖經經文查詢Line機器人

可以單篇搜尋及範圍搜尋經文。

• 串接聖經API
• JavaScript陣列處理

番茄鐘

可時間倒數、新增/修改待辦事項、已完成清單、選擇響鈴。

• Vue CLI 開發工具
• Vuex 存取資料
• BootstrapVue 切版

打殭屍遊戲

用 jQuery 操作 DOM 的練習作業，自行提升作業難度，實現遊戲狀態機，有關卡、有分數、有排行榜的遊戲。

抽卡小遊戲

• CSS動畫
• jQuery操作DOM
• 使用Axios串接API

CSS Zen Garden

自己設計NASA風格的網站

index.html 的標籤結構、內容不可變動。

• 用CSS刻出網頁版面
• 練習使用.js動態套件

拜啵名片

用Bootstrap來製作RWD的網頁。