歡迎來到我的履歷!
很 高 興 可 以 認 識 你
開始閱讀

我的資料

我的個人資料跟學經歷

蔡 東 航

d1004221039@gmail.com 0983-039-608 tobby811023 紀錄程式學習部落格

學 歷

桃園縣育達高級中學 資料處理科 2008年至2011年 龍華科技大學 財務金融系 2011年至2016年

經 歷

博聯資訊 擔任前端工程師 2021年8月到現在 飛司特直排輪團隊 擔任教練 2018年9月到現在 特賣場賣鞋及電銷 2017年至2018年 中華民國陸軍 擔任戰鬥工兵-退役 2016年至2017年

學程式語言經歷

這是我所有學程式語言的過程

工作專案

是我任職期間的專案

...

7PK

將機台遊戲改編至網頁上,以撲克牌進行的遊戲,是相當熱門的一種,這款遊戲相當考驗玩家的腦力,同時又簡單刺激


...

叢林冒險

是一款以原始叢林為主題的拉霸遊戲,有多樣化的生物中獎獎項,額外中獎的小瑪莉遊戲,以及各式各樣華麗的大獎畫面


Close modal
Close modal

React

是我學習React練習作品

...

分享視覺專案

專案日期:2022/04/01~2022/04/07

  • 視覺來源:Doris KT
  • 專案框架:React
  • 使用語言:TypeScript
  • 使用套件:Router、Redux、tailwindCSS
  • DataAPI:
  • 開發:json server
  • 上傳:firebase

專案說明:主要練習 TypeScript 及 React。學習組件寫法,將共用組建分開寫,並使用 Router 進行頁面的切換,Redux 進行狀態管理及 Fetch 資料,進而實現一些功能的作用

學習成果:除了熟悉去拆分組件之外,開始熟悉一些型態的用法,以前 JS 並不太了解型態的宣告這部分,透過 TS 的學習,開始會在撰寫前思考這些問題,降低程式報錯的機會,更學習使用 2 元 3 元的條件式、enum...等以前沒用過的寫法,最大的收穫就是學會使用 Router、Redex、Tailwind CSS,這些在開發上幫助非常的大

※更多介紹在github

...

台灣好天氣

專案日期:2021/08

  • JSX: 跟課程實作
  • style components: 跟課程實作
  • React 元件: 跟課程實作
  • 參考文件: 從Hooks開始,讓你的網頁React起來

這是我第一個使用React完成的網頁,使用react雖然一開始有點不習慣,但了解JSX跟emotion的寫法之後,就會跟之前寫HTML跟CSS差不多,在這當中學到了製作react元件將檔案進行拆分,使用useState來重新轉譯資料,props來傳遞資料...等其他Hooks的用法,透過這個書的練習,讓我接觸到React,雖然本書未提到class及生命週期的部分,但知道了基礎知識之後,後續的學習就比較可以上手

頁面切版

是我學習的頁面切版

...

練習網站一

專案日期:2021/05

  • HTML: 跟課程實作
  • CSS: 跟課程實作
  • JavaScript: 跟課程實作
  • 參考文件: 課程

這是我第一個完成的切版網站,跟著線上課程老師一步一步的切出來,雖然是跟著老師做,但在學習的過程中,我是將老師的步驟寫出來後,自己將程式碼編寫出來,而在步驟記錄過程中,也將所有提到的HTML跟CSS語法全部都記下來,也是我建立切版觀念的基礎

...

練習網站二

專案日期:2021/06

  • HTML: 老師寫的
  • CSS: 老師寫的
  • JavaScript: 跟課程實作
  • 參考文件: 課程

這個網站HTML跟CSS都是老師先切好的,主要是透過這個網站練習JavaScript動畫的部分,分別有導覽列的漢堡表單,下拉選單,彈窗功能,輪播圖片,表單驗證,分別用es5跟es6的方式去寫,透過這個網站,了解DOM的使用方法、ES6的一些寫法、class模組化的方式

...

練習蝦皮切版

專案日期:2021/06

  • HTML: 自己寫
  • CSS: 自己寫
  • JavaScript: 自己寫
  • 參考文件: 蝦皮官網

這是我依照蝦皮購物網的首頁練習切的板,主要練習我學習的結果,在這當中不只應用之前所學的技巧外,額外還學到如何自製輪播圖片(之前專案是用套件),以及發現更多HTML跟CSS搭配用法,例如消除input外框outline: none;顏色漸層linear-gradient。這些主要不是將這些功能學會而已,而是練習如何找到自己需要的資料,應用在自己程式當中

...

履歷作品網頁製作

專案日期:2021/07

  • HTML: 自己寫
  • CSS: 自己寫
  • JavaScript: 自己寫
  • 參考文件:各網站到處看

這個網頁是將我目前學到的作品,集結再一起的作品集,並且將我所學的功能都用上,嘗試編制自己做的網頁,最大的困難點是從無到有的過程,一開始完全沒有任何想法,只能把知道的要擺的東西都放上去,然後依照需求慢慢改編嘗試,並且複習不少以前學過的功能,像是RWD也是在這次好好地複習,一樣為了呈現不同畫面而搜尋了新的功能,算是對我一個很大的突破

JavaScript Challenge

是我學習JavaScript所做的練習

UI Design

以下是我學完HTML跟CSS所練習做的作品