嗨,我是林家齊 !

我是從行政的職業,轉職過來的前端初學者。 目前有自學了一些 Html、Css、JavaScript 的一些基礎, 之後會在努力學習 Node.js、Vue.js 、Vite .....等與前端相關的程式語言。

前往104履歷瀏覽
個人照片

關於我的一些事情

我在國小學習時,因為接觸了電腦課,就覺得電腦方面的科技很有趣, 長大之後也學習了取得了硬體、軟體方面一些基礎證照。 但是因為後天得了疾病,而選擇了簡單的行政工作,也有了2年的工作經驗, 樂於學習新東西、做事有規劃、遇困難不輕言放棄,為了不讓自己只侷限在一個行政領域, 所以我也去學習了許多其他領域的課程,也考取了部分領域的相關證照。 現在則是想要學習前端工程師的技能,去接觸我一直以來所嚮往的科技業。

🚀 前端開發技能與學習成果

目前持續進修了至少有半年以上的前端技術學習,從 HTML、CSS、JavaScript 來進行製作一些簡單的靜態網頁 Side Project,雖然沒有特別的功能,透過切版、排版以及 Bootstrap 插件,使網頁的完成度接近 60% ~ 70%。目前還在進行更進階的 Side Project 實作與練習,並努力將技能應用於真實專案與業界需求。

01

基本語言與畫面切版

熟悉 VS Code 編輯器與 HTML 結構語法,能運用語意標籤建構頁面架構, 並透過 CodePen 練習互動功能與切版技巧,累積多筆完整的切版經驗。

曾獨立規劃頁面的各個展示區塊,包含公司介紹、服務說明、聯絡表單等區塊, 並依據品牌視覺設計進行色彩搭配與主視覺規劃,兼顧資訊層次與導覽動線,提升使用者體驗。

掌握 CSS 選擇器Box Model、排版屬性等應用技巧, 能精確控制文字、圖片與互動式按鈕等元素的樣式與位置,讓網頁更具結構性與可維護性。

02

Flex 網頁排版和 RWD 佈局

熟悉 Flexbox 技術,靈活運用 flex-directionjustify-contentalign-items 等對齊邏輯與彈性排版。

實作中應用 Flex 進行導覽列、產品展示區與內容分區的設計, 並使用 Media Query 製作適配手機、平板與桌機的響應式版面。

曾完成商品卡片排版模組,針對不同裝置規劃顯示數量 (桌機每列 3 款、平板 2 款、手機單列), 確保圖片與文字內容不失真、不跑版,同時保持操作體驗一致。

03

Bootstrap 與 SCSS 專案管理

具備使用 Bootstrap 格線系統與功能元件的經驗, 能快速建構一致性高的 UI 元件與排版結構。

曾以 Bootstrap 實作模擬電商網站作為練習,設計涵蓋產品列表頁、商品詳情頁、登入表單與購物流程, 整合彈跳視窗、Tab 選單與 Accordion 摺疊區塊,模擬完整購物體驗流程。

透過 SCSS 進行樣式模組化管理,建立變數與共用設定區域 (如 $primary-color$font-size-base), 分離版型元件與主體樣式,提升後續修改與維護效率,並支援多人協作與大型專案開發的需求。

電腦組裝以及周邊安裝

電腦軟體安裝以及系統操作

行政能力

前端工程師技能

自我介紹 您好,我是林家齊,具備兩年以上行政支援、電腦維修與 3D 繪圖等跨領域工作經驗,目前正積極投入前端開發領域,熟悉 HTML、CSS、JavaScript 等基礎語言能力,能獨立完成 RWD 響應式網站切版與互動效果設計,並熟悉 Git 版本控制與 VS Code 開發工具。 雖起步於行政與資訊支援領域,但我認為技術學習不受侷限。目前已經進行半年一上的自學、線上課程(目前於六角學院持續進修)與實作練習,並持續規劃學習目標轉職成為前端工程師。期望未來是先從靜態網頁的切版開始慢慢做起,透過團隊合作或公司專案來逐步成長,進一步熟練框架技術(如 Vue.js、Vite、Angular ),並在 2 - 3年後能夠踏入資深工程師的領域。
學歷 高雄市立海青高級工商職業學校 | 電子科,高職畢業
經歷
  1. 高雄市立楠梓國民中學 | 教務處行政人員
  2. 高雄市交通部航港局南部航務中心 | 資料室約聘助理
  3. 匠星工程有限公司 | 兼職資訊和行政助理
  4. 興富發旗下建設 | 短期機電專員
語言
  • 中文 : 精通
  • 台語 : 中等
專長

Microsoft Office 辦公室軟體

Word、Excel、PowerPoint 辦公室軟體應用

Windows 作業系統

Windows XP、7、8、10、11 系統操作與管理

AutoCAD 繪圖軟體

AutoCAD、SketchUp、Graphisoft ArchiCAD 19 建築繪圖

前端開發 前端開發

HTML5 HTML5 CSS3 CSS3 JavaScript JavaScript Vue.js Vue.js Vite Vite

🌱 持續學習中

工作技能經驗
  1. 校內教務處公文、通知單製作,教育系統查閱、登記學生成績、出缺席、轉入/出學校資料。
  2. 航務中心資料室的行政系統操作,建立電子檔與文件檔,日常調閱文件以及公文遞送。
  3. 裝修工程公司資訊設備管理和行政公務,協助會計登打記帳、電腦硬體週邊安裝、公司建案文件歸檔。
  4. 機電繪圖專員,平面圖對接樓層與住戶排水管,以及六向設備配置,並繪製完成後進行 3D 建模後作開會檢討與修改。
個人照片