iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

達標好文 「全端挑戰」學習Mern全端開發概念與動態網站開發流程懶人包

鐵人賽 Day1 自己做一個價值幾十萬的動態網站 第一課:學習Mern全端開發概念與開發流程 1.前言: 此分享為給有一點JavaScript基礎並想自己掌握網...

2022-09-16 ‧ 由 K.o 分享
DAY 2

「全端挑戰」架設環境、了解npm指令、React與React Dom與創建第一個ReactApp

鐵人賽 Day2 自己做一個價值幾十萬的動態網站 第二課:架設環境、了解npm指令與創建第一個ReactApp 自己做一個價值幾十萬的動態網站,開始實作前的準備...

2022-09-17 ‧ 由 K.o 分享
DAY 3

「全端挑戰」了解Scss與React Component與首頁概念圖與UI實作

鐵人賽 Day3 自己做一個價值幾十萬的動態網站 第三課:了解Scss與React Component與首頁概念圖與UI實作 part1 Css與Scss差在哪...

2022-09-18 ‧ 由 K.o 分享
DAY 4

「全端挑戰」Scss與React Component的動態實作Navbar與Header

鐵人賽 Day4 自己做一個價值幾十萬的動態網站 第四課:了解Scss與React Component與首頁概念圖與UI實作 part2 前言Day3 Gith...

2022-09-19 ‧ 由 K.o 分享
DAY 5

「全端挑戰」製作動態網站第一步從了解useState與它的用法開始

鐵人賽 Day5 自己做一個價值幾十萬的動態網站 第五課:了解useState與完成在SearchBar與其介面上part1 前情提要,前兩天Day3~4我們完...

2022-09-20 ‧ 由 K.o 分享
DAY 6

「全端挑戰」使用useState製作彈跳視窗、製作Calendar與各種互動介面

鐵人賽 Day6 自己做一個價值幾十萬的動態網站 第六課:實作useState與完成在SearchBar的彈跳視窗上part2 利用useState製作彈跳視窗...

2022-09-21 ‧ 由 K.o 分享
DAY 7

「全端挑戰」React props、Array.map應用與feature資訊主體設置

Day7 自己做一個價值幾十萬的動態網站 第七課:homePage主體feature製作包括資訊廣告、飯店排行與熱門景點先附上 Day5~7.version完成...

2022-09-22 ‧ 由 K.o 分享
DAY 8

「全端挑戰」熱門產品排行製作、了解react-router-dom、props與 ` ? : ` 的搭配

Day8 自己做一個價值幾十萬的動態網站 第八課:完成homePage主體feature、Announcement其他首頁components,並創造連接新分頁...

2022-09-23 ‧ 由 K.o 分享
DAY 9

「全端挑戰」單向資料傳遞useLocation與useNavigate實作與介紹,完成homeListPage與其props應用

Day9 自己做一個價值幾十萬的動態網站 第九課:單向資料傳遞useLocation與useNavigate實作與介紹,完成homeListPage與其prop...

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

「全端挑戰」了解Css Grid介紹與應用,/:id 與params產品id分頁

Day10 自己做一個價值幾十萬的動態網站 第十課:了解Css Grid介紹與應用,/:id 與params,完成製作hotel Page bookingcha...

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