在開始繼續深入源碼之前，我們先花點篇幅討論 Normalizing 這回事。 Normalizing － 正規化，對資料庫稍有著墨的話對這個名詞一定不陌生。...
上一篇我們介紹了 interfaces/operations.ts 裡定義的 Operation types ，還沒看過的讀者們 傳送門 在此～ 接著從這一篇...
情境 響應式設計(Responsive Web Design)可使網站在不同的裝置上瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為...
接下來的 Draft 與 Slate 就是提供建立編輯器環境為主的 Framework Library 了，如果對這個名詞不太熟悉的話可以回頭去看 Day5...
What is nav? nav = navagator “The <nav> HTML element represents a sectio...
Github, Over Engineering 搜尋引擎會透過用戶指定 <title> ，以鐵人賽文章來說就是文章標題，用來產生搜尋結果的標題。...
今天終於來到 UML 的最後一篇了，要來接著把沒介紹到的常見 UI 元件介紹完，那就廢話不囉唆直接進入正題！ Table 網頁中的大魔王 Table，作為呈...
TypeScript 的型別大致分為下圖幾項，威爾豬會在之後章節陸續講，今天我們先談談最基本的三種數據型別。 在 TypeScript 中，基本型別註解都是以...
接下來的篇章我們會把目光聚焦於 interfaces/ 這個目錄底下的內容，想確認 slate package 完整的 src directory 的讀者們可...
最後一篇來個首尾呼應，回答在 Day 01 問大家的七個關於 UI 元件的問題！ 你知道 為什麼會有 UI LibraryＡ：讓我們可以不用再自己造輪子，...
CSS Box Model Frame & tag design: <div style="padding:10px;width:30...
上一篇我們統整了 NodeTransforms 裡各個 methods 的用法以及參數介紹， 傳送門 在此～ 這一篇同樣會以 reference 的形式統整...
After the previous 2 articles of CSS basic introducttion, let's talk about 5 Typ...
枚舉是 自定義一組具名常數值 的特殊型別，每個常數值都有一個名稱和一個關聯的數值，主要用於取值限定在一定的範圍內。在 TypeScript 中，我們使用 enu...
就算已經參加過兩屆了，到了這一天還是會有「天啊，沒想到我終於走到終點了啊！」的感覺。 如果有讀過我的 「Day01 參賽前言」的讀者就會知道，我今年絕對擁有 一...
建立 tsconfig.json 為了更有效地管理 TypeScript 專案，我們會創建一個配置文件，這在各大打包工具裡安裝 TypeScript 後...
從今天起到結賽都會是實戰演練的環節了！ 接下來的日子真槍實彈、彈無虛發，帶大家從理論走向實踐，把一些基本的元件實作出來吧！ 這篇章會怎麼實作？ 老樣子我的風格...
相信每個人的童年都有一個幾何積木玩具，今天我們就是要重返童年，一起用 Canvas 完成一些常用的幾何圖形！ 準備好畫布 剛開始就先不用框架，以 Vanilla...
情境 在網頁內容很豐富的情境中，頁面上放置導覽列是很重要的功能，如下圖： 假設這是一個新聞或論壇網站，左邊 aside 部分就是我們的導覽列，上面有網站的 B...
淺談原始碼 D3包裝了Javascript的fetchAPI來擷取資料我們這裡可以看到D3Js的原始碼為以下片段，不難看出它是return了fetchAPI f...
while statement If the statement is true, the code inside of {} would be execute...
昨天練習了許許多多的幾何圖形，今天來休息一下，順便沾沾藝術氣息吧！不知道大家知不知道蒙德里安？他是 19 世紀的荷蘭畫家，他將抽象派推至極限，僅通過構圖和色彩等...
緊接著這一篇要來探討 slate 是如何實現『定位』這件事的。 在開發以 text 文字資料模型為主的功能時，有辦法精準地定位到特定的文字位置，甚至是文字集合...
簡單做個 React 的 Hello, world。 官方範例 從昨日的作業中，預設運作中可以看到預設畫面，這時我們去看資料夾可以知道他的結構。 資料夾與檔案解...
Modified functions(變形函式) Before introducing modified function, let's recall our...
相信有 React 開發經驗的讀者們對 Ref 這個詞一定不陌生。 其實 slate 裡頭的 Ref concept 與 React Ref 非常相似，同樣都...
情境 決定畫面的平衡有許多要考慮的因素，除了過長的內容會造成畫面破版之外，反過來，如果過短的內容是不是也會造成視覺上的不協調呢？ 你能看見多遠的未來呢？ 看看下...
學過幾何，圖片當然也是不可或缺的元素！相信大家日常生活中也很常用到圖片縮放、裁切、在圖片上繪圖等功能。今天的圖片範例都會用可愛的動物表情包來做範例，希望大家可以...
在 TypeScript 中，我們可以使用 interface 關鍵字來聲明自定義型別，用來描述物件的結構和形狀，以及物件應該具備的屬性和方法。我們可以使用 i...
Conclusion 呼～到今天為止 9 天過去了，Libraries 之間的比較篇章也到今天告一個段落。 今天就來對這個章節做個小小總結。（言下之意就是準...
boogieyan1997
Taiming
Vida Lin
tainvecs
parkerhiphop027
威爾豬
珊迪
DannyChen
eyelash*睫毛
iThome鐵人賽
看影片追技術