P25lm41knflncaqt8h4z

金政融

  GitHub |   個人網站  

 1998.11.14  • Taoyuan 

[email protected]  • 0938-366-025

偶然間在網路上看到了製作網頁的教學系列,發現對於網頁的呈現非常有興趣,就毅然決然地想往這塊走下去,並且我對於前後端的趨勢也相當有興趣,必須一直鑽研新的技術,希望日後能成為厲害的全端工程師。

- Skill 技能 -


 JavaScript

  • 基礎觀念: 
      DOM 操作元素 Event Bubbling、
      localStorage 、AJAX 取遠端資料
  • 核心觀念:
      物件參考、閉包概念、
      this 的指向、原型鍊、
      同步/非同步(事件佇列)、
      Hoisting
  • ES6語法:
      Promise、Destructuring、
      fetch method、async/await、
      Let / Const (暫時性死區)、
      forEach 等等陣列方法



 Vue

  • Vue 2.0 Option API
  • Vue 3.0 Composition API
  • VueCli 3.0
  • Vue Router
  • Vuex
  • Vue lifecycle


web layout 、其它

  • RWD 排版
  • Bootstrap 排版
  • Git / Github 基本指令運用
  • HTML、 CSS / SCSS
  • Tailwindcss (普通) 
  • ESLint (Standard)
  • VScode等等擴充功能
  • Vite (普通)

- Side Project -



Terraria 電商網站

簡介: 
  • 以遊戲 Terraria 為主題的模擬電商。
主要技術:
  • Vue 2.0 + VueCli 3.0 + webpack /  Vuex 管理前台程式 /  Vue Router轉換頁面
  • axios 串接 API 取得遠端資料
  • Bootstrap / SCSS 排版以及 RWD
功能:

  • 前台:購物車功能、商品詳細資訊、優惠卷折扣、下訂單、表單驗證、商品分頁
  • 後台:新增商品、刪除商品、新增優惠卷、刪除優惠卷、訂單查詢、分頁

Paragraph image 02 00@2x

即時聊天室

簡介:
  • 練習 Vue 3 與 Firebase 製作的即時聊天室
主要技術:
  • Firebase realtime database、Firebase Auth 
  • SCSS
  • Vite 
  • VeeValidate 4 登入及註冊驗證 
  • Vue 3 Composition API
  • Vuex 狀態管理
功能:

  • 登入、登出以及註冊提示 
  • 登入、登出功能 
  • 註冊帳號功能
  •  第三方登入(Facebook、Google)
  • 顯示目前在線成員 

Paragraph image 02 00@2x

口罩地圖

簡介:
  • 練習使用 leaflet 製作口罩地圖
主要技術:
  • Vite + Vue 3.0 composition API
  • Tailwindcss 排版
  • leaflet + openStreetMap 
  • axios 串接 API
功能:

  • 過濾縣市及地區資料
  • 點選後地圖會有標記點,並跑出彈跳視窗
  • 地址連結可移至 google 地圖

Paragraph image 02 00@2x

javaScript 20 作品牆

簡介:
  • 裡面主要包含 20 個在 Udemy 課程上練習的小作品。
主要技術:
  • JavaScript 
  • HTML /CSS / RWD
功能:

  • 作品牆裡包含在 udemy 課程裡學到的 20 個小專案 
  • 背景音樂播放、暫停功能
  • 動態時間小標籤(可收拉)
  • 置頂功能
  • 容器 slide in 效果動畫

Paragraph image 02 00@2x

番茄鐘 pomodoro

簡介:
  • 使用 Vue 3.0 做番茄鐘
主要技術:
  • Vue 3.0、Vue Router 、Vue Cli 3.0、 Vue Transition
  • SCSS
功能:

  • 新增、編輯、刪除代辦事項、重製代辦事項 (包含動畫)
  • 時間計時功能、調整時間、重製時間
  • 提示訊息 (未選擇代辦事項或是未輸入代辦事項時顯示)

Paragraph image 02 00@2x

Todo List

簡介:
  •  Neumorphism 風格的 todo list
主要技術:
  • JavaScript、Darkmode.js
  • HTML
  • SCSS、RWD
功能:

  • 新增、刪除、修改代辦事項
  •  過濾已完成、未完成以及全部代辦事項
  •  Neumorphism UI 
  • 代辦事項新增時變顏色 
  • 夜間模式切換 
  • 警示提醒 (未輸入代辦事項時)

Paragraph image 02 00@2x

高雄旅遊資訊

簡介: 
  • 高雄旅遊資訊網。
主要技術:
  • JavaScript 串接政府 open data
  • HTML /CSS - grid / RWD
功能:

  • 下拉式選單過濾區域
  • 熱門景點過濾區域
  • 接取遠端資料時的 Loading 效果
  • 分頁功能

Paragraph image 02 00@2x

Github Catcher

簡介:  
  • 以 GitHub API 為練習的小作品。
主要技術:
  • JavaScript 使用 localStorage 紀錄資訊
  • 串接 Github API
功能:
  • 使用 localStorage 儲存專案名稱與專案連結
  • 分頁功能
  • 一鍵資料清除鍵

Paragraph image 02 00@2x

- 學歷 -

銘傳大學 - 電腦與通訊工程學系

2017年 9 月 ~ 2021年 6 月


Hello,我是金政融,謝謝您看完這份履歷,歡迎與我聯繫。

City,Taoyuan
[email protected]

0938-366-025

Powered by CakeResumePowered by CakeResume