iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

自己做一個價值幾十萬的動態網站,學會Mern開發、前台UI設計各式觀念與各式Lib、typescript你該學會的前端技術 系列

做中學,學中做,直接實作出訂房網的Mern網站,分享為給有一點JavaScript基礎並想自己掌握網站前後端幾乎零成本的情況下,能夠有客戶資料與實際運作的動態網站,並在其中自我練習的紀錄,包括設計美感的培養與語言上邏輯的脈絡,自己一步一步從零到一的實踐出來!目標完全理清各種框架語法概念、完成api串接到後台TS網站管理串接,將每個單元中各Lib的用法做解說並deploy web上線,如果篇幅允許,並在其後台中講解如何傳接前後台來完成project,並開始訓練其協同合作,相關MERN開發與nodejs應用會以簡報淺顯易懂的方式來解說,讓大家都可以成為看著學從零到一變成前端到全端的工程師!

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

「全端挑戰」認識Context Api並完成註冊、登入創建會員制

Day21 自己做一個價值幾十萬的動態網站 第二十一課:Context Api教學實作與介紹part1 github Day21~23完成的連結 前一天我們完成...

2022-10-06 ‧ 由 K.o 分享
DAY 22

「全端挑戰」dispatch與payload上傳、讀取操作,contextApi與localstorage的配合

Day22 自己做一個價值幾十萬的動態網站 第二十二課:Context Api串接至component實作與介紹part2 github Day21~23完成的...

2022-10-07 ‧ 由 K.o 分享
DAY 23

「全端挑戰」搜尋價格區間Api、前後端的query應用、useFetch與useEffect的配合

Day23 自己做一個價值幾十萬的動態網站 第二十三課:SearchItem搜尋欄filter真實資料的實作 query得各種混合應用 github Day21...

2022-10-08 ‧ 由 K.o 分享
DAY 24

「全端挑戰」useLocation.pathname應用,optionsContext資料同步更新、空房情況UI設計與串接room顯示資料

鐵人賽 Day24自己做一個價值幾十萬的動態網站 第二十四課:resveration 將optionsContext條件行為計算後,同步更新到各個需要的comp...

2022-10-09 ‧ 由 K.o 分享
DAY 25

「全端挑戰」Mui與framerMotion特效介紹,創建新model,Order訂房下單Api與CheckBox函數紀錄表單useState

鐵人賽 Day25自己做一個價值幾十萬的動態網站 第二十五課:收尾與創建order訂單完成訂房手續 part1 訂房操作限制,防呆機制需查詢時間才能觀看更多房間...

2022-10-10 ‧ 由 K.o 分享
DAY 26

「全端挑戰」useState的re-render執行時間與useEffect配合、new Date與getTime的宣告

鐵人賽 Day26自己做一個價值幾十萬的動態網站 第二十六課:收尾與創建order訂單完成訂房手續 part2 昨天處理好了handleCheckBox讓我們可...

2022-10-11 ‧ 由 K.o 分享
DAY 27

「全端挑戰」TypeScript與Tailwindcss介紹,後台介面架設篇章

鐵人賽 Day27自己做一個價值幾十萬的動態網站 第二十七課:最後篇章也是最後TypeScript與後台介面架設介紹 再進入後台介面製作與講解前,我們可以先來了...

2022-10-12 ‧ 由 K.o 分享
DAY 28

「全端挑戰」TypeScript,Tailwind css Config與後台介面與資料串接管理

鐵人賽 Day28自己做一個價值幾十萬的動態網站 第二十八課:最後篇章也是最後TypeScript與後台介面與資料串接管理part1 前言:這邊因為是新篇章也...

2022-10-13 ‧ 由 K.o 分享
DAY 29

「全端挑戰」後台介面與資料串接管理,Api爬梳nosql類資料

鐵人賽 Day29自己做一個價值幾十萬的動態網站 第二十九課:後台介面與資料串接管理,Api爬梳nosql類資料 part2 前一天我們完成了簡單的資料串接,而...

2022-10-14 ‧ 由 K.o 分享
DAY 30

連接創建管理hotel user room頁面挑戰 能修改與新增的UI視窗與完賽感言

鐵人賽 Day30 自己做一個價值幾十萬的動態網站 最後一課:連接創建管理hotel user room頁面挑戰 能修改與新增的UI視窗與完賽感言最後一天就附上...

2022-10-15 ‧ 由 K.o 分享