iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

利用JS30逼自己30天完成的筆記 系列

利用工程師Wes Bos所建立一系列課程,讓自己更加熟練JS的觀念,希望除了自己以外,也能讓其他人看得懂。

參賽天數 25 天 | 共 25 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 1] JavaScript Drum Kit

第一天的課程為 JavaScript Drum Kit 對於業界的各位,已經非常熟悉寫code這件事情,要完成一個什麼樣的功能,要怎麼寫下去或許已經是一種反射動...

2022-09-15 ‧ 由 耀耀 分享
DAY 2

[Day 2] JS and CSS Clock

終於來到了第二天,才來到短短的第二天發現,真的要持續三十天發文不是一件容易的事情,加上還有週末這件事,遇到惰性這種本能真的不是開玩笑的! 進入主題02 - JS...

2022-09-16 ‧ 由 耀耀 分享
DAY 3

[Day 3] CSS Variables

第三天 CSS Variables 第三天的內容我覺得相對來說比較簡單一點,但也有些小細節該注意的地方,一樣來釐清一下這次要做的功能是什麼,畫面上有三個inpu...

2022-09-17 ‧ 由 耀耀 分享
DAY 4

[Day4] Array Cardio Day 1

第四天 Array Cardio Day 1第四天的題目比較偏向於陣列的處理練習,可以用來複習自己對於陣列的處理方式熟不熟悉,我們直接來看看題目是什麼: con...

2022-09-18 ‧ 由 耀耀 分享
DAY 5

[Day 5] Flex Panel Gallery

第五天的需求理解大致上有三件事情: 第一個部分為Flex的排版。 第二個部分為class樣式的切換,新增樣式跟移除樣式。 第三個部分為transition動畫...

2022-09-19 ‧ 由 耀耀 分享
DAY 6

[Day6] Type Ahea

<script> const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5c...

2022-09-20 ‧ 由 耀耀 分享
DAY 7

[Day 7] Array Cardio Day 2

const people = [ { name: 'Wes', year: 1988 }, { name: 'Kait', ye...

2022-09-21 ‧ 由 耀耀 分享
DAY 8

[Day 8] Fun with HTML5 Canvas

const canvas = document.querySelector('#draw'); const ctx = canvas.getContext('2...

2022-09-22 ‧ 由 耀耀 分享
DAY 9

[Day 9] Dev Tools Domination

const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }]; func...

2022-09-23 ‧ 由 耀耀 分享
DAY 10

[Day 10] Hold Shift and Check Checkboxes

const checkboxes = document.querySelectorAll('.inbox input[type="checkbox&q...

2022-09-24 ‧ 由 耀耀 分享