李東穎 Dean 

前端工程師

你好,我是東穎,喜歡接受新技術與美感相關事物,因緣際會了解到 UI/UX 及 前端技術,畢業後全職投入學習網頁前端領域,累積相關實務經驗。面對挫折以正向的心態面對,人際關係互動融洽、勇於表達想法。

  台中市  

電子信箱: [email protected] 

聯絡電話:0939-914514 

    GitHub

    個人作品集網站


技能

Vue 3


  • 使用 Vite 環境建置開發專案
  • 使用 Vue Router 建構路由
  • 使用 Pinia 做跨元件狀態管理
  • 使用 Vue Axios 串接 API 資料
  • Vue Components 元件管理
  • 第三方套件使用
  • SPA 單頁網站製作

JavaScript


  • 使用 AJAX / JSON 串接 RESTful API
  • jQuery 製作網頁動畫效果
  • 使用 GSAP 套件製作動畫效果

Web Layout


  • 熟悉 Bootstrap 5 + 客製化 SCSS
  • 使用 Sass 預處理器管理 CSS
  • 手刻 RWD 響應式網頁
  • 熟悉 OOCCSS 、BEM 規範

Git / Figma


  • 使用 Git 進行版本控管
  • GitHub Pages 部署靜態網頁
  • 了解 Git branch 分支建立
  • Figma 基礎操作繪製線框稿
  • 使用 Figma 製作可互動 Prototype
  • Figma 使用 Variants 管理 Components

前端專案



  餅乾生產餡

自創品牌餅乾電商網站

Demo | GitHub


網站頁面

  • 電商展示:首頁、商品列表、商品介紹
  • 購物車:刪除、修改商品數量、優惠券、結帳
  • 商品收藏功能:收藏列表、刪除
  • 關於我們:品牌介紹
  • 最新消息:瀏覽最新消息文章

使用技術

  • Vue 3 Options API + Vite
  • 引入 Vue Axios 串接 RESTful API 資料
  • 引入 Vue Router 建構路由
  • Vue Component 元件拆分使用
  • 透過 Pinia 傳遞跨元件資料
  • 使用 localStorage 製作商品收藏功能 
  • 使用 GSAP、SplitType 製作網頁互動效果
  • 使用 Swiper 製作輪播動畫
  • Layout 使用 BootStrap 5  結合 SCSS 切版
  • 引入 Vee Validation 表單驗證 、Vue-i18n 
  • CKEditor 5 後台文章編輯


  小綠簽

線上電子簽署

Demo | GitHub

網站頁面

  • 上傳頁面:上傳 PDF
  • 創立簽名:透過滑鼠創立個人簽名檔案
  • 編輯頁面:簽名放置於 PDF 上 、下載檔案

使用技術

  • 使用 canvas 製作簽名
  • 使用 PDF.js 在頁面顯示 PDF 資料
  • 使用 fabric.js 讓簽名檔在 PDF 中的拖拉及調整
  • 使用 jsPFD 產出 PDF 檔
  • 引入 設計師製作的 Lottie json 動畫

  ARTNFT

NFT 藝術畫廊切版作品

Demo | GitHub

網站頁面

  • 此專案為切版作品
  • 首頁、NFT細節頁面、藝術家介紹、藝術家收藏列表、探索頁面、市值頁面

使用技術

  • 使用 BootStrap 5、客製化 SCSS 製作 RWD 版型
  • 使用第三方套件 Swiper 實現輪播、Masonry 製作瀑布流


學歷


2017-2021  東海大學-電機工程學系

2014-2017  臺中市私立立人高級中學

工作經歷


2019.12 -  2021.06

外場服務人員  蒔初甜點

擔任外場服務人員讓我學會與同事之間的相處之道。

自傳


自我介紹

  您好,我是李東穎,畢業於東海大學電機系,個性樂觀正向、有幽默感,做事仔細、負責,人際關係互動融洽、勇於表達想法。平時興趣是滑板運動、吉他演奏和接觸美感領域網站、雜誌,如:日本 RWDJP,研究網頁排版、顏色搭配及動畫特效技術,奠定自身的美感基礎及跨領域學習前端的開端。求學期間除了電機本科必修科目外,更是樂於嘗試、研究新事物,像是工業設計、服裝打版和股票期貨等,助於在網頁開發時有不同思考的面向,希望能增進使用者體驗。也因參與不同領域活動,發現自己在融入群體時有良好協調性,並熱衷分工合作的工作,目前全力成為一位前端工程師。


自學前端經歷

  畢業時曾有幸獲得台積電製程工程師的面試機會,然而審視思考後,發覺比起重複性高的硬體工作,更希望職業能具美感創造,且結合科技產品相關之工作,因此開啟了自學前端設計之路。初設計方面於 HaHow 購買課程入門學習使用 Figma、規劃 Wireframe、繪製 Mockup,製作可互動 Prototype,但了解到須具備前端語言能力才能產出具美感、有邏輯,能讓工程師實際呈現的設計稿,於是再往六角學院的程式體驗營嘗試,透過手刻完成兩頁的響應式網站,翻轉過去於電機系學習程式時的茫然挫折感;接著,參加了職訓局委外舉辦的 UI/UX 介面班,學習使用我不熟悉的美編軟體 Adobe Illustrator、Photoshop,和來自不同領域的組員腦力激盪討論產品需求,並完成課程目標:獨立設計網站 Logo、規劃線框稿、設計精稿和完成切版,獲得滿滿成就感。
  後來了解到自身更喜歡將設計稿,透過程式碼實際開發後獲得的成就感,因此我便全力學習前端技術,選擇於六角學院參加切版、原生 JS 、Vue 框架三個直播班,累積前端工程師所需要的切版、串接 API 等技術及知識,透過大量的輸入及輸出,最後綜合所學完成一個 Vue 框架的餅乾電商作品,串接了電商 RESTful API,參考喜歡的日本網站設計網站介面,以及於 YouTube 上自學研究 GSAP 套件製作動態效果 。這一年的自學過程中,常遇到錯誤訊息的挫折及時間壓力,因此培養出上網搜尋、面對問題和時程規劃的能力。每當看到自己再次突破過去的自己後,心裡都是滿滿的感動與動力,也獲得很多知識與經驗。


未來展望

       短期,期望將過去所學的經歷用於實際開發上,於目前職位上完成公司所分配的業務及各階段目標,增進實戰經驗。未來也持續進修前端技術,繼續了解 Vue 框架相關的技能樹,將程式碼寫的更簡潔外,學習 Composition API 讓程式碼更加靈活、Vue Test Utils 做單元測試和使用 Nuxt.js 提升 SEO ,並研究後端語言,讓自己前後端的脈絡更加熟悉。


應徵動機

  綜合上述學習前端開發的經驗,希望有機會能將學習成果發揮在產品開發的工作上,故在此投遞履歷。隨履歷附上個人作品集,若是我的經歷符合 貴公司徵才需求,煩請與我聯繫,謝謝。