[Web] 程式設計教學

Web 技術的世界很廣，值得被記錄的小事很多。這個區塊收錄了各種網頁編程的技術隨筆。從實用的小眾技巧到通用的開發邏輯，我們不設限地探索，只為了構建更美好的網路世界。

[Web] 程式設計教學：網頁載入的過程

在本文中，我們會介紹網頁載入的過程。這個過程不會顯示在程式碼中，但我們要對這個過程有概念，因為網頁載入的過程會影響網頁程式的行為，有時候程式的問題不在於程式碼本身的問題，而是沒有弄清楚網頁載入的過程。繼續閱讀

[Web] 程式設計教學：檢測網站效能

本文介紹一些檢測網頁效能的方式，藉此可知要優化網站的那個部分，對效能的提升幫助較大。繼續閱讀

[Web] 程式設計教學：HTML 入門教學

我們在本文中介紹一下什麼是 HTML。當然，HTML 無法在短短一篇文章內介紹完，這裡僅做一些概念上的介紹。繼續閱讀

[Web] 程式設計教學：CSS 入門教學

在本文中，我們談談 CSS；短短一篇文章是無法談完 CSS 的，我們這裡僅做一些概念上的介紹。繼續閱讀

[Web] 程式設計教學：JavaScript 入門教學

JavaScript 一開始的目標是在網頁中加上程式語言，沒想到會成為繼 Java 後最廣泛使用的跨平台程式語言。本文對 JavaScript 做一些概念性的介紹。繼續閱讀

[Web] 程式設計教學：移除 Bootstrap 中的 jQuery

現在 jQuery 已經不是網頁前端必備的函式庫了，為了使用 Bootstrap 就掛著 jQuery 其實是在浪費網頁頻寬。在本文中，我們介紹把 jQuery 移出 Bootstrap，但 Bootstrap 仍可繼續運作的方式。繼續閱讀

[Deno] 程式設計教學：基本概念

在本文中，我們介紹 Deno 程式設計的基本概念。繼續閱讀

[Deno] 程式設計教學：建置開發環境

在本文中，我們介紹建置 Deno 開發環境的過程，讓讀者可以開始寫 Deno 程式。繼續閱讀

[Web] 程式設計教學：給瀏覽器使用的 Ajax 函式庫

Ajax 在網頁前端程式是相當重要的特性，可說是現代網頁程式的基礎。現代網頁程式能夠在不重刷頁面的前提下更新頁面內容，就是透過繼續閱讀

[Web] 程式設計教學：客製化及幫 Bootstrap 4 瘦身

在 Bootstrap 3 時代，Twitter 提供官方的客製化頁面。藉由客製版本的 Bootstrap，我們不僅可幫 Bootstrap 瘦身，還可以客製化顏色、字體、元素間距等項目。但 Bootstrap 4 之後，官方沒有放出這樣的客製化頁面，我們得自己下載 Bootstrap 的原始碼後自行編譯 Bootstrap。繼續閱讀