林尹翔

原是會計系畢業學生,因發現非本人所喜歡,因受家庭影響自學程式語言轉換跑道

  New Taipei, Banqiao District, New Taipei City, Taiwan   

Front-end


  • HTML5
  • CSS3
  • JavaScript / ES6 / jQuery
  • Vue/Vuex/Vue Router
  • RWD

Libraries


  • Element UI
  • Font awesome
  • Axios

Others


  • Webpack
  • API串接

專案(點選圖片開啟 Demo 網站)

搜 Game 網


主要技術:

Vue.js

Vuex

Vue Router

Element UI

簡述:

本網站為 Vue.js 打造而成的網站,引入 Element UI 進行優化,滑鼠滑到指定位置顯示內容。

<最新消息>及<最新遊戲>由外部取得資料匯入其中。

<遊戲列表>能依照類型變換內容,能切換頁數顯示相關內容。

<購物車>使用 Vuex 能從遊戲列表點擊按鈕加入購物車選單內。



Parallax-Scrolling


主要技術:

Parallax-Scrolling

簡述:

練習視差滾動的效果,滑鼠往下滑會動態加入內容,頂部的內容選項會依滑到相關位置顯示頁面效果。


甜點電商網


主要技術:

jQuery

RWD

簡述:

有完整的購物清單以及購買流程網頁,使用 jQuery 提高使用者體驗,能夠自適應三種螢幕尺寸。



JavaScript-BMI 計算系統


主要技術:

JavaScript

Local Storage 

簡述:

輸入身高體重,會自我運算出 BMI 並且存入 Local Storage 裡,將資料以及 BMI 標準顯示在下方,能用按鈕一鍵清除所有資料。



JavaScript-高雄旅遊資訊網


主要技術:

串接 API( Fetch API )

AJAX

簡述:

這個作業有兩大重點:

上圖為 JS 判斷資料庫所有資料的行政區並且重新整理出一個陣列,動態加入選項裡。

下圖為依照上方所選出行政區,顯示所有該行政區之資料並且顯示在下方頁面上。


Powered By CakeResume