大學畢業後進入企業,在職時和網頁設計公司討論新網站的建置,開始接觸到程式的領域,對於網頁設計越發熱情,進入職訓參訓半年,最終能獨立建立完整的前後端整合網站。涉獵到程式的領域中,能持續學習、精進技術是關鍵,期許將來能夠開發出更優良的作品,為公司帶來價值。
• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap
• Vue.js
• Git控版
• Node.js
• MongoDB
• RESTful API
• Figma
• Illustrator
• Photoshop
∙ 協助公司新網站建置
∙ 提升公司品牌形象、價值
∙ 活動宣傳企劃、文案
∙ 用戶管理及客服
∙ 美國堪薩斯州全美語文工作環境
∙ work and travel in USA
∙ 擔任該品牌IG小編
∙ 服裝平面模特
美國自由行攻略平台網站,透過地圖和閱覽景點評價功能,讓使用者旅遊時不失去方向感,也能一覽附近美食、景點,此平台有票券商城讓使用者能即刻訂票。
前台功能:
1. 會員註冊/登入
2. Google Map地點自動搜尋
3. TravelAdvisor景點評論網站結合地圖
4. 加入、修改購物車
5. 結帳、送出訂單
6. 行前攻略文章篩選查看、收藏
7. 票券篩選查看、收藏
8. 查看已結帳訂單、票券及文章收藏
9. 會員行事曆功能
後台功能:
1. 新增、修改及管理票券、文章
2. 查看會員資料
3. 管理訂單
以Vue 3 及 Vuetify UI 框架製作的線上番茄鐘,使用者可增、改、刪、查待辦事項。首頁可進行開始、暫停與跳過倒數等番茄鐘的定時功能。
使用 Node.js 製作查詢開放資料的,LINE 機器人,此項目使用 linebot 、 giphy-api 等套件。
使用 Bootstrap 結合 skrollr 套件,製作可響應的滾動式網站。
使用 Node.js 製作查詢開放資料的LINE 機器人,此項目使用 linebot 、 giphy-api 等套件。
jQuery 以及 CSS 3D 製作玩具總動員主題的翻牌遊戲,加載後開始遊戲, 使用者需在卡牌中翻開所有兩張相同的卡片才算過關。
對滑鼠、鍵盤偵測事件,對每個按鈕設置點擊和鍵盤事件,並使用 eval() 函數去計算,加上深淺色主題供使用者更換。
大學畢業後進入企業,在職時和網頁設計公司討論新網站的建置,開始接觸到程式的領域,對於網頁設計越發熱情,進入職訓參訓半年,最終能獨立建立完整的前後端整合網站。涉獵到程式的領域中,能持續學習、精進技術是關鍵,期許將來能夠開發出更優良的作品,為公司帶來價值。
• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap
• Vue.js
• Git控版
• Node.js
• MongoDB
• RESTful API
• Figma
• Illustrator
• Photoshop
∙ 協助公司新網站建置
∙ 提升公司品牌形象、價值
∙ 活動宣傳企劃、文案
∙ 用戶管理及客服
∙ 美國堪薩斯州全美語文工作環境
∙ work and travel in USA
∙ 擔任該品牌IG小編
∙ 服裝平面模特
美國自由行攻略平台網站,透過地圖和閱覽景點評價功能,讓使用者旅遊時不失去方向感,也能一覽附近美食、景點,此平台有票券商城讓使用者能即刻訂票。
前台功能:
1. 會員註冊/登入
2. Google Map地點自動搜尋
3. TravelAdvisor景點評論網站結合地圖
4. 加入、修改購物車
5. 結帳、送出訂單
6. 行前攻略文章篩選查看、收藏
7. 票券篩選查看、收藏
8. 查看已結帳訂單、票券及文章收藏
9. 會員行事曆功能
後台功能:
1. 新增、修改及管理票券、文章
2. 查看會員資料
3. 管理訂單
以Vue 3 及 Vuetify UI 框架製作的線上番茄鐘,使用者可增、改、刪、查待辦事項。首頁可進行開始、暫停與跳過倒數等番茄鐘的定時功能。
使用 Node.js 製作查詢開放資料的,LINE 機器人,此項目使用 linebot 、 giphy-api 等套件。
使用 Bootstrap 結合 skrollr 套件,製作可響應的滾動式網站。
使用 Node.js 製作查詢開放資料的LINE 機器人,此項目使用 linebot 、 giphy-api 等套件。
jQuery 以及 CSS 3D 製作玩具總動員主題的翻牌遊戲,加載後開始遊戲, 使用者需在卡牌中翻開所有兩張相同的卡片才算過關。
對滑鼠、鍵盤偵測事件,對每個按鈕設置點擊和鍵盤事件,並使用 eval() 函數去計算,加上深淺色主題供使用者更換。