iT邦幫忙

K.o
iT邦新手 4 級 ‧ 點數 360
Sphere 台灣大學工商管理學系科技管理組
17225
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

鐵人鍊成 ｜ 共 30 篇文章 ｜ 137 人訂閱 訂閱系列文 RSS系列文
1 Like 0 留言 4672 瀏覽
DAY 11

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

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

2022-09-26 ‧ 由 K.o 分享
3 Like 0 留言 5856 瀏覽
DAY 12

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

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

2022-09-27 ‧ 由 K.o 分享
2 Like 0 留言 5841 瀏覽
DAY 13

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

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

2022-09-28 ‧ 由 K.o 分享
1 Like 0 留言 7423 瀏覽
DAY 14

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

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

2022-09-29 ‧ 由 K.o 分享
2 Like 0 留言 6335 瀏覽
DAY 15

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

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

2022-09-30 ‧ 由 K.o 分享
1 Like 0 留言 5304 瀏覽
DAY 16

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

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

2022-10-01 ‧ 由 K.o 分享
3 Like 1 留言 6989 瀏覽
DAY 17

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

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

2022-10-02 ‧ 由 K.o 分享
1 Like 0 留言 8648 瀏覽
DAY 18

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

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

2022-10-03 ‧ 由 K.o 分享
1 Like 0 留言 6451 瀏覽
DAY 19

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

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

2022-10-04 ‧ 由 K.o 分享
1 Like 0 留言 5948 瀏覽
DAY 20

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

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

2022-10-05 ‧ 由 K.o 分享
K.o的鐵人檔案
K.o的收藏
K.o的追蹤
K.o的Like
K.o的紀錄
K.o的訂閱列表