iT邦幫忙

鐵人檔案

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

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

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

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

CSS的@import

我原本以爲我是會的,有點意外會來寫寫CSS關於@import的分享。 CSS3增加了不少東西,也還有不少東西在加入,並且CSS4的標準也在制定中,可以參考維基百...

2018-10-26 ‧ 由 lagagain 分享
DAY 12

不專業說說JavaScript的模組

之前都已經說完HTML、CSS切割引入的方式,我很想再來說下HTML5中另外一個重要的東西--JavaScript的模組化。但是JavaScript的模組化可以...

2018-10-27 ‧ 由 lagagain 分享
DAY 13

零配置、極速網頁打包工具--Parcel

安裝Parcel 在幾天前,就已經寫了怎麼安裝parcel了,不過都還沒好好說說這到底是什麼玩意兒。先來複習下怎麼透過npm安裝工具吧: npm i -g pa...

2018-10-28 ‧ 由 lagagain 分享
DAY 14

Parcel入門使用

昨天說到,Parcel支援Pug、SCSS、Less、Stylus、Vue、TypeScript、WebAssembly等等。先簡短的說一下TypeScript...

2018-10-29 ‧ 由 lagagain 分享
DAY 15

超好用的HTML編輯外掛介紹 - Emmet

今天演來說說一個幾乎是必備的工具--Emmet。嚴格來說比較像是編輯器外加的外掛程式,讓在寫程式碼時,能夠以較短的內容展開成需要的程式碼內容。不單單只有emme...

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

開發環境的準備 - 網頁相關開發軟體

今天萬聖節,差點忘記發問XD。那麼來準備開發環境吧!從之前到現在,介紹了目前Web的發展,還有一些工具,像是Pug、Emmet,再來開說說編輯器的部分。一直以來...

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

開發環境的準備 - 準備編輯器

烏阿 差點沒敢上 除了昨天說到的那些主要面向網頁開發的軟體,今天來說說通用行的編輯器。 Notepad++ 首先不得不先提到notepad++,這可是長期在國外...

2018-11-01 ‧ 由 lagagain 分享
DAY 18

開發環境的準備 - 調整編輯器(Emacs外掛安裝)

選定好自己喜愛的開發環境後,就是來好好調整。今天就來介紹Emacs下對於網頁開發,超級有用的package。 在Emacs生態環境下,有兩個主要的package...

2018-11-02 ‧ 由 lagagain 分享
DAY 19

不是百分之百除錯術 - 瀏覽器裡的開發工具

既然是寫前端,當然要用瀏覽器運行看看。目前主流的瀏覽器Firefox、Chrome或是其衍生版本都有豐富的開發工具。除了常見的Firefox外,Firefox還...

2018-11-03 ‧ 由 lagagain 分享
DAY 20

Web Base GUI

今天不單純聊了網頁,來多談一個話題--跨平臺的GUI框架。 今天跑去聽了不少東西,其中一個還蠻有趣的,在說跨平臺應用程式的前世今生。不巧,對於跨平臺的框架我也是...

2018-11-04 ‧ 由 lagagain 分享