iT邦幫忙

2021鐵人賽相關文章
共有 44 則文章
JS30 學習日記 系列 第 31

技術 Day 31 - 遲來的鐵人賽心得

某人可能會遲到,但從不缺席 (沒x 失蹤很久了好嗎== 故事原點 在正式參加鐵人賽之前,我從不知道有這個活動,或者也可以說沒有真正的逛過iT邦幫忙這個網站。...

鐵人賽 Modern Web DAY 30
React.js 30 天學習全記錄 系列 第 30

技術 [ Day 30 ] 從 Vue.js 到 React.js 的完賽心得

第一次參加鐵人賽很開心真的能順利完賽啦!!!當初開賽前還想說參賽期間會經歷中秋節和雙十國慶的連假,以為會因此就鬆懈但是最後還是堅持下來了。現在回首覺得這三十天確...

鐵人賽 Modern Web DAY 29
React.js 30 天學習全記錄 系列 第 29

技術 [ Day 29 ] 實作一個 React.js 網站 5/5

今天是實作 React.js 網站的最後一篇介紹了,這篇會大量的使用到 React Hooks 的功能所以趕快一起來看該怎麼應用吧! 新增 Meetup 後重...

鐵人賽 Modern Web DAY 28
React.js 30 天學習全記錄 系列 第 28

技術 [ Day 28 ] 實作一個 React.js 網站 4/5

接續上一篇的 Layout 相關元件實作後,今天要來開發 React.js 網站的功能是表單設計的部分,因為我們希望能在網站中使用該表單新增新的 Meetup...

鐵人賽 Modern Web DAY 27
React.js 30 天學習全記錄 系列 第 27

技術 [ Day 27 ] 實作一個 React.js 網站 3/5

上篇我們已經完成了網站中 Navigation 的樣式和路由設定,今天我們要來設定網站中的其他元件,接著今天就要來實作其他的元件還有元件之間的資料處理。我們就馬...

鐵人賽 Modern Web DAY 26
React.js 30 天學習全記錄 系列 第 26

技術 [ Day 26 ] 實作一個 React.js 網站 2/5

延續昨天的內容,我們 React.js 專案的基本設定都已經完成了,今天就要來實作 Navbar 和樣式設定啦!那就馬上開始吧~ 新增頁面連結和 Naviga...

鐵人賽 Modern Web DAY 25
React.js 30 天學習全記錄 系列 第 25

技術 [ Day 25 ] 實作一個 React.js 網站 1/5

今天來到這次鐵人賽的最後一個章節:實作一個 React.js 的網站。這個網站會結合前面幾天所介紹過的 React.js 基礎來實作,所以在撰寫的同時也會一起複...

鐵人賽 Modern Web DAY 24
React.js 30 天學習全記錄 系列 第 24

技術 [ Day 24 ] React 中的樣式設定

今天要介紹的內容是如何在 React.js 中撰寫我們的 CSS 樣式?除了相關套件的應用之外,還有哪些方法可以實作呢? 在 React 中撰寫樣式的方法 下...

鐵人賽 Modern Web DAY 23
React.js 30 天學習全記錄 系列 第 23

技術 [ Day 23 ] Redux 中的核心概念

上一篇 Day 22 我們已經了解了何謂 Redux 以及該套件的三大原則,今天就要來為大家介紹在 Redux 這個套件中的核心概念及功能名詞介紹。 主要的概...

鐵人賽 Modern Web DAY 22
React.js 30 天學習全記錄 系列 第 22

技術 [ Day 22 ] React 中的 State 管理 - Redux

今天進入到全新的篇章 Redux 了!Redux 是 React.js 中很常拿來作為狀態管理使用的一個套件,在 Vue.js 的框架中也有一個 Vuex 是專...

鐵人賽 Modern Web DAY 21
React.js 30 天學習全記錄 系列 第 21

技術 [ Day 21 ] 路由管理 - React Router 2/2

在上一篇 Day 20 我們介紹了 React Router 的基本概念以及 React Router Dom 的三大類別元件的其中一個 Routes 的部分。...

鐵人賽 Modern Web DAY 20
React.js 30 天學習全記錄 系列 第 20

技術 [ Day 20 ] 路由管理 - React Router 1/2

在網頁開發技術蓬勃發展的現今,SPA ( Single Page Application )單頁式應用已經逐漸地取代過往從遠端伺服器載入多筆不同頁面的 MPA...

鐵人賽 Modern Web DAY 19
React.js 30 天學習全記錄 系列 第 19

技術 [ Day 19 ] 表單中的 Controlled Component

在網站開發時有時候會使用到表單的元件,而表單內大多是採用 input 的欄位來搜集使用者的資料的。因此對於該欄位內的值要如何取用就是我們今天要為大家介紹的內容:...

鐵人賽 Modern Web DAY 18
React.js 30 天學習全記錄 系列 第 18

技術 [ Day 18 ] 條件 Render - Conditional Rendering

在前面元件以及生命週期的章節中我們提過 render() 這個方法,而且有特別指出它是在 Class Component 所有生命週期當中唯一一個一定要使用的方...

鐵人賽 Modern Web DAY 17
React.js 30 天學習全記錄 系列 第 17

技術 [ Day 17 ] React 中的事件處理

結束了 React Hooks 的章節之後,今天要進入到網頁互動少不了的事件處理部分了。 在 React.js 當中針對 DOM 事件處理的方式和原本 Java...

鐵人賽 Modern Web DAY 16
React.js 30 天學習全記錄 系列 第 16

技術 [ Day 16 ] React Hooks 中的 useEffect

昨天介紹了在 Function Component 中該如何操作 state 的方法(附上傳送門),今天這篇要來為大家介紹的就是第二個較常用到的 React H...

鐵人賽 Modern Web DAY 15
React.js 30 天學習全記錄 系列 第 15

技術 [ Day 15 ] React Hooks 中的 useState

昨天 Day 14 跟大家介紹了 React Hooks 的基本概念之後,今天就要馬上帶大家來看第一個 Hook 函式: useState() 的用法囉~ u...

鐵人賽 Modern Web DAY 14
React.js 30 天學習全記錄 系列 第 14

技術 [ Day 14 ] 佳評如潮的 React Hooks

今天總算進入到了 React.js 中大名鼎鼎的 React Hooks 這個章節了! 這樣講可能很浮誇,但是當初在選擇框架學習時我就已經在搜尋引擎當中看到非常...

鐵人賽 AI & Data DAY 13

技術 [Day13] 以神經網絡進行時間序列預測 — GRU

今天介紹使用 GRU 進行時間序列預測,一樣採用我們最愛的股價資料集!! 今日大綱 GRU 介紹 門控機制 與 LSTM 比較 實作注意事項 GRU...

鐵人賽 Modern Web DAY 13
React.js 30 天學習全記錄 系列 第 13

技術 [ Day 13 ] React 的生命週期 - Unmounting

今天終於要進入到生命週期的最後一個階段: Unmounting 了!在元件要被卸載的這個階段會發生什麼事呢? Unmounting 卸載 一個 Compon...

鐵人賽 AI & Data DAY 12

技術 [Day12] 以神經網絡進行時間序列預測 — LSTM

本篇詳細介紹 LSTM 及如何以 LSTM 建模預測時間序列。 本日大綱 LSTM 介紹 LSTM 元件構成 LSTM 的分類 實作注意事項 資料集介...

鐵人賽 Modern Web DAY 12
React.js 30 天學習全記錄 系列 第 12

技術 [ Day 12 ] React 的生命週期 - Updating

今天要來進入到生命週期的第二個環節: Updating 更新,繼上篇的 Mounting 元件掛載階段中提到過有一個方法是在 Updating 階段也會出現的,...

鐵人賽 AI & Data DAY 11

技術 [Day11] 以神經網絡進行時間序列預測 — RNN

本篇詳細介紹 RNN 並使用它進行時間序列預測 本日大綱 RNN 介紹 激活函數 RNN 的分類 時間序列預測實作 資料集介紹/目標 套件導入 資料前...

鐵人賽 Modern Web DAY 11
React.js 30 天學習全記錄 系列 第 11

技術 [ Day 11 ] React 的生命週期 - Mounting

在 Class Component 的章節中我們提到過,它有別於 Function Component 的地方就在於 State 和生命週期( Lifecycl...

鐵人賽 AI & Data DAY 10

技術 [Day10] 以深度學習進行時間序列預測 — 概論

介紹完機器學習預測時間序列,接著連續幾篇要進入到深度學習的範疇。 我們會提到在時間序列預測的命題上,深度學習和機器學習的不同、優化的邏輯,並且整理有哪些神經網絡...

鐵人賽 Modern Web DAY 10
React.js 30 天學習全記錄 系列 第 10

技術 [ Day 10 ] setState() 的用法

上篇 Day 09 跟大家介紹了 State 為何?所以今天就要來看看如何利用 setState() 這個方法修改或更新 State 物件內的值囉。 setS...

鐵人賽 AI & Data DAY 9

技術 [Day9] 機器學習進行時間序列預測及注意事項(下)

(資料更新中,會盡快補上缺漏部分) 上集我們說明了迴歸分析和時間序列分析的差異、訓練時的注意事項;下集我們就來進行 Python 實作示範。 我們會對同一份資料...

鐵人賽 Modern Web DAY 9

技術 [ Day 09 ] State 是什麼?

在前面的篇幅中有提到, React.js 是採用元件式開發並可以設定每個元件不同的狀態( State )。所以今天我們就要帶大家來看看什麼是 State ?...

鐵人賽 AI & Data DAY 8

技術 [Day8] 機器學習進行時間序列預測及注意事項(上)

(資料更新中,會盡快補上缺漏部分) 第八篇我們進到機器學習的範疇。 說到用機器學習模型做時間序列預測,一定馬上想到把它當成迴歸問題對吧;不過呢,雖然時間序列預測...

鐵人賽 Modern Web DAY 8

技術 [ Day 08 ] 元件的資料傳遞 - Props

在 Day 06 和 Day 07 中,我們認識了 React.js 的兩個 Components : Function Component 和 Class C...