iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

二、資料庫(mysql)。

三、進入Javascript、react。

四、nft網站架構。

五、成果展示。

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

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

DAY11-JavaScript(一)

前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...

2021-09-23 ‧ 由 Cooksuhr 分享
DAY 12

DAY12-JavaScript(二)

前言: 昨天我們介紹了JavaScript幾個最基本的用法,今天我打算來介紹JavaScript是如何跟網頁做互動的!這裡阿森來講一下JavaScript在操...

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

DAY13-JavaScript實作網頁小遊戲

前言: 昨天介紹完了一些簡單的應用,今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲,相信透過這個過程大家可以更清楚JavaScript的使用邏輯。...

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

DAY14-React Overview

前言: 在經過兩個禮拜的內容後,相信大家對寫網頁也有一定的基礎了吧!這兩個禮拜我們介紹很了多很好用的工具,像是php, Mysql, JavaScript等等...

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

DAY15-React to React

前言: 上一篇我們講了如何建立你的第一個React網頁,那今天阿森會介紹我們寫網頁會用到怎樣的架構,就讓我們開始吧! 示範網頁: 這裡就拿我之前寫過的網也來當...

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

DAY16-Style Components

前言: 今天我們要來介紹React裡很強大的一個工具!沒錯就是Style Components!廢話不多說,我們直接開始吧! 這是什麼鬼東東: Style C...

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

DAY17-MERN

前言: 在大致介紹完React的特性後,我們要延伸聊聊用React寫網頁時,最好用的前後端架構,MERN。 MERN其實是由四個不同的東西,各取第一個字母拼湊...

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

DAY18-Mongo db atlas realm

前言: 昨天我們介紹了如何使用Mongodb atlas的一些最基本的功能,今天我們要更進一步介紹怎麼使用realm、怎麼寫出簡單的api,以及將架在Realm...

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

DAY19-網站構思之figma(一)

前言: 接下來就要進入網頁構思的階段了,在開始寫網站之前,如同畫畫一樣,一定都需要先打一個草稿,除了讓之後寫code可以有一個方向,也可以先預覽看看之後網站的...

2021-10-01 ‧ 由 Cooksuhr 分享
DAY 20

DAY20-網站構思之進階figma

前言: 昨天我們使用了幾個基本的方法設計了網頁的首頁,今天阿森要來進一步介紹一些figma prototype的功能,讓我們最佳化figma預覽的效果,也就是...

2021-10-02 ‧ 由 Cooksuhr 分享