iT邦幫忙

鐵人檔案

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

JavaScript 30實作心得筆記 系列

JavaScript 30 是國外著名的JS開發者Wes Bos提供的免費30天課程,課程不只有JS的使用,更包括Html,Css的相互運用。希望透過Js30的實作讓我更加理解JS的運作,並寫點心得與筆記跟大家一起探討Js的世界。

鐵人鍊成 | 共 30 篇文章 | 44 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 11

Day11 Custom HTML5 Video Player

Day11 Custom HTML5 Video Player Demo 第11天的實作目標是要做出一個客製化的網頁影像播放工具。 在Html5中本身就有vid...

2017-12-30 ‧ 由 洪文明 分享
DAY 12

Day12 Key Sequence Detection (KONAMI CODE)

Day12 Key Sequence Detection (KONAMI CODE) Demo 第12天的實作目標在網頁中做出科拿米秘技的網頁。 科拿米祕技是指...

2017-12-31 ‧ 由 洪文明 分享
DAY 13

Day13 Slide In on Scroll

Day13 Slide In on Scroll 第13天的實作是在網頁中有一段文章和圖片,目標是螢幕向下滑動時,img元素會隨著螢幕捲動的位置,而顯示出來。...

2018-01-01 ‧ 由 洪文明 分享
DAY 14

Day14 JavaScript References VS Copying

Day14 JavaScript References VS Copying 第14天的實作是要解釋js的變數內容為數字,布林值,字串跟變數內容為陣列和物件的差...

2018-01-02 ‧ 由 洪文明 分享
DAY 15

Day15 LocalStorage and Event Delegation

Day15 LocalStorage and Event Delegation 第15天的實作是要利用LocalStorage來讓網頁關閉之後,資料不會移除,讓...

2018-01-03 ‧ 由 洪文明 分享
DAY 16

Day16 CSS Text Shadow Mouse Move Effect

Day16 CSS Text Shadow Mouse Move Effect 第16天的實作是做出特定元素的陰影會隨著滑鼠的位置產生位移的變化。 首先在頁面中...

2018-01-04 ‧ 由 洪文明 分享
DAY 17

Day17 Sorting Band Names without articles

Day17 Sorting Band Names without articles 第17天的實作是要運用陣列的內容進行排序,但排序內容會省略特定開頭字元(本實...

2018-01-05 ‧ 由 洪文明 分享
DAY 18

Day18 Tally String Times with Reduce

Day18 Tally String Times with Reduce 第18天的實作練習是從li的屬性取得data-time,並將其數值轉換成秒數,並加總成...

2018-01-06 ‧ 由 洪文明 分享
DAY 19

Day19 Webcam Fun

Day19 Webcam Fun 第19天是網頁使用視訊鏡頭來抓取視訊畫面,讓視訊畫面呈現在網頁上,並可以加入畫面特效,還可將網頁影像轉換成影像檔案。 首先畫面...

2018-01-07 ‧ 由 洪文明 分享
DAY 20

Day20 Native Speech Recognition

Day20 Native Speech Recognition 在網頁建立一個監聽語音的功能,當講話時會將講話的內容轉換成文字,並顯示於網頁的元素中。 首先在網...

2018-01-08 ‧ 由 洪文明 分享