iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

「全端挑戰」useRef與gsap介紹與應用,hover彈跳comment視窗與Slider 滑動banner特效

Day11 自己做一個價值幾十萬的動態網站 第十一課:useRef與gsap介紹與應用,hover彈跳comment視窗與Slider 滑動banner特效...

2022-09-26 ‧ 由 K.o 分享
DAY 12

「全端挑戰」node.js Api介紹與實作、async function 與try{} catch介紹

Day12 自己做一個價值幾十萬的動態網站 第十二課:新的開始 學習資料連動Api串接node.js Api介紹與實作、async function 與try{...

2022-09-27 ‧ 由 K.o 分享
DAY 13

「全端挑戰」 express用法 建立Api schema CRUD 的練習與熟悉 part1

Day13 自己做一個價值幾十萬的動態網站 第十三課:Api串接 建立schema CRUD的練習與熟悉 part1 了解Api route連接 與expres...

2022-09-28 ‧ 由 K.o 分享
DAY 14

「全端挑戰」 (req, res, next) next()等多種用法 ,Api串接CRUD的練習與熟悉 part2

Day14 自己做一個價值幾十萬的動態網站 第十四課:Api串接 CRUD的練習與熟悉 part2 前一天我們搞定了mongoDB的連接,與了解到了Api基本的...

2022-09-29 ‧ 由 K.o 分享
DAY 15

「全端挑戰」雙重try{}catch{}、認識Promise.all()與mongoDB母資料與子資料$push串接方式

Day15 自己做一個價值幾十萬的動態網站 第十五課:完成需要授權前的hotel room user Api part1 前一天我們完成了CRUD 讀取、更新、...

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

「全端挑戰」User Api CRUD 與條件子句設置,bcrypt.js加密使用者密碼過程

Day16 自己做一個價值幾十萬的動態網站 第十六課:完成需要授權前的hotel room user Api part2 昨天完成了hotel跟room的相關A...

2022-10-01 ‧ 由 K.o 分享
DAY 17

「全端挑戰」會員制授權、callback function、認識cookie與JWT TOKEN介紹

Day17 自己做一個價值幾十萬的動態網站 第十七課:完成需要會員制授權與認識cookie與JWT TOKEN懶人包 挑戰設立管理員admin並認識token與...

2022-10-02 ‧ 由 K.o 分享
DAY 18

「全端挑戰」 proxy與同源設置、全端串接axios與useEffect介紹實作

Day18 自己做一個價值幾十萬的動態網站 第十八課:新篇章將api與clientSide網站UI介面連接 前一天我們完成了nodejs的Api架設,現在開始我...

2022-10-03 ‧ 由 K.o 分享
DAY 19

「全端挑戰」 req.query與Array的查詢實作,全端串接新Api、練習props資料傳輸關係

Day19 自己做一個價值幾十萬的動態網站 第十九課:新篇章將api與clientSide網站UI介面連接 前一天我們了解到了axios,如何在介面與Api幫我...

2022-10-04 ‧ 由 K.o 分享
DAY 20

「全端挑戰」提升使用者體驗,Skeleton Loading與@keyframes的應用與介紹

Day20 自己做一個價值幾十萬的動態網站 第二十課:useFetch的loading特效應用 前一天我們都順利地使用了useFetch來抓取我們要的資料,提到...

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