TOP
profile photo

Hello！I'm Lin✌️

我是黃琳雅，在校期間曾選修網頁設計課程，對程式語言逐漸產生興趣，畢業後參與為期半年的專業訓練，習得 HTML、CSS、JavaScript、jQuery、以 Bootstrap 建置 RWD 響應式網頁，能串接 API 資料或後端資料庫及使用前端框架，透過 Vue.js、Node.js 與 MongoDB 建立一個具前後端功能的專題網站。

在網頁開發的過程中，深知在前端開發還有許多需要不斷精進的地方，期許自己能持續成長，成為獨當一面的前端工程師。

技 能

front  前端技術

  • javascript JavaScript
  • jquery jQuery
  • html  HTML
  • css  CSS
  • pug Pug
  • vuejs Vue.js
  • vuetify Vuetify
  • quasar Quasar

 後端技術

  • nodejs Node.js
  • mongodb MongoDB
  • postman Postman
  • git Git 版本控管

design 視覺設計

  • figma  Figma
  • illustrator  Illustrator
  • photoshop  Photoshop

經 歷

前端網頁開發技術(青年專班)


勞動力發展署北基宜花金馬分署


2022.09 ~ 2023.03

商務科技管理系


致理科技大學


2018.09 ~ 2022.06

作 品 集

專題製作 - Biong Biong

為了解決韓國綜藝《Biong Biong 地球娛樂室》原官網為電視台統一樣式，操作不直覺、動態更新不及時的問題，使用 Vue.js、Node.js、MongoDB 及 前端框架 Quasar 以及其他第三方套件，建置一個結合節目設定的設計風格、整合活動、周邊販售的獨立專屬官方網站。

biong biong biong biong biong biong

前台

  • 會員登入 / 註冊
  • 節目資訊介紹
  • 最新消息
  • 選購周邊商品
  • 活動公告報名
  • 購物車新增商品 / 修改數量

後台

  • 會員 查看報名活動、訂單明細、資料修改
  • 管理者 會員管理
  • 管理者 商品管理（增改刪查）
  • 管理者 頁面管理（公告、活動、相簿）
  • 管理者 所有訂單明細查詢
  • 管理者 資料統計
Vue.js Node.js MongoDB JavaScript Pug Sass
pomodoro pomodoro

番茄鐘 POMODORO

以 Vue.js 使用 Vuetify 前端框架建立一個番茄鐘網站，可新增事項、查看待完成 / 已完成、選擇是否開啟鈴聲提醒，及切換網站的深淺色模式。

JavaScript Vue.js HTML Sass
linbot linbot

LINEBOT - 好劇上場 影劇查詢

透過 API 串接網站資料建置 LINEBOT 機器人，可查詢台韓中美日英的 TOP12 最新或人氣排行、影劇的詳細資訊，以及上架的 OTT 平台。LINE ID：@122dlhcp

JavaScript
clcik clcik

點擊遊戲

選擇 2 位角色，在 30 秒內達到指定的目標點擊數，點擊到獲得 1 分， 難度為 HARD 時點擊到非選擇角色倒扣 1 分。累計分數最高且達到目標數才可列入排行。

jQuery HTML CSS
card card

翻牌遊戲

六種主題的卡牌可作選擇，翻開相同的卡牌即配對成功，時間內配對完成進入下一關，共有五種 LEVEL。 在相同 LEVEL 累計每關花費最短的時間就能成為贏家。

jQuery HTML CSS
calculator calculator

簡易計算機

以 JavaSript 搭配 CSS 建置簡易的線上計算機，右上角顯示最近一筆紀錄，點擊左上角 ≡ 可以開啟歷史紀錄查看。

JavaScript HTML CSS
rwd rwd

排版 RWD

使用前端開發工具 Bootstrap 建立網頁，加入 RWD 響應式設計，並透過套件 AOS 新增視覺滾差效果及 Swiper 建立幻燈片輪播。

HTML CSS JavaScript

Copyright © 2023 LIN YA HUANG. All rights reserved.