林思妍


前端工程師

[email protected]

0910561999




商業設計背景,可以處理網頁設計端的前端工程師。

接觸不同類型的客戶,打造符合客戶需求的網站,同時精進自己的視野與技術,使我充滿動力。

使用 React 框架,開發符合客戶需求及品牌形象的網站。

英文 TOEIC 715日文 JLPT N1

 

技能

React


  • function component 搭配 Hooks 開發 component
  • React Router v6 建立路由

JavaScript


  • ESLint 管理程式碼規格
  • AJAX / JSON 串接 API
  • 理解 ES6 標準
  • GSAP 製作網頁互動動畫
  • 理解 npm 模組

前端工具、Git


  • Webpack 理解基本概念
  • 使用 Gulp 開發經驗
  • 使用 Vite 的開發經驗
  • 使用 Git 進行版本控制

Web Layout


  • 熟悉 HTML5、CSS3
  • RWD 響應式
  • Bootstrap 5 + SCSS 客製化
  • SCSS 撰寫元件、utilities 樣式
  • 使用 Gulp 進行切版

Design


  • Figma 製作網頁設計稿
  • Photoshop
  • Illustrator
  • 將客戶的資訊轉換行銷文案

專案

動作健康 360 品牌官網

Netlify 部署 | repo

新創品牌「動作健康 360」 委託製作品牌官網。

使用 React 開發的 SPA 響應式網站。

包含網頁設計、行銷文案、網頁前端、資料庫 mockup。


JavaScript, React

  • React、React Router v6
  • Swiper API
  • Fromspree API:處理表單
  • GSAP:製作首頁滾動時的動畫效果
  • json-server:database mockup

Layout

從業主的資料轉化成符合品牌調性的視覺及文案

  • 手刻 CSS: 使用 SCSS 規劃撰寫元件、utilities
  • RWD:響應式符合不同裝置規格

管理專案

  • Vite:開發管理專案
  • Git 搭配 Github 版本控制,Netlify 部屬靜態網站
  • Eslint:規格化程式碼品質

UTAOU 形象官網

React 搭配 Bootstrap 5 作品

Github Pages | Repo

  • Bootstrap 5
  • SCSS 客製化
  • React 元件化
  • Vite

技術文章

使用 Obsidian 搭配 Markdown 撰寫筆記。

Github Repo

前端技術更動快速,體會到不將所學記錄下來,很快就會忘記,寫下來除了加深印象之外,更可以留下具體的內容知道自己學到哪裡,讓我維持學習的動力。

使用 Git 版本控制同步筆記到 Github 上,搭配 Markdown,方便未來放上部落格與其他人技術交流。

學歷

2014 - 2018

中原大學 Chung Yuan Christian University

商業設計系

2019 - 2020

日本川崎 CBC 外語商業専門學校

日本語學科

工作經歷

十月 2020 - 二月 2021

電話行銷人員  大華人力管理顧問有限公司

十月 2020, 十月 2021

講師  中山大學人科學程《音場技術導論》

演講題目:「虛擬實境的聲音」

七月 2017 - 二月 2019

業務助理  DigiLog 聲響實驗室

  • 視覺產出:Banner、商品、活動宣傳、流程圖文製作、商品拍攝等、ig 經營
  • 文章產出:技術、器材文章翻譯、撰寫
  • 店務:商品解說、櫃台、出貨