鐵人檔案
本篇鐵人賽，我將會手把手從HTML、CSS、Javascript，Javascript到React，前端到後端，從0開始架一個輕量級的網頁!!!
在前面的七篇中，我們講解了構成網頁設計的基礎要素：CSS。但這遠遠是不夠的，CSS只能賦予網頁靜態的美術效果與資訊展示。然而，我們對現代網站的期望通常都具備動態...
上一篇中，我們淺談了JavaScript的基礎，但想要更加深入JS的領域，光有基礎的概念是遠遠不夠的。因此，本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...
上網衝浪是現代人人具備的技能，您是否曾在某些商業網站看過一些炫酷異常的動畫？就拿Apple（台灣）的官網來舉例，隨便點選進入它們任意商品的頁面，往下滑動，便會有...
本篇，我們要提到的是程式語言中，非常重要的概念 —— 物件導向。 聽著好像很複雜，其實我們現實生活都充滿了物件導向的概念。淺顯一點地解釋，便是把細小的東西以「物...
前些日子呢，我們一同學習了許多有關網頁三件套 —— HTML、CSS、JS的內容。納在本日的篇章中，我將帶著您使用這幾日所學，來實作出一個計算機的應用！ 完成效...
在前面14天中，我們一同學習，並且大概了解如何做一個網站了。而今天！我將帶您了解GitHub，並將您所製作的網站，透過存放在GitHub內，散播出去，讓更多人看...
前些日子裡，我們將網頁三件套的基礎語法都大致講解完畢了，但理論往往是需要以實作結果去支持的，雖然有了計算機這一作品，但網頁中幾乎是用不到該功能 ── 所以本日的...
您在瀏覽其他網站時，是否常常被突如其來的彈跳視窗惹到心煩呢？不論是廣告、強迫訂閱、最新資訊…等，網頁常常使用彈跳視窗來宣傳。雖然惱人，但無法否認使用者確實被吸引...
在介紹完了前兩日的可滑動選單與彈跳視窗後，今天我們將要進入 ── 頁頂Header的實作。 header的詳細作用和規劃在我們的前導：《網頁的基礎設計理論》已有...
上一篇中我們完成了header的切版應用、介紹了錨點（Anchor）、還做了一點主頁面的切版： 那我們接續上一篇的內容，而當我們使用手機裝置打開此網頁，會發現...
