阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

63 個專案實戰，寫出作品集，讓面試官眼前一亮！

立即開始免費試讀！
最新出爐作業包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式

🔍 搜尋結果：https

🔍 搜尋結果：https

CSS 基本觀念：rem 跟 em 差在哪？何時該用哪個？有何注意事項？

## 簡介 CSS 是任何網站設計的重要組成部分，但理解其中一些細微差別觀念可能不容易。其中最重要的觀念之一是 rem 和 em 之間的區別，以及為什麼/何時應該使用它們。 原文出處：https://dev.to/refine/rem-vs-em-everything-you-need-...

0個讚   1留言 1,522瀏覽

給網站開發者：7 個值得在 2023 年用看看的免費工具

想要在 2023 年的 **Web 開發** 旅程中一帆風順嗎？參考看看這些免費工具吧！ 原文出處：https://dev.to/ruppysuppy/7-free-tools-for-the-modern-web-developers-of-2023-4lhh ## 1. [Omats...

0個讚   0留言 1,748瀏覽

初次轉職寫程式：作品集有用嗎？要做什麼作品？面試官會看嗎？

很多朋友轉職寫程式，在補習班或者線上課程，告一段落之後，開始找工作之前，會整理作品集 關於作品集，簡單給大家一些建議 ## 作品集有用嗎？ 公司在徵人的時候，其實來應徵的人五花八門 滿多人看起來，根本不會寫程式，連最基本的小網頁或者小程式都寫不出來 連基本技能都沒有準備...

4個讚   2留言 3,261瀏覽

RWD 網頁設計入門：第6課 ── 親手搞定一個完整的 RWD 網頁！

# 第6課 課程目標 運用目前所學到的技巧，完成一個完整的 RWD 網頁。 # 第6課 課程內容 這門課到目前為止所教的技巧，只有運用 Bootstrap 快速、方便的做出網頁排版。 我們並沒有深入去研究背後 css 原理以及太多進階 css 技巧。 很棒的是，光是這些...

0個讚   0留言 662瀏覽

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

# 第5課 課程目標 讓圖片在各種裝置上都能順利顯示。 # 第5課 課程內容 請參考：https://www.w3schools.com/howto/howto_css_image_responsive.asp # 第5課 作業 承接前一課的作業。 ![](htt...

0個讚   8留言 985瀏覽

RWD 網頁設計入門：第4課 ── 頭條新聞在電腦上順序是中間，在手機上順序是最前面

# 第4課 課程目標 能夠讓元素在不同裝置上面，以不同的順序顯示。 # 第4課 課程內容 請參考：https://getbootstrap.com/docs/5.3/layout/columns/#order-classes # 第4課 作業 承接前一課的作業。 ...

0個讚   3留言 594瀏覽

RWD 網頁設計入門：第3課 ── 有些東西只在電腦顯示，有些東西只在手機顯示

# 第3課 課程目標 能夠將元素只顯示在特定裝置上面。例如有些東西只在電腦顯示，有些東西只在手機顯示。 # 第3課 課程內容 請參考： https://getbootstrap.com/docs/5.3/utilities/display/ # 第3課 作業 承接...

0個讚   3留言 669瀏覽

RWD 網頁設計入門：第2課 ── 適應各種裝置的螢幕：流動的網格系統

# 第2課 課程目標 能夠使用 Bootstrap 網格系統來打造適應各種螢幕大小的排版。 # 第2課 課程內容 這一課要學習使用 Bootstrap 的網格系統。 請參考這幾份教學： - https://www.w3schools.com/css/css_rwd_in...

0個讚   6留言 1,918瀏覽

RWD 網頁設計入門：第1課 ── 什麼是 RWD 呢？

# 第1課 課程目標 認識 RWD (Responsive Web Design) 的意思。能利用瀏覽器觀察 RWD 網站的變化。 # 第1課 課程內容 RWD 全名 Responsive Web Design，是現在智慧型手機普及的年代，最廣泛被採用的設計方法之一。 乍聽之...

0個讚   2留言 840瀏覽

RWD 網頁設計入門：第0課 ── 前言

大家好，有沒有想學寫網站的朋友呢？ 隨著智慧型手機的普及，現在的網站畫面必須同時滿足電腦、手機螢幕，甚至是平板電腦的需求。 要如何做出能在各種寬度的螢幕都 OK 的網頁呢？ 聰明的設計師們發明了一種稱為「Responsive Web Design」的畫面設計方法。 實作起來非...

0個讚   0留言 1,521瀏覽

自學網頁の嬰兒教材：第6課 ── 表格、表單與按鈕：基本元素也漂亮

# 第6課 課程目標 學會如何套用 bootstrap 的表格、表單與與按鈕樣式。 # 第6課 課程內容 表格、表單與按鈕是網頁最基本的元素之一，就算不使用 bootstrap，html 原生就有這些元素的樣式。 不過，套用 bootstrap 樣式之後，會馬上讓這些元素好看...

1個讚   6留言 821瀏覽

自學網頁の嬰兒教材：第5課 ── 訊息框框：有話對你說

# 第5課 課程目標 學會使用 Bootstrap 的訊息框框元件。 # 第5課 課程內容 訊息框框在所有網站都會有，在需要顯示歡迎訊息、提醒訊息、公告事項等等的時候，都可以使用。 這一課要學習使用它。 請閱讀入門教學： https://www.w3schools...

1個讚   7留言 638瀏覽

自學網頁の嬰兒教材：第4課 ── 卡片元件：又美又好用的元件

# 第4課 課程目標 學會使用 Bootstrap 的卡片元件。 # 第4課 課程內容 卡片式設計近幾年非常流行，在各大網站中都看得到它。 它的功能非常通用，可以在各種場景中使用，這一課要學習使用它。 請閱讀入門教學： https://www.w3schools....

1個讚   7留言 818瀏覽

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

# 第3課 課程目標 能夠用 Bootstrap 的網格系統做出多欄式排版、各種排版。 # 第3課 課程內容 業界工程師會去使用 Bootstrap，除了美感之外，通常還有一大理由就是想用它的網格系統。 以網頁設計常見的多欄式設計來說，手寫 html 跟 css 實在有點麻煩...

1個讚   15留言 1,355瀏覽

自學網頁の嬰兒教材：第2課 ── 導覽列：替訪客指點方向

# 第2課 課程目標 學會使用 Bootstrap 的 Navbar 元件。 # 第2課 課程內容 本課內容非常非常簡單，只要能在網頁上做出導覽列就可以了。 請參考： https://www.w3schools.com/bootstrap5/bootstrap_navb...

1個讚   15留言 1,318瀏覽

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

# 第1課 課程目標 學會安裝 Bootstrap。 # 第1課 課程內容 第一課只要學會如何安裝 Bootstrap 就可以了。 Bootstrap 安裝好之後，瀏覽器預設的 h1, h2, h3, p 等等基本元素的樣式就會被覆蓋。 會變成 Bootstrap 的預...

1個讚   15留言 1,510瀏覽

自學網頁の嬰兒教材：第0課 ── 前言

大家好，有沒有想學寫網站的朋友呢？ 坊間大部份的網頁入門課程，在教完基本的 html 與 css 之後，接著就會教 [Bootstrap](http://getbootstrap.com) 這個工具包。 究竟 Bootstrap 是什麼呢？ 其實它只是一個寫網頁的懶人工具包，幫助你...

2個讚   0留言 957瀏覽

自學網頁の嬰兒教材：第7課 ── 大感動！我也有個人網頁了！

# 第7課 課程目標 正式完成一個屬於自己的個人網頁 讓這個網頁真正上線 # 第7課 課程內容 在第6課中，你學會了網站架設需要擺放的檔案。 這次要試著利用網路上的主機資源，將網站正式上線。 請學習使用 Glitch ，並將網站架在上面： https://glitc...

2個讚   2留言 2,182瀏覽

自學網頁の嬰兒教材：第6課 ── 在自己電腦上寫網頁

# 第6課 課程目標 正式在自己電腦上寫網頁 不再需要依靠jsfiddle來寫網頁 # 第6課 課程內容 前五課都是用jsfiddle來學習，先跳過了環境設定的問題。 這次的課程要練習正式在自己電腦上寫網頁。 其實，用記事本就可以寫網頁。只要把副檔名存成 .html 就可...

1個讚   20留言 3,157瀏覽

自學網頁の嬰兒教材：第5課 ── 用力送出表單

# 第5課 課程目標 認識各種常見的輸入欄位 能夠用表單送出資料 # 第5課 課程內容 用jsfiddle來練習： https://jsfiddle.net 這次要寫HTML區塊 請閱讀這份教材： [HTML Forms](http://www.tutoria...

2個讚   36留言 2,580瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 在本地免費執行 DeepSeek-R1 教學
🔥 用 GraphQL vs REST API：就好比「全新跑車 vs 騎驢」
🔥 最新 js 教材上線：玩玩看 Node，做做看老派 CLI 應用程式
🔥 帶著 coding 工作去滑雪 10 天的心得
🔥 首次嘗試用 phpstan 改善團隊的 laravel 架構
  近期留言
熱門搜尋： ui css console 搜尋 javascript 工作 for 使用 html https AI 第一 結構 開發 專案 Ml 後端 JAVA ul Vue Git REACT JavaScript id Python 技術 Can ar 網站 學習 Css Java ＣＳＳ JS 系列 分享 lilac jav 框架 app github 工程師 ci 作為 測試 git 資料庫 GIT 前端 java restcountries Ai 編輯 伺服器 api 語言 json 開源 node 網頁 'javascript android js Javascript 部署 作業 研究 javasc 架構 Javas bi 清單 py aws create 基礎 class 課程 COM 部落格 主題 user this CD vs go HTML Line 分析 react 效率 npm local 查詢 Github with 套件 CSS 非同步 url
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。