iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

跳脫MVC,Laravel + React 建立電商網站 系列

這系列的挑戰沒意外會分三個主題進行,React、Laravel 以及最後想做出一個成品:期望將兩個框架合併做出一個簡易的電商網站。
React 本身需要具備非常基礎的html以及JS觀念,如果從細節開始記錄就寫不完了XD,因此只會"稍微"提到用到的前端基本觀念

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01 前言 + React + Laravel

前言 當初決定這個主題的原因是因為目前都是使用單純的MVC框架,因此幫自己設立這個挑戰,期望自己可以在30天內將新學習到的技術做成一個小Project。這3...

2022-09-05 ‧ 由 bennett 分享
DAY 2

Day 2 關於NPM,先從node開始

從Node出發 原本規劃今天要開始使用NPM,但我後來發現要先從 Node 開始。 所以在開始用NPM之前,我先稍微介紹一下Node,day2的部分就先來安裝N...

2022-09-06 ‧ 由 bennett 分享
DAY 3

Day 3 利用NPM來建立React範例

我們今天要接下來繼續原本的NPM話題 這裡會有個疑問:為甚麼我們要用npm之前還要先安裝node呢?在w3school介紹NPM的地方有提到 npm is in...

2022-09-07 ‧ 由 bennett 分享
DAY 4

Day 4 解讀React 範例

因為接下來是連假,下班之後要回老家,所以今天就比較早發文章~ 昨天已經把前置作業做完了,接下來我們來解讀一下範例,搞不好沒有想像中的那麼難~首先我們將專案打開,...

2022-09-08 ‧ 由 bennett 分享
DAY 5

Day 5 動手操作看看React

今天終於要正式進入到React的世界了 首先在操作React之前,我們先到chrom下載插件的地方,下載一個很棒棒的插件,這個插件可以幫助我們判斷畫面是不是Re...

2022-09-09 ‧ 由 bennett 分享
DAY 6

Day 6 動手操作看看React - 2 (柬埔寨完結)

昨天我們剩下Right.js還沒建立,因此這裡來建立Right.js今天的進步目標是右邊寫一個 報名表 Post給PHP存進後端資料庫這裡原本要使用form P...

2022-09-10 ‧ 由 bennett 分享
DAY 7

Day 7 React Element、Component and Prop

不知不覺就進展到第七天了,今天的目標是透過官方文件來理解React最基本的概念。官方文件把這裡的東西拆成兩篇文章來講,但我覺得要一次讀完比較容易理解。 Elem...

2022-09-11 ‧ 由 bennett 分享
DAY 8

Day 8 React State

今天要進入到react的"狀態",時間安排上看起來有點來不及,後面關於react的篇幅會做一些縮減(因為還有Laravel),不然可能沒時間...

2022-09-12 ‧ 由 bennett 分享
DAY 9

Day 9 關於React的其他特性 -1

昨天有說到因為篇幅的問題,接下來的官方文件學習之路腳步會有所加快,廢話不多說 馬上進入正題。 Event 有接觸過Jquery或原生JS的同學們對於事件處理一定...

2022-09-13 ‧ 由 bennett 分享
DAY 10

Day 10 React的其他特性 -2

終於進展到第10天了(終於過1/3),每天回家就是寫文章,尤其是在有正職工作的情況下邊學邊寫真的非常耗費心力,這也算是一種另類的挑戰吧XD,感覺牙一咬 自己就會...

2022-09-14 ‧ 由 bennett 分享