在前一章節的尾聲，我們成功地在文章節點中加入 Slug ，今天我們要來用這些資訊建立一個共用的頁面，根據點擊的文章 Slug 來帶入對應的內容，那就讓我們開始吧...
我們就必須使用LocalStorage來讓瀏覽器記住剛才輸入的資料紀錄完成後，同時將表單的回復成未輸入的狀態 localStorage.setItem('ite...
[Day 14] - 建置第一個 Blog - 文章內頁 在前一篇文章中，我們建立了一個還不錯的列表頁，但我們絕對不滿足於此，今天，我們要用更聰明的方式來建立頁...
WES BOS系列影片Alex快速導讀系列影片 今天要來認識LocalStorage看不太懂的話，這裡也有一篇我覺得寫得很好理解的筆記可以參考localStor...
昨天藉由 gatsby-source-filesystem 這套外掛，我們能看到在 Folder底下諸多 File 的詳細資料，也藉這些資料製作了簡單的畫面，今...
今天針對物件來看引用與複製的差異先創造一個簡單的物件 const person = { name: 'Wes Bos', age: 80 }; 再製作...
在我們使用網頁的時候有沒有遇過一種情境當你輸入帳號與密碼時，有時候輸入錯誤或是格式不符，電腦就會跳出通知告訴你資料有誤唷，這個地方就能用控制判斷去達成，我們要讓...
前兩天我們都在提如何撈取資料到站點內，就有細心的讀者會問，但我不太會寫 GraphQL 啊，有沒有相關的輔助工具能幫忙我開發呢？ 嘿，沒錯，那就是今天的主題 G...
WES BOS系列影片Alex快速導讀系列影片 最一開始可以先試試看這兩段程式碼 let age = 100; let age2 = age; console....
[Day 11] - 靜態查詢 ( Static Query ) 今天我們要來談談有別於頁面查詢的另一種方法，叫做靜態查詢 ( Static Query )，至...
WES BOS系列影片Alex快速導讀系列影片 今天要為靜態的文章，添加一些圖片進場的動畫效果練習抓取螢幕與圖片的長度，進而控制圖片的進場時間。 1.先抓出需要...
昨天我們介紹了如何在 Gatsby 使用 GraphQL 來進行撈取資料，但在 Gatsby 中其實對於撈資料的方式是有區分的唷，我們昨天使用的叫做 頁面查詢...
WES BOS系列影片Alex快速導讀系列影片 今天的實例用到了cornify.js這個套件，功能類似打電動時要放大絕招前，一定要輸入一段指令串。例如:上上下下...
昨天我們完成了第一個簡易版網站，但是，沒有資料的網站，就沒有靈魂！！！ 所以我們要來介紹 Gatsby 關於資料的部分啦，就如第一天所言， Gatsby 有一個...
今天首先要控制音量大小與調整播放速度 1.先設定會使用到的函式名稱 function handleRangeUpdate() { console.log(t...
昨天我們套用 typography 這個 Plugin 來為我們的網站做全局的基礎樣式處理，並創建了 contact & about 兩個頁面，但樣式上...
WES BOS系列影片Alex快速導讀系列影片 今天要來製作自己的影片撥放器，覺得原始的控制套件很醜?那就自己做一個，不過作者已經幫我們做好樣式了。我們還是注重...
Hello，我們前面知道了怎麼透過 JS 去更換網頁的內容，也知道變數與函式的用途，學了這麼多零碎的知識是不是還感覺不到這些概念的使用時機，以及如何透過這些方法...
今天我們將融會貫通，利用前兩章所學，建立一個擁有三個頁面的簡易網站，並導入一個外掛作為這樣網站的基礎樣式，話不多說，就讓我們開始吧 ！ 建立環境並導入外掛 根據...
WES BOS系列影片Alex快速導讀系列影片 今天要嘗試做一個todo-list的小功能，按下shift鍵時，可以一次勾選代辦事項。 1.首先抓出所有chec...
昨天介紹了如何在 React 中設定樣式，今天我們就來講講 Component 吧 ！ 對於這部分較為陌生的讀者可能會有這樣一個疑問，為什麼要建構元件？ 建構元...
WES BOS系列影片Alex快速導讀系列影片 今天比較輕鬆，作者帶我們深入了解console的一些使用方法，記錄下來，也許那天突然就會用到也不一定。 作者有準...
今天我們會在 React 方面多著墨，會講解如何在 React 專案中調整樣式，還有有哪些方式能去調整，同時也會講解如果在 Gatsby 專案中，該怎麼使用這些...
ES6開始就引入了let、const替代var去宣告變數。今天就來整理一下自己學習let和const時碰到的概念。 let、const解決了var的什麼問題？...
今天可以再來玩一些Canvas的功能 1.更改畫筆的顏色，讓畫筆畫出彩虹的顏色這邊是使用HSL色彩概念，HSL即色相、飽和度、亮度(hue,Saturation...
今天我們要針對專案架構做一個基本的認識，而下篇會講一些 React 的基礎觀念，例如如何建立一個元件、如何在 React 專案裡添加樣式、如何由父元件傳值給子組...
日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 6 繼續介紹運算子 。我發現運算子的點閱率很低 # ﾟДﾟ) En Zan Shi !!!! 邏...
WES BOS系列影片Alex快速導讀系列影片 今天要用滑鼠在網頁上畫畫。初探Canvas元素的使用方式，可與MDN的Canvas教學手冊搭配服用但若是只想知道...
今天我們終於要來點實作啦，前兩天介紹的心癢癢，今天終於能初窺 Gatsby 的風采 ！ 開發環境建置與說明 在進行實作之前，我建議大家對以下幾點有個基本的認識...
這篇主要概述JavaScript基本型別的意思，並針對講解數字這個型別。明天才會繼續一併講完字串、布林、undefined、null、symbol。 在進入正題...
chasel1020
喬依司
AWEI
Alysa Chan
RIN
iThome鐵人賽
看影片追技術