iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

連我阿公都會-手把手教你架網站 系列

本篇鐵人賽,我將會手把手從HTML、CSS、Javascript,Javascript到React,前端到後端,從0開始架一個輕量級的網頁!!!

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊最強資工大電神
DAY 21

【Day21】前端框架淺談&React環境

在寫了數個的純前端的專案後,我們會發現,每個專案幾乎都會寫到一樣的東西。為了方便,從以前的專案copy一些元件套用在新的專案上是常有的事,但又要因應新專案而反覆...

2023-10-06 ‧ 由 ttdragon0722 分享
DAY 22

【Day22】淺談 React.js(1)React基本構成 & 語法

在上一篇的教學中,我們成功建立了一個React的專案。建立完畢後,會發現我們的檔案資料夾突然多了好多沒看過的東西: 慘了,完全看不懂——沒關係!接下來將帶您認...

2023-10-07 ‧ 由 ttdragon0722 分享
DAY 23

【Day23】淺談 React.js(2)React動態生成

在上一天中,我們了解到React中的元件構成和基礎語法,今天,我們要一同探索的是 ── 更便捷的生成語法! 動態生成 在介紹jQuery的篇章中我們曾提過,我...

2023-10-08 ‧ 由 ttdragon0722 分享
DAY 24

【Day24】淺談 React.js(3)React useState & useEffect

介紹完React的動態生成後,本篇將帶您進入到React Hook的領域。 甚麼是React hook?簡單來說,它是一種React的函數,可以讓您在無需使用c...

2023-10-09 ‧ 由 ttdragon0722 分享
DAY 25

【Day25】淺談 React.js(4)公共元件 & 頁面跳轉 Router

在碰到純前端的大專案時,專案內有許多頁面是必然的。都是在同個專案,當頁面跳轉時,想必也都會使用到相同的元件。但是,在創建新頁面時,我們不僅要複製多個元件,甚至是...

2023-10-10 ‧ 由 ttdragon0722 分享
DAY 26

【Day26】Python速成班

本日的主題與前面數十篇有所不同,我們要介紹的是 ── Python!您可能有著相同的疑惑,原來大名鼎鼎的蟒蛇跟網頁也有關係嗎?帶著您的好奇,我們將會在日後的篇章...

2023-10-11 ‧ 由 ttdragon0722 分享
DAY 27

【Day27】Python函數修飾器(@Decorator)

在了解完Python的基本語法與功用後,今日我們將要來探討Python中的函式修飾器,因為在後續有關網頁的flask中會使用到該方法,提前了解之後便能更好上手!...

2023-10-12 ‧ 由 ttdragon0722 分享
DAY 28

【Day28】Flask基本架構

在大概摸索Python的基本語法和函式修飾器後,我們今天終於可以回歸正題 —— 使用Python架設一個輕量級的網頁後端伺服器! 我們今天要接觸的東西名為Fla...

2023-10-13 ‧ 由 ttdragon0722 分享
DAY 29

【Day29】Flask請求 & 表單實作

昨日了解完Flask的安裝至頁面跳轉、動態生成等內容後,今天我們要更深入介紹Flask的請求和表單製作! Flask請求 在學習請求前,我們要先了解HTTP方...

2023-10-14 ‧ 由 ttdragon0722 分享
DAY 30

【Day30】後記:鐵人煉成,然後呢?

若您與我成功熬過了這三十天的內容,並且實際上手練習、吸收進去的話 ── 那麼恭喜您!您肯定已經具備著一定的網頁設計實力了。 不過呢,這三十天的內容都只教了些基礎...

2023-10-15 ‧ 由 ttdragon0722 分享