Published By
Created On
27 Mar 2021 01:36:20 UTC
Transaction ID
Cost
Safe for Work
Free
Yes
16. UI 實戰篇：下拉式組合方塊（Combo Box）| 30 天從 0 到 1 學 Svelte | 第 12 屆 IT 鐵人賽
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
◼︎ 本集內容：如何使用 Svelte 實作 Combo box
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day16-ui-shi-zhan-pian-combo-box
◼︎ 程式碼連結：https://svelte.dev/repl/66e752ec604547b28cb001c0d5e77918?version=3.27.0
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
...
https://www.youtube.com/watch?v=zlXR_2uaHa0
◼︎ 本集內容：如何使用 Svelte 實作 Combo box
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day16-ui-shi-zhan-pian-combo-box
◼︎ 程式碼連結：https://svelte.dev/repl/66e752ec604547b28cb001c0d5e77918?version=3.27.0
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
...
https://www.youtube.com/watch?v=zlXR_2uaHa0
Author
Content Type
Unspecified
video/mp4
Language
More from the publisher
Controlling
VIDEO
10. S
10.-svelte-中的-slot-與-class-30
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
◼︎ 本集內容：slot 與 class: 的用法
Svelte 當中有 slot 語法（directive）可供使用，使用方法與 Vue 的 slot 類似，可以增加元件客製化的彈性。
class: 可以和變數做綁定，方便簡化 classname 的串接。
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day10-yu-class
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
...
https://www.youtube.com/watch?v=p576pPeO1n4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
CPU
cpu-風扇另類使用方式-shorts
透過 web serial API 與 Arduino 讓風扇偵測 Jenkins 執行狀態並控制風扇轉動
...
https://www.youtube.com/watch?v=A--WFR1zOok
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
只
只要-35-美金的小型電腦！
Raspberry 4 model B 開箱紀錄！這次樹莓派 4 到底有哪些規格升級呢？樹莓派又是什麼呢？跟著愷開最真實（且枯燥）的開箱實錄，一起來一探究竟吧！
-
樹莓派體積小且耗電量低，是學習計算機知識相當好用的產品，甚至可以搭配 GPIO 接腳做到許多 IoT 應用唷！
【Raspberry 4 model B+ 規格簡介】
■ ARM Coretex-A72 4 核心
■ 記憶體可選擇 1G/2G/4G
■ USB2.0 * 2 / USB3.0 * 2
■ HDMI Mirco * 2 最高支援 4K 解析度
■ 乙太網路孔
■ 5V 電源供應（15 瓦 / 3A）
【作業系統介紹】
樹莓派是基於 Linux 的單晶片電腦，所以需要 Linux 的作業系統，不過因為樹莓派採用 ARM 的 CPU，所以還需要特別設計過的作業系統，在樹莓派當中有兩個比較有名的作業系統：
■ NOOBS: https://www.raspberrypi.org/downloads/
■ Raspbian: https://www.raspberrypi.org/downloads/
【其他連結補充】
■ Desktop kit: https://www.raspberrypi.org/products/raspberry-pi-4-desktop-kit/
■ Raspberry Pi: https://www.raspberrypi.org/products/raspberry-pi-4-model-b/
【背景音樂】Airport Lounge - Disco Ultralounge
Airport Lounge - Disco Ultralounge by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
...
https://www.youtube.com/watch?v=xCyvMF80yjg
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
1. SV
1.-svelte-簡介-30-天從-0-到-1-學
第 12 屆 IT 鐵人賽系列影片 - 前端框架新選擇 - 30 天從 0 到 1 學 Svelte
第一天我們一起來瞧瞧 Svelte 是什麼吧！
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day1-svelte-jian-jie
◼︎ 簡介
本系列會從基礎 Svelte 語法與功能介紹開始，循序漸進學習 Svelte 並且應用在前端常見的 UI 互動上；熟悉本框架之後會開始深入探討 Svelte 的應用與框架背後的原理，希望讓大家對 Svelte 有通盤性的了解。
0:00 簡介
03:58 作者介紹（Rich Harris）
05:09 與其他框架比較
09:33 前端框架的要素
12:33 用 Svelte 寫計時器
...
https://www.youtube.com/watch?v=wxzv-srfqaE
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
22. S
22.-svelte-經驗談
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
◼︎ 本集內容：Svelte 經驗談
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day22-svelte-jing-yan-tan
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
00:00 簡介
00:46 Svelte 是編譯器嗎？
02:00 為什麼 bundle size 比較小？
07:46 為什麼 bundle size 很重要？
12:10 Svelte 可以應用在大型專案中嗎？
14:10 Svelte 與 a11y
16:55 為什麼我們需要在意 a11y？
18:29 專案介紹
...
https://www.youtube.com/watch?v=8qlmOU00gcw
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
29.
29.-自製簡易-svelte（4）：解析
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
◼︎ 本集內容：昨天我們實作了將 HTML 變成對應的 JavaScript 程式碼，今天我們會開始實作解析 JavaScript 的部分，為接下來的 Svelte Component 做準備。
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
...
https://www.youtube.com/watch?v=6VKaHlUXS74
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
18. U
18.-ui-實戰篇：圖片檢視器-30
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
本次程式碼連結：https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version=3.28.0
◼︎ 本集內容：圖片檢視器的 UI 實作
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day18-ui-shi-zhan-pian-tu-pian-jian-shi-qi
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
00:00 圖片檢視器功能介紹
01:35 UI 實作
18:00 實作鍵盤導覽功能
26:43 Accessibility 實作
...
https://www.youtube.com/watch?v=pdMgqb7Ib_Q
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
12. U
12.-ui-實戰篇：api
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
◼︎ 本集內容：API 處理與畫面互動
從第 12 天開始會進入 UI 實戰應用，實戰篇會搭配各種 Svelte 功能來實作各種前端 UI，並盡量以實際場景為主，因此功能上也會比較複雜一些。
API 處理是在前端最常見的應用場景，本集介紹如何透過 Svelte 來管理 API，並考慮各種狀態處理（loading, loaded, error 等）。
◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day12-api-chu-li-yu-hua-mian-hu-dong
◼︎ 相關連結：
・Svelte 官網 https://svelte.dev
...
https://www.youtube.com/watch?v=umnSLfR_VkM
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
用
用程式碼也能寫音樂！-sonic-2
向好和弦與 Sam Aaron（Sonic Pi 作者） 致敬 | 用 Sonic Pi 寫音樂！
簡報連結：https://speakerdeck.com/kjj6198/sonic-pi-jiao-xue-1
這次的簡報是用最近 justfont 推出的粉圓體！完全免費而且開源，大家趕快來用用看！(https://github.com/justfont/open-huninn-font)
這部影片的靈感是來自好和弦在前幾週的直播，如果沒看過的話可以趕快到資訊卡裡頭看看！好和弦一直是我很喜歡的 YouTube 頻道之一，甚至連我開頭音樂都是用好和弦推薦的 PixiTracker 做出來的。
雖然關於音樂的部分還是沒有甚麼長進，但是從好和弦身上學到許多！
（可能好和弦也會有 Sonic Pi 相關的教學影片唷）
◼︎ Sonic Pi
官方網站：http://sonic-pi.net/
精美教學：http://sonic-pi.net/tutorial.html
◼︎ 為什麼要用程式碼寫音樂？
可能你是本科系的人，透過程式碼這個媒介，讓創作的元素變得更加豐富；如果不是本科系，透過音樂這種大家都喜歡的領域來學習，反饋的速度比較快，也會更想要學習更多！
◼︎ 背景音樂 - How 哥射了之歌
作者：官大為（Wiwi Kuan ）
好和弦的 YouTube 頻道：https://www.youtube.com/channel/UCVXstWyJeO6No3jYELxYrjg
...
https://www.youtube.com/watch?v=aTA5wWhvKAQ
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh