iT邦幫忙

實作相關文章
共有 34 則文章

技術 【艾鍗學院】12/20 嵌入式Linux開發實務 *賀*課程府和青年就業讚 政府100%補助!

*賀! 本班符合青年就業讚資格 享100%政府補助* 157 小時課程, 從無到有 ,精通嵌入式!! 使用 Raspberry Pi 2 + 艾鍗獨家開發板...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07:專案01 - 超簡單個人履歷06 | 實作

我們先回顧一下個人履歷的成品,學完HTML和CSS後,是否能順利做出來呢? Reset CSS 其實Chrome瀏覽器內建就有一些CSS的樣式,像超連結是藍字底...

鐵人賽 自我挑戰組 DAY 20
菜雞的JAVA日記 系列 第 20

技術 DAY20-JAVA的介面

介面介面(interface)是JAVA所提供的另一項重要功能,它的結構和抽象類別非常相似。介面本身也具有資料成員與抽象函數,但它與抽象類別有以下兩點不同:(1...

技術 自己的輪子自己造--前端中的常見方法實作

最近開始重新閱讀JS的文章跟教學影片(網路上大推的Javascript: Understanding the weird parts),原因是想要把荒廢的JS...

鐵人賽 AI & Data DAY 25

技術 【Day 25】《實作》搭建簡單線性回歸模型

前言 前面理論的東西講了這麼多,大家想必很想動手實作了吧,今天我們就要來著手搭建簡單線性回歸模型,我們要能夠輸入年資 ( 特徵 ) 並讓這個模型根據輸入的資訊去...

鐵人賽 JavaScript DAY 1

技術 【Day01】- 前言

前言 為什麼要寫這個? 在學習的時候,老師有建議懂一點 JS 的人可以練這個,不要跟其他同學練習簡單的東西。那時候我就把它收藏起來了,想說之後也要練習! 之前...

鐵人賽 JavaScript DAY 3

技術 【Day03】02 - JS and CSS Clock

主題 實作一個小時鐘。 成果 完整程式碼Demo效果 實作重點 CSS 指針樣式先做完 調整時間起始位置在 0 的位置( 後面比較好算數學 ) 調整每個針...

鐵人賽 JavaScript DAY 8

技術 【Day08】07 - Array Cardio Day 2

主題 練習 JavaScript Array 的方法,可以對照 MDN 文件:Array.prototype.some() 、 Array.prototype...

鐵人賽 JavaScript DAY 13

技術 【Day13】12 - Key Sequence Detection

主題 使用 Cornify.js 製作簡單的彩蛋效果。 成果 完整程式碼Demo效果 實作重點 Javascript 會使用 cornify.js ,放到...

鐵人賽 JavaScript DAY 30

技術 【Day30】29 - Countdown Timer

主題 實作一個倒數計時器。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素 倒數計時器的數字顯示 預計結束時間的顯示 所有的按鈕...

鐵人賽 JavaScript DAY 28

技術 【Day28】27 - Click and Drag

主題 實作一個隨著滑鼠點擊左右移動內容的效果。 成果 完整程式碼Demo效果 實作重點 CSS 可以把 overflow 改成 hidden 才不會漏出卷軸...

鐵人賽 JavaScript DAY 7

技術 【Day07】06 - Type Ahead

主題 利用 Fetch API、非同步載入的方式,並配合正規表達式處理字串,實現使用者輸入的城市名稱時動態地查找相對應的資料。 成果 完整程式碼Demo效果...

鐵人賽 JavaScript DAY 12

技術 【Day12】11 - Custom Video Player

主題 利用 <video> 標籤,實作影片播放器的基礎功能 成果 完整程式碼Demo效果 實作重點 <video> (MDN) 對照文...

鐵人賽 JavaScript

技術 【Day31】30 - Whack A Mole

主題 實作一個打地鼠的遊戲,有計分/計時功能。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素 設定隨機時間(第28天的範圍公...

鐵人賽 JavaScript DAY 29

技術 【Day29】28 - Video Speed Controller

主題 實作一個影片播放器的調整播放速度 bar。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素:速度條外框、速度條內框、音樂...

鐵人賽 JavaScript DAY 22

技術 Day22】21 - Geolocation

主題 實作一個顯示當前方位與速度的工具。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配文件 (MDN)這個題目在手機上比較好看到...

鐵人賽 JavaScript DAY 6

技術 【Day06】05 - Flex Panel Gallery

主題 實作一個圖片展開的動畫 成果 完整程式碼Demo效果 實作重點 CSS 先用把畫面調整出來 調整圖片:flex 、flex 佔比為 1 文字置中:...

鐵人賽 JavaScript DAY 2

技術 【Day02】01 - JavaScript Drum Kit

主題 利用鍵盤按鍵去觸發畫面上的呈現與音效。 成果 完整程式碼Demo效果 實作重點 Javascript 鍵盤事件keyboardEvent :使用 k...

鐵人賽 JavaScript DAY 4

技術 【Day04】03 - CSS Variables

主題 利用 JS 去改變 CSS 變數的值 成果 完整程式碼Demo效果 實作重點 CSS 偽類::root 表示 <html> (MDN)元素,...

鐵人賽 JavaScript DAY 11

技術 【Day11】10 - Hold Shift and Check Checkboxes

主題 實作出按住 Shift 點擊 check list ,達到連續選取的效果 成果 完整程式碼Demo效果 實作重點 Javascript 類陣列轉陣列...

鐵人賽 JavaScript DAY 14

技術 【Day14】13 - Slide in on Scroll

主題 實作一個當畫面滾動到圖片區域時圖片以動畫方式跑出 成果 完整程式碼Demo效果 實作重點 學習 window 事件 Javascript 先了解 w...

鐵人賽 JavaScript DAY 9

技術 【Day09】08 - Fun with HTML5 Canvas 

主題 利用 HTML 的canvas 標籤搭配 JS 做出畫布的效果。實現畫筆顏色(hsl)和粗細變化。 成果 完整程式碼Demo效果 實作重點 Javasc...

鐵人賽 JavaScript DAY 10

技術 【Day10】09 - Dev Tools Domination

主題 介紹 dev tool,了解 javascript 裡 console 的實用功能。 成果 完整程式碼Demo效果 實作重點 Javascript...

鐵人賽 JavaScript DAY 21

技術 【Day21】20 - Speech Detection 

主題 實作一個語音輸入文字輸出的工具。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配MDN 安裝/啟動 利用npm來安裝:np...

鐵人賽 JavaScript DAY 27

技術 【Day27】26 - Stripe Follow Along

主題 實作一個隨著滑鼠停留後會下拉的選單列效果。 成果 完整程式碼Demo效果 實作重點 可以思考一下,動畫出現的時機。 CSS 先製作出樣式 滑鼠停留後會...

鐵人賽 JavaScript DAY 5

技術 【Day05】04 - Array Cardio Day 1

主題 練習 JavaScript Array 的方法,可以對照 MDN 文件: Array.prototype.filter() 、 Array.protot...

鐵人賽 JavaScript DAY 17

技術 【Day17】16 - Mouse Move Shadow 

主題 實作一個滑鼠移動時,產生不同陰影的效果 成果 完整程式碼Demo效果 實作重點 Javascript 先了解基本概念 offsetX , of...

鐵人賽 JavaScript DAY 20

技術 【Day20】19 - Webcam Fun

主題 實作一個 Webcam ,有拍照、下載、濾鏡的效果 成果 完整程式碼Demo效果 實作重點 Javascript 在驅動 webcam 前需要有一個...

鐵人賽 JavaScript DAY 24

技術 【Day24】23 - Speech Synthesis

主題 實作一個文字輸入語音輸出的工具,有播放、暫停、語速、音量調整功能。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配文件 Sp...

鐵人賽 JavaScript DAY 16

技術 【Day16】15 - LocalStorage

主題 實作一個 LocalStorage 的紀錄菜單功能 成果 完整程式碼Demo效果 實作重點 Javascript 先了解 LocalStorage(...