LBRY Block Explorer
Search
LBRY Claims
• 14.-ui-實戰篇:slider
39483fc7b231b2f253f885f36d51f75f9d423c5e
Published By
@愷開寫程式
Created On
27 Mar 2021 01:36:20 UTC
Transaction ID
653f33e40e74fdc37ef9c284dbf28e88665de1e7372a7ff4609175212eb27b17
Cost
Safe for Work
Free
Yes
14. UI 實戰篇:Slider 與列表互動 | 30 天從 0 到 1 學 Svelte | 第 12 屆 IT 鐵人賽
◼︎ 本集內容:客製化 Slider 與列表的互動練習
透過 Svelte 來實作一個客製化的 Slider,並且盡可能地涵蓋多一點細節。
◼︎ 簡報連結:
https://speakerdeck.com/kjj6198/day14-slider-yu-lie-biao-hu-dong
◼︎ 相關連結:
・Svelte 官網
https://svelte.dev
...
https://www.youtube.com/watch?v=4chRRMO-kBE
Author
Content Type
Unspecified
video/mp4
Language
Open in LBRY
More from the publisher
Controlling
VIDEO
聊
聊聊-flash-player-與網頁標準-fork
lbry://@愷開寫程式/聊聊-flash-player-與網頁標準-fork
這個系列的影片會與大家一起討論 Google Chrome Developer 上的系列影片,希望可以一起深入討論各種網頁技術。 Flash Player 在 2021 年已經不存在了,但是它在網頁開發上扮演著相當重要的角色,也推進很多技術的發展。在 HTTP 203 當中對於 Flash 在網頁上所帶來的影響有相當深入且有趣的討論。 影片來源: @Google Chrome Developers Web Standards & Flash https://www.youtube.com/watch?v=RUEKVj3jE-E ... https://www.youtube.com/watch?v=012VZXUAuqg
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
【20
【2021-最新版】vscode
lbry://@愷開寫程式/【2021-最新版】vscode
還在用滑鼠開檔案、移動游標嗎?你值得更好的使用方式。 很多時候雖然大腦已經有程式碼的畫面,但是一直在鍵盤 → 滑鼠之間移動的話很容易中斷思考,忘記自己原本想要做什麼。VSCode 有很多已經設定好的快捷鍵,熟悉這些快捷鍵可以有效減少在鍵盤 → 滑鼠之間的移動次數,進而提高寫程式的效率。 ※ 本影片以 MacOS 版本的 VSCode 做範例,某些快捷鍵可能不適用於 Windows。 ◼︎ 參考資源 ・VSCode 快捷鍵速查表(MacOS):https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf ・VSCode 快捷鍵速查表(Windows):https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf ◼︎ 段落 0:00 在專案中導覽至檔案 0:44 移動游標並選取字元 1:06 以單字為單位移動游標 1:28 移動游標至行的最前或最後 1:49 選取游標位置至目標位置的文字 1:59 搜尋檔案中的文字 2:22 全域搜尋專案當中的關鍵字 2:44 將選單列表的選項移至檔案瀏覽器 3:04 新增檔案 3:14 切換程式語言 highlight 3:32 儲存檔案 3:43 搜尋 Symbol 4:15 重新命名變數或函數 5:00 在 vscode 內呼叫終端機 5:15 復原、取消復原 5:43 註解(或是移除註解)該行或選取的程式碼 6:15 關閉編輯器的 tab 6:29 復原剛剛關掉的分頁 6:51 關閉所有分頁 7:09 移至實作 7:27 查看實作(不會跳到檔案) 7:49 查看所有被參考的地方 8:11 開啟或關閉左側選單 8:28 叫出當前工作區的問題分頁 9:20 切換到第 n 個分頁 9:49 多行註解 10:35 移動到指定行數 10:53 關掉其他分頁 11:23 儲存全部分頁的檔案 11:44 以檔案瀏覽器打開檔案 12:11 將檔案中的內容排版 12:26 結尾 ... https://www.youtube.com/watch?v=8gJclv9z7I4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
16. U
16.-ui-實戰篇:下拉式組合方塊(combo
lbry://@愷開寫程式/16.-ui-實戰篇:下拉式組合方塊(combo
第 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
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
9. SV
9.-svelte-當中的-animate-與
lbry://@愷開寫程式/9.-svelte-當中的-animate-與
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte ◼︎ 本集內容:crossfade 與 animate 的使用教學 Svelte 當中有許多內建的動畫機制,可以應付常見的場景,並且用相對少量的程式碼達到不錯的體驗。今天會介紹進階的 crossfade 與 animate 使用方式。 ◼︎ 簡報連結:https://speakerdeck.com/kjj6198/day9-svelte-dang-zhong-de-crossfade-yu-animate-ji-zhi ◼︎ 相關連結: ・Svelte 官網 https://svelte.dev ・FLIP 介紹:https://www.youtube.com/watch?v=RCFQu0hK6bU ・react-flip-toolkit: https://github.com/aholachek/react-flip-toolkit ... https://www.youtube.com/watch?v=aP3wXr1cILE
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
在
在日本不會寫程式也能當工程師
lbry://@愷開寫程式/在日本不會寫程式也能當工程師
今天我們邀請到在日本 IT 業界工作超過十年,有擔任過系統工程師、管理職、軟體工程師的 bon 先生一起聊聊關於日本 IT 產業文化。 因為本人比較害羞,所以以可愛貓貓的姿態與大家分享。 注意事項: 1. 在影片最後也有額外說明,本次的訪談也只是以個人角度出發,觀察日本的 IT 產業運作,只是大環境裡的一小部分,並沒有辦法代表實際狀況,請大家斟酌參考。 2. 日文的部分可能會有文法錯誤或發音不準的情形,還請大家多多指教。也可以直接在留言下方交流、指正 3. 影片中多次提到 System Engineer,是日本比較特有的職位。主要以系統設計為主,多數的工作內容為寫規格書並且管理開發進度。 ... https://www.youtube.com/watch?v=MpQMSFvA8eU
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
軟
軟體工程師如何重現東奧超級變變變(p5
lbry://@愷開寫程式/軟體工程師如何重現東奧超級變變變(p5
使用 p5 + ml5.js 重現東京奧運超級變變變。詳細實作會在之後發布影片! ... https://www.youtube.com/watch?v=yQpfAfX2Jcc
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh
Controlling
VIDEO
12. U
12.-ui-實戰篇:api
lbry://@愷開寫程式/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
18. U
18.-ui-實戰篇:圖片檢視器-30
lbry://@愷開寫程式/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
17. U
17.-ui-實戰篇:音樂播放器-30
lbry://@愷開寫程式/17.-ui-實戰篇:音樂播放器-30
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte ◼︎ 本集內容:用 Svelte 實作客製化音樂播放器 ◼︎ 簡報連結:https://speakerdeck.com/kjj6198/day3-dom-shi-jian-bang-ding-ke-zhi-hua-shi-jian-await-block-yu-fa-jiao-xue ◼︎ 相關連結: ・Svelte 官網 https://svelte.dev ・程式碼連結:https://svelte.dev/repl/5cf670ec8d434d7098723fe057dda04a?version=3.28.0 00:00 開場:音樂播放器功能介紹 03:03 播放器 UI 實作 18:39 客製化播放器 UI 完成 19:36 加入鍵盤快捷鍵功能 20:21 Svelte use 功能介紹 + 實作 ... https://www.youtube.com/watch?v=9xTRX1qAO9o
Transaction
Created
1 month ago
Content Type
Language
video/mp4
zh