大家一定常常會看到像是這樣類型的版型，左邊是 menu 的選單，而右邊則是每一則網頁內容，而當我們縮放瀏覽器時，左邊的選單區塊不會有任何變動，縮放的是右邊的網頁...
在前面的章節我們已經介紹過了max-width or min-width以及百分比(%)單位對於 RWD 網站的重要性，現在我們要來設計一個三欄式的流體式網頁，...
接續昨天的進度，我們已經pre-cache app.js這個檔案了，但是我們監聽fetch event時還時直接回應從網路fetch回來的結果，沒有從cache...
為什麼我們的PWA需要Caching？ 這邊我舉幾個實際可能發生的例子： 想一想如果今天我們的網站有大量用戶湧入時。用戶可能會在「網路連線不良」的情形下，仍然...
Fetch API是目前較新版本的瀏覽器都有支援的javascript function，它允許我們透過HTTP Request來獲取外部資源，這其實跟Ajax...
在智慧型手機橫空出世進入我們的世界以後，網頁工程師/設計師突然面臨到了一個很大的問題，過往的設計都是依照 desktop 的螢幕瀏覽器與比例去構想的，但當智慧...
關於 HTML 和 CSS 的學習筆記，快要告一個段落了，之後會開始進入到響應式網頁(RWD)的介紹，今天是 HTML 和 CSS 的最後一篇文章，我們來介紹...
在Service Woker中會用到大量的promise和Fetch API，所以這邊先來好好複習一下 JavaScript程式語言在設計時，需考量非同步、單...
來看看Service Worker怎麼監聽事件 我們可以在sw.js file裡，開始監聽一些比較基本的事件。 // 當service worker在「安裝階段...
今天我們來說一說怎麼作表格，我就先說一個最簡單的結構，請看下方被包覆在<table>內的<tr><th><td>...
什麼是Service Worker？ 從一般普通的Javascript開始說，Javascript是在single thread上運行。這意味著，如果我們訪問一...
大家好，經過兩篇 style 的介紹，今天總算要回到處理邏輯的部分了。 一般在開發應用時，常常會需要根據特定 condition 做邏輯判斷，除了一般我們熟知的...
現在我們可以在android模擬器上的chrome瀏覽器測試一下我們的網站，記得按下Add to home screen加入到手機螢幕上，可以發現我們在Mani...
什麼是Web App Manifest？ Web App Manifest就是一個json文件，當browser載入文件後，可以幫助我們安裝Web到手機的螢幕上...
那個..到底什麼是漸進式網頁(PWA)？ 或許你可能已經有聽過這個名詞，但是很難去說出它真正的含意 QQ 其實我們一般會認為漸進式網頁應(PWA)只是一個術語，...
之前我們都在講關於排版的東西，現在我們要開始講網站的內容囉，由上至下，我們先從.header開始講起，不管甚麼類型的網站，尤其是商業網站，一定都會有一個 lo...
嗨~大家今天過得好嗎？(揮手) 上一篇我們好不容易說明完了用float及clear的排版方式了，所以我們現在知道了可以用 CSS RESET 來去除瀏覽器默認...
在正式開始之前，要先說兩件很重要的事，CSS RESET 和 {margin: 0 auto}。 CSS RESET 我們先來講關於 CSS RESET，目前...
上一篇文章我們已經簡單說明了如何在 HTML 文件加上 CSS 內容，也說明了如何用選擇器方式選擇了對的 HTML 標籤，還記得我們在 Day.6 提到的&l...
網頁三要素( HTML、CSS、JavaScript )，HTML 是網站的內容 & 架構，CSS 則是網頁的樣式而 JavaScript 是網頁的特...
前情提要：我怎麼開始這一切 還記得我在之前的文章提到的(若沒看過的可以先回去看就知道了)，在我正式開始上六角學院的 HTML、CSS 課程時，其實都還不清楚自...
說真的，自從下定決心要成為一個軟體工程師，才開始涉略愈來愈多的相關資訊，iT 邦幫忙這個知名IT人大站，以前雖有聽過，但真的不熟，也是這一陣子因轉職需求，才知...
很快的，在結束了挫敗感重重的 Python 課程後，我仍積極地尋找接下來該怎麼辦，在網路上翻來覆去的我找到了一篇 CakeResume 的文章想轉職成為工程師...
在即將離開公司的前一個月左右，我在 Facebook 上看到一個廣告跳出來，是五倍紅寶石的 ASTRO 全端工程師實戰訓練營，這是我第一次看到「全端工程師」(...
距離上一次寫文章大概距今已是8年前了，當時也只是想作為一個旅遊紀錄，這8年經歷了很多事，我在29歲時去了澳洲一年Working Holiday沉澱自我，在31...
Vue.js Data Binding data Vue Instance 可以透過data來儲存外部資料 data 作用有二： 1 儲存元件內部狀態或資料2...
2022 Medium 新版傳送門 SQL 關聯語句 - join(Left, inner…) 今天筆者要討論的東西是 join 這個詞句，join 這個詞的...
2022 Medium 新版傳送門 演算法 演算法，應該是現在學 CS 最潮、最常被提到的詞，那演算法到底是什麼呢？用白話文說起來，就是指『設定一套解決一個問題...
2022 Medium 新版傳送門 語言的選擇與比較( 2 ) 第二天，我會介紹一些市佔率『總體』較低，但許多新創產業，以及國外也很常使用的網站程式語言，他們並...
Alec
rehome
莫力全 Kyle Mo
json_liang
johnliutw
iThome鐵人賽
看影片追技術