iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

1995到2021,php到react網站開發歷程 系列

這次我與我們幾個組員參賽的主要目標是完成一個由react架構起來的nft網站,而我會就我負責的部分,也就是前端跟一點後端來做介紹,順序部份我認為直接從react開始講起可能會太難懂,所以這30天應該會從一些最基本的網站架構技巧開始講起,各重點大概如下:

一、前端基礎(html, php, css)。

二、資料庫(mysql)。

三、進入Javascript、react。

四、nft網站架構。

五、成果展示。

希望可以從這些重點一步一步向各位介紹網頁的架構和方法!

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊Obit0 Studio
DAY 1

DAY1-凡事起頭難

前言: 總共104天的暑假要到來~離開學日子還很遙遠我們這一個世代每天都要面對如何用力痛快的 學習! 沒錯,就是要學習!如果你也不想每天在家耍廢變成一團爛泥的...

2021-09-13 ‧ 由 Cooksuhr 分享
DAY 2

DAY2-必先利其器

前言: 看完了Day1的介紹後,大概可以知道接下來30天會用到的語言有:html、php、css、mysql、javascript、react等,所以今天會介紹...

2021-09-14 ‧ 由 Cooksuhr 分享
DAY 3

DAY3-HTML一定要配CSS

前言: 就像吃藥一定要配溫開水一樣,html一定要配CSS! (貼心提醒:有些藥如果配溫開水其實是會造成反效果的!可以點進下方報導看一下~ https://t...

2021-09-15 ‧ 由 Cooksuhr 分享
DAY 4

DAY4-比CS更好玩的CSS

前言: 昨天的進度中,我們大致完成了一個由HTML建構起來的網站,只是看起來真的是太陽春了。今天我們就透過CSS來加上一些會動又好看的特效吧! 我CSS有龍炮...

2021-09-16 ‧ 由 Cooksuhr 分享
DAY 5

DAY5-PHP這是什麼老東西

前言: PHP(Hypertext Preprocessor)作為網頁開發的先驅,可是不知道是因為這個名子很有上世紀的美感或是已經太廣泛被使用十幾年,導致大家...

2021-09-17 ‧ 由 Cooksuhr 分享
DAY 6

DAY6-我的SQL

前言: 上一篇文章中,我們最後完成了一個簡單的網頁留言版,主要是使用php的GET方法來進行資料的抓取與傳遞,但是由於我們沒有給他一個用來儲存資料的地方,所以...

2021-09-18 ‧ 由 Cooksuhr 分享
DAY 7

DAY7-PHP和MYSQL(一)

前言: 在昨天的內容中我們大致介紹了什麼是SQL以及一些Mysql的用法,那今天的目標就是要來把資料庫和網頁搭上線囉!搭上線之後我們留言版功能應該就算完成了呢...

2021-09-19 ‧ 由 Cooksuhr 分享
DAY 8

DAY8-PHP和MYSQL(二)

前言: 昨天我們成功建立了php網頁和mysql資料庫的連線,讓我們順利的把一些使用者填寫的資料送到資料庫,今天我要來介紹如何讀取這些資料並且在網頁上秀出,同...

2021-09-20 ‧ 由 Cooksuhr 分享
DAY 9

DAY9-OH CRUD.

前言: 上一篇的最後我們提到今天要來補完Update和Delete,可是阿森不想讓所有人都可以控制我們的留言,這時候就會需要用到一個登入系統,讓網頁知道誰是老...

2021-09-21 ‧ 由 Cooksuhr 分享
DAY 10

DAY10-小型成果發表

前言: 今天要來讓大家做一個小型的成果發表,看完接下來的內容後,希望大家都可以學到怎麼讓大家連上你辛苦建立的網站。 那這裡阿森打算介紹最簡單也最快的ngrok...

2021-09-22 ‧ 由 Cooksuhr 分享