iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

從零開始遲來的Web開發筆記 系列

在未來,不如說現在Web已經成爲當下熱門的前端顯示工具,並隨著瀏覽器、電腦、程式語言、技術的發展,瀏覽器能做的已經不止止是顯示HTML的訊息。不管是網頁繪圖、播放影音、編修影片相片、VR/
AR到人工智慧/類神經網路訓練,可以說瀏覽器已經提供了一個即爲完整便利的虛擬機器圖靈完全的環境。
我將寫下過去學習的經驗,從零整理筆記,包含介紹Web環境、工具與框架,以及最後會有幾個小型的HTML5專案。

鐵人鍊成 | 共 30 篇文章 | 36 人訂閱 訂閱系列文 RSS系列文
DAY 1

Re:在開始之前0

從零開始遲來的Web開發筆記。其實我自己比起寫Web,更經常寫一些腳本工具。我個人對於程式語言的設計、想法非常有興趣,也看了相當多的東西,借此機會我想從頭整理一...

2018-10-16 ‧ 由 lagagain 分享
DAY 2

HTML5

HTML5是在2014年推出來的,一直到正式版,到瀏覽器普遍支持花的時間也不算短。整個標準的制定有W3C完成。廣義的HTML5包含了HTML5本身,CSS3和J...

2018-10-17 ‧ 由 lagagain 分享
DAY 3

Web Component超有用網頁模組化 - 第一次使用HTML imports

關於目前我瞭解的HTML imports 昨天說到 HTML imports ,今天再來說說。 爲什麼今天會在來說說HTML imports呢?因爲我看到這篇。...

2018-10-18 ‧ 由 lagagain 分享
DAY 4

Web Component超有用網頁模組化 - 顯示HTML imports中的內容

顯示HTML imports 從上一次嘗試可以知道,import的HTML的階層樣式表是會影響到主要DOM的,實際上Javascript也是一樣,所以還沒有像是...

2018-10-19 ‧ 由 lagagain 分享
DAY 5

Web Component超有用網頁模組化 - Shadow DOM

前置 今天來試一下Shadow DOM。上次說到HTML imports的CSS和Javascript會影響到原本的DOM Tree。這次我要用Shadow D...

2018-10-20 ‧ 由 lagagain 分享
DAY 6

Web Component超有用網頁模組化 - CustomElementRegistry

原本應該是用document.registerElement(),但是在MDN上面顯示也已經棄用,建議新的使用方式是customElements.define(...

2018-10-21 ‧ 由 lagagain 分享
DAY 7

HTML模版語言-pug介紹與安裝

這幾天都在寫關於模組化的東西,但是不管是HTML imports、Shadow DOM還是CustomElementRegister,雖然已經列入標準了,但是目...

2018-10-22 ‧ 由 lagagain 分享
DAY 8

HTML模版語言-pug的指令『include』和『繼承』

Pug 的include 首先我們先建立一份base.pug,基於上面敘述,我們可以有兩種寫法,第一種依照Pug的風格: <!doctype html&g...

2018-10-23 ‧ 由 lagagain 分享
DAY 9

我知道的Node.js那點小事

前幾篇用過npm這個工具,npm是Node.js自帶的套件管理工具,如果想要看看npm上有什麼可以用的套件,可以上npm的網站看看。現在許多程式語言都自帶套件管...

2018-10-24 ‧ 由 lagagain 分享
DAY 10

NPM/PNPM的一些使用與理解(安裝Parcel爲例)

之後來說說除了Pug外的另外一個工具--Parcel。在正式提及前,先接著說npm。因爲之前完全沒提及npm相關的使用方式,所以這邊說說幾個我最常使用的命令。...

2018-10-25 ‧ 由 lagagain 分享