嗨,我是林家齊 !
我是從行政的職業,轉職過來的前端初學者。 目前有自學了一些 Html、Css、JavaScript 的一些基礎, 之後會在努力學習 Node.js、Vue.js 、Vite .....等與前端相關的程式語言。
前往104履歷瀏覽
關於我的一些事情
我在國小學習時,因為接觸了電腦課,就覺得電腦方面的科技很有趣, 長大之後也學習了取得了硬體、軟體方面一些基礎證照。 但是因為後天得了疾病,而選擇了簡單的行政工作,也有了2年的工作經驗, 樂於學習新東西、做事有規劃、遇困難不輕言放棄,為了不讓自己只侷限在一個行政領域, 所以我也去學習了許多其他領域的課程,也考取了部分領域的相關證照。 現在則是想要學習前端工程師的技能,去接觸我一直以來所嚮往的科技業。
🚀 前端開發技能與學習成果
目前持續進修了至少有半年以上的前端技術學習,從 HTML、CSS、JavaScript 來進行製作一些簡單的靜態網頁 Side Project,雖然沒有特別的功能,透過切版、排版以及 Bootstrap 插件,使網頁的完成度接近 60% ~ 70%。目前還在進行更進階的 Side Project 實作與練習,並努力將技能應用於真實專案與業界需求。
基本語言與畫面切版
熟悉 VS Code 編輯器與 HTML 結構語法,能運用語意標籤建構頁面架構, 並透過 CodePen 練習互動功能與切版技巧,累積多筆完整的切版經驗。
曾獨立規劃頁面的各個展示區塊,包含公司介紹、服務說明、聯絡表單等區塊, 並依據品牌視覺設計進行色彩搭配與主視覺規劃,兼顧資訊層次與導覽動線,提升使用者體驗。
掌握 CSS 選擇器、Box Model、排版屬性等應用技巧, 能精確控制文字、圖片與互動式按鈕等元素的樣式與位置,讓網頁更具結構性與可維護性。
Flex 網頁排版和 RWD 佈局
熟悉 Flexbox 技術,靈活運用
flex-direction
、justify-content
、align-items
等對齊邏輯與彈性排版。
實作中應用 Flex 進行導覽列、產品展示區與內容分區的設計, 並使用 Media Query 製作適配手機、平板與桌機的響應式版面。
曾完成商品卡片排版模組,針對不同裝置規劃顯示數量 (桌機每列 3 款、平板 2 款、手機單列), 確保圖片與文字內容不失真、不跑版,同時保持操作體驗一致。
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年後能夠踏入資深工程師的領域。 |
學歷 | 高雄市立海青高級工商職業學校 | 電子科,高職畢業 |
經歷 |
|
語言 |
|
專長 |
|
工作技能經驗 |
|
