iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 2878 瀏覽

鐵人賽 Modern Web DAY 7

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 7 篇

技術 #07 簡介篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

看了好幾天的 Next.js 介紹，是不是想要開始做個小專案，試試 Next.js 呢？我今天做了小小 project 使用 Next.js 的各種 data...

Jade ‧ 2021-09-22

1 Like 0 留言 1935 瀏覽

鐵人賽 Software Development DAY 23

從 JavaScript 角度學 Python 系列第 23 篇

技術從 JavaScript 角度學 Python(23) - Class

前言接下來算是小聊一下 Python 的 Class 語法而已，算是稍微休息一下，所以這邊簡單聊就好。物件導向 Python 本身就是一個物件導向語言(Ob...

Ray ‧ 2021-09-24 ‧團隊IT成長營

0 Like 0 留言 1818 瀏覽

鐵人賽自我挑戰組 DAY 7

【用 JS 學演算法】前端工程師學徒系列第 7 篇

技術【Day 07】Sorting：Insertion Sort 插入排序法 ( 用 JavaScript 學演算法 )

插入排序法是將陣列中未排序的元素，逐一與排序好的資料作比較。它的時間複雜度是 (O(n^2))。一、步驟觀察標記第一個元素作為已排序的部分遍歷未排...

tedkuo ‧ 2021-09-22

0 Like 0 留言 1616 瀏覽

鐵人賽自我挑戰組 DAY 8

開始入坑網頁吧! 系列第 8 篇

技術很像JavaScript 的 JSON

JSON 今天來聊聊JSON JSON (JavaScript Object Notation)，JavaScript 物件表示法，是一種輕量級資料交換格式，其...

阿沁 ‧ 2021-09-22

0 Like 0 留言 1014 瀏覽

鐵人賽 Modern Web DAY 7

JavaScript 筆記 2 版系列第 7 篇

技術 JavaScript Day07 - 陣列

陣列(array) 參考此篇：Day10 - 陣列陣列使用 [ ] 來包含內容陣列的數量使用 .length 來查詢，改變 .length 的值(正整數...

hokou ‧ 2021-09-22

0 Like 0 留言 906 瀏覽

鐵人賽自我挑戰組 DAY 22

JavaScript 核心觀念系列第 22 篇

技術【Day22】立即函式（IIFE）

立即函式特點：立即執行無法在函式外再次執行接著我們來看立即函式的語法 (function() { console.log('立即函式'); }...

weiwei ‧ 2021-09-22

0 Like 0 留言 1172 瀏覽

鐵人賽自我挑戰組 DAY 7

學習NodeJS的30天系列第 7 篇

技術 Day7 JS-Callback

在進入下一個NodeJS部份前想先講一下Callback(回呼)，這個概念不會佔太大的篇幅，所以這篇可能會有點短... Callback 回呼是指將某個函式(A...

chwk ‧ 2021-09-22

0 Like 0 留言 2525 瀏覽

鐵人賽 Modern Web DAY 15

從零開始打造網頁遊戲－造輪子你也辦的到！系列第 15 篇

技術 Chapter3 今天來學習畫一棵樹（I）學學人家DOM 自己用遞迴做一個樹狀圖結構

你是說...樹嗎? 嘿~丟！鐵人賽至今已經過半，實在是油盡燈枯，想不到主題了，剛好看到這兩個很讚的樹，覺得很適合這次的主題！加上筆者我又對大自然的碎形相當著迷，...

jerrythepotato ‧ 2021-09-22

0 Like 0 留言 758 瀏覽

鐵人賽自我挑戰組 DAY 7

初心者解任務啦！JS 的 30 道任務系列第 7 篇

技術 [ Day 7 ] - 判斷與流程控制

判斷與流程控制 if 判斷式以白話文來說，就是『當符合某一個條件，就做某一件事』語法範例： if( 條件式 ) { 條件式成立時執行的內容 } 以...

karakamin ‧ 2021-09-22

1 Like 0 留言 802 瀏覽

鐵人賽自我挑戰組 DAY 22

JS30 學習日記系列第 22 篇

技術 Day 22 - Follow Along Links

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-22

3 Like 0 留言 2990 瀏覽

鐵人賽 Modern Web DAY 8

JavaScript Easy Go! 系列第 8 篇

技術 #8 Web Crawler 1

今天終於要開始寫點有用的東西了：網路爬蟲。這次我們就來爬鐵人賽的文章吧。設定希望的資料結構在做爬蟲的第一個步驟是要先設定我們想要得到的資料的結構，這很大程度...

JacobLinCool ‧ 2021-09-22 ‧團隊NTNU-Unic0rn

0 Like 0 留言 800 瀏覽

鐵人賽 Modern Web DAY 10

從零開始的寫web app 30天生活系列第 10 篇

技術 Day 10 - JavaScript(1) : 變數與資料類型

前言今天先介紹一下JavaScript的一些背景, 再說一下JavaScript的變數與資料類型。 JavaScript是一種Programming lang...

tlyau62 ‧ 2021-09-22 ‧團隊ㄟˊ~這是幹嘛的？

0 Like 1 留言 1488 瀏覽

鐵人賽 Modern Web DAY 13

入門前端技能之旅系列第 13 篇

技術 Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數與基本型別

前面已經大略介紹了 HTML 和 CSS 的入門知識了，接著我們要來認識 Javascript，來為我們的網頁添加更多邏輯互動。怎麼宣告變數？ Javasc...

Mao ‧ 2021-09-22 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 1621 瀏覽

鐵人賽 Modern Web DAY 7

從原料到燃料，從資料到預料—資料駕馭網頁之理科的美學系列第 7 篇

技術 D3JsDay07不懂資料格式，那就會我們曾相識，只是不合適—檔案格式介紹

格式介紹通常你的資料會是檔案、API接口或是一個連結作為D3輸入的資料，這邊就以下常見的資料格式簡單介紹一下 CSV逗號分隔值(Comma-Separated...

DannyChen ‧ 2021-09-22 ‧團隊好想工作室V5.0

0 Like 0 留言 1104 瀏覽

鐵人賽 Modern Web DAY 7

摸索 WebSocket，遠望 WebRTC 系列第 7 篇

技術 Day06：Forward Message To Server(轉發訊息到 Server 端)

全文同步於個人 Docusaurus Blog 前一章印出使用者名稱和訊息內容後，接下來要嘗試將其透過 socket.io 轉發給 server。修正使用...

DoDoBird ‧ 2021-09-22 ‧團隊血汗攻城屍

0 Like 2 留言 1594 瀏覽

鐵人賽 Modern Web DAY 7

舌尖上的JS 系列第 7 篇

技術 D7 - 你不知道Combo: 第二主菜 Execution Context

前言 JavaScript 可以隨時隨地呼叫函式，像 function A 呼叫了 function B，執行完 function B 又回到 function...

Hooo ‧ 2021-09-22 ‧團隊好想工作室V5.0

2 Like 0 留言 1332 瀏覽

鐵人賽 Modern Web DAY 8

JavaScript 魔法入門 - 從入門到中階觀念系列第 8 篇

技術入門魔法 - 陣列

前情提要經過上一回的測驗，我發現了自己不是天選之人。「哪尼，為什麼我不是天選之人，我不是有魔力嗎？而且還有引導學姊妳呀！」艾草：「哎唷，現在為了擴大培養魔...

艾草 ‧ 2021-09-22 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 35606 瀏覽

鐵人賽 Modern Web DAY 13

不只懂 Vue 語法：Vue.js 觀念篇系列第 13 篇

達標好文技術不只懂 Vue 語法：如何透過路由實現跨頁面傳遞資料？

問題回答在跳轉頁面時，可以透過路由物件裏 params 或 query 來傳遞資料，也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...

Alysa Chan ‧ 2021-09-22 ‧團隊前端新手練功團

0 Like 0 留言 1614 瀏覽

鐵人賽 Modern Web DAY 14

我的JavaScript日常系列第 14 篇

技術 JavaScript Day 14. 靈活運用 reduce()

前幾篇一個陰錯陽差發現了 reduce，不小心產生了好感(?)，於是很興奮的說要之後再找時間介紹，寫完 forEach 後突然就決定不然就介紹一下 reduce...

Jemma ‧ 2021-09-23 ‧團隊前端新手練功團

0 Like 0 留言 1361 瀏覽

鐵人賽 Modern Web DAY 13

我的JavaScript日常系列第 13 篇

技術 JavaScript Day 13. forEach()

為什麼必須知道怎麼使用陣列方法呢？舉例來說，我們拿到一筆資料長這個樣子： let data = [5,8,9,10,20,50]; 然後我們必須把這裡的資料都...

Jemma ‧ 2021-09-22 ‧團隊前端新手練功團

0 Like 1 留言 3249 瀏覽

鐵人賽 Modern Web DAY 7

Vue.js 進階心法系列第 7 篇

技術用 watch 搭配服用 immutable

在《Clean Architecture》裡第 6 章介紹 functional programming ，有提到一個很重要的觀念 - 不可變動性 (immu...

Chris ‧ 2021-09-22 ‧團隊好想工作室V5.0

2 Like 0 留言 1650 瀏覽

鐵人賽 Software Development DAY 7

Functional Programming For Everyone 系列第 7 篇

技術 Day 07 - Transduce I

從一個簡單的問題開始假設我們目前有一組長度為一百萬的陣列，需要將陣列內的每個數值乘三並且只保留偶數，那我們會如何實作這簡單的問題? 根據上面的問題，我們在實作...

Jing.tech ‧ 2021-09-22 ‧團隊拒絕奴性的網友

0 Like 0 留言 1344 瀏覽

鐵人賽自我挑戰組 DAY 22

JavaScript老學徒筆記—馬步篇系列第 23 篇

技術【Day22】在網頁中插入HTML標籤的實務做法

tags: JavaScript 在網頁中插入HTML標籤的實務做法前一篇介紹了在網頁中利用DOM API改變HTML架構與內容的方法。要在HTML中插入...

popeye_ux ‧ 2021-09-22

0 Like 0 留言 2208 瀏覽

鐵人賽 Modern Web DAY 7

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 7 篇

技術 Day 7— 自動化回信機(4) 勾選後寄出通知信

我們已經順利的將 onEdit(e) 以及 MailApp.sendMail(message) 學完了，那麼下一步當然就是把它結合起來囉！結合的概念非常簡單，...

鳳黃酥 ‧ 2021-09-22

1 Like 0 留言 2841 瀏覽

鐵人賽 Modern Web DAY 25

All In One NFT Website Development 系列第 25 篇

技術 Day 25【Deploy NFT - Layers Blending & MetaData】Read the License

【前言】最後這個 Deploy NFT 才是真正真正真正的大魔王，比我想像中還要難超級多，難到我現在都不知道前言要打什麼了。只能放上一些梗圖娛樂自己… 【De...

ALu ‧ 2021-10-07 ‧團隊Obit0 Studio

1 Like 0 留言 1354 瀏覽

鐵人賽 Software Development DAY 22

從 JavaScript 角度學 Python 系列第 22 篇

技術從 JavaScript 角度學 Python(22) - GitHub API

前言前面我們已經學習了不少的 Python 新知識，所以也差不多該到了實作一下前面的知識點，這樣子才能夠確實的吸收觀念。作業需求那麼這一章節到底要實作什麼...

Ray ‧ 2021-09-23 ‧團隊IT成長營

0 Like 0 留言 990 瀏覽

鐵人賽 Modern Web DAY 14

從零開始打造網頁遊戲－造輪子你也辦的到！系列第 14 篇

技術 Chapter3 - canvas動畫續篇加入Z軸也能使2D畫面產生立體的空間感

https://jerry-the-potato.github.io/ChapterX-demo/https://jerry-the-potato.github...

jerrythepotato ‧ 2021-09-21

0 Like 0 留言 942 瀏覽

鐵人賽自我挑戰組 DAY 6

【用 JS 學演算法】前端工程師學徒系列第 6 篇

技術【Day 06】LeetCode：Two Sum ( 用 JavaScript 學演算法 )

我們繼續透過 LeetCode #1 Two Sum 來實際感受解決問題的過程 ( 題目連結 ) 一、理解題目輸入：一個 nums[] 和 target 找...

tedkuo ‧ 2021-09-21

0 Like 0 留言 1018 瀏覽

鐵人賽 Modern Web DAY 6

摸索 WebSocket，遠望 WebRTC 系列第 6 篇

技術 Day05：Set Chat Page(設定聊天頁) II

全文同步於個人 Docusaurus Blog 在本章中，要達成兩個目標：使用 JS 來動態 render HTML 頁面，產生一個小的對話框當...

DoDoBird ‧ 2021-09-21 ‧團隊血汗攻城屍

1 Like 0 留言 1235 瀏覽

鐵人賽自我挑戰組 DAY 21

JS30 學習日記系列第 21 篇

技術 Day 21 - Geolocation based Speedometer and Compass

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-21

技術 #07 簡介篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

技術 從 JavaScript 角度學 Python(23) - Class

技術 【Day 07】Sorting：Insertion Sort 插入排序法 ( 用 JavaScript 學演算法 )

技術 很像JavaScript 的 JSON

技術 JavaScript Day07 - 陣列

技術 【Day22】立即函式（IIFE）

技術 Day7 JS-Callback

技術 Chapter3 今天來學習畫一棵樹（I）學學人家DOM 自己用遞迴做一個樹狀圖結構

技術 [ Day 7 ] - 判斷與流程控制

技術 Day 22 - Follow Along Links

技術 #8 Web Crawler 1

技術 Day 10 - JavaScript(1) : 變數與資料類型

技術 Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數 與 基本型別

技術 D3JsDay07不懂資料格式，那就會我們曾相識，只是不合適—檔案格式介紹

技術 Day06：Forward Message To Server(轉發訊息到 Server 端)

技術 D7 - 你不知道Combo: 第二主菜 Execution Context

技術 入門魔法 - 陣列

達標好文 技術 不只懂 Vue 語法：如何透過路由實現跨頁面傳遞資料？

技術 JavaScript Day 14. 靈活運用 reduce()

技術 JavaScript Day 13. forEach()

技術 用 watch 搭配服用 immutable

技術 Day 07 - Transduce I

技術 【Day22】在網頁中插入HTML標籤的實務做法

技術 Day 7— 自動化回信機(4) 勾選後寄出通知信

技術 Day 25【Deploy NFT - Layers Blending & MetaData】Read the License

技術 從 JavaScript 角度學 Python(22) - GitHub API

技術 Chapter3 - canvas動畫續篇 加入Z軸也能使2D畫面產生立體的空間感

技術 【Day 06】LeetCode：Two Sum ( 用 JavaScript 學演算法 )

技術 Day05：Set Chat Page(設定聊天頁) II

技術 Day 21 - Geolocation based Speedometer and Compass

標記使用者

技術從 JavaScript 角度學 Python(23) - Class

技術【Day 07】Sorting：Insertion Sort 插入排序法 ( 用 JavaScript 學演算法 )

技術很像JavaScript 的 JSON

技術【Day22】立即函式（IIFE）

技術 Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數與基本型別

技術入門魔法 - 陣列

達標好文技術不只懂 Vue 語法：如何透過路由實現跨頁面傳遞資料？

技術用 watch 搭配服用 immutable

技術【Day22】在網頁中插入HTML標籤的實務做法

技術從 JavaScript 角度學 Python(22) - GitHub API

技術 Chapter3 - canvas動畫續篇加入Z軸也能使2D畫面產生立體的空間感

技術【Day 06】LeetCode：Two Sum ( 用 JavaScript 學演算法 )