全端網站開發筆記:活用MERN技術, 打造制霸全球的動態網站, 開創六位數被動收入!

點閱:1

作者:柯昱丞(Ko)著

出版年:2024

出版社:博碩文化

出版地:新北市

集叢名:iThome鐵人賽系列書

格式:EPUB 版式

ISBN:9786263337701

EISBN:9786263338517 EPUB

分類:程式設計  

● 本書因出版社限制不提供朗讀功能

● 本書因出版社限制不提供繁簡轉換功能

馬上看!不用等預約。
借閱說明
誰說獨自開發軟體不可能,
現在就教您怎麼獨自完成的價值數十萬產品!
 
  本書是寫給有一點 JavaScript 基礎並想自己掌握網站前後端的人,且在幾乎零成本的情況下,做出一個自己能夠掌握客戶資料與實際運作的動態網站,就如同業界從零到一開發軟體一樣,並在練習時掌握各種觀念與架構,包括設計美感的培養與程式語言邏輯的脈絡,最終產生一個能夠被部署到網路上、被 Google 搜尋到的網站,為自己產生源源不絕的被動收入與邁進 solo 創業之路!
 
  【重點說明】
  ☑ 軟體設計指南:內涵 UI 刻板與 React 實作
  ☑ 產品資料建立:MongoDB 資料庫快速入門
  ☑ 動態網站實作:前後端串連 RestFulAPI
  ☑ 適合自學創業:程式小白 / 初學者友善打造實用基礎
 
本書特色
 
  1. 從 UI 中練習 SCSS 實作與配置原理探索
  大量切版練習可以讓不熟 CSS 的你了解軟體是如何被打造的,學會 SCSS 的巢狀結構,之後學習更進階 Tailwind CSS 等其他 styling 技術都能通用。
 
  2. 深入前端 Hook 與特效應用
  透過在傳遞資料鏈和特效實作的過程中,你將能深入了解 React hook 的用法。一方面做出與模板網站不同的介面,一方面更了解 React 框架應用。
 
  3. 後端打造和保護你的資料
  從基礎開始,我們將探索如何架設 Restful API,實現 CRUD 操作——即建立、讀取、更新和刪除資料。此外,我們也會深入了解如何設立專屬的會員制度,這不僅使你能夠第一手掌握和保護資料,並且確保它們透過JWT得到妥善加密。最後,我們還將設置管理員功能,以防止不當存取或資料竊取。
 
  4. 線上與線下技術的完美融合
  透過 20 個詳細的實作進度版本,我們從每一章的前端開發探索到後端開發,最後到前後端的順暢串連。無論你是在路途中怕忘記某個步驟、只想專注於 API 的開發,或是希望加強串接技巧,這裡都提供了完整的指導。當你完成這一路程,你將擁有一個功能完善的網站!
 
專業推薦
 
  《全端網站開發筆記》結合實踐、觀念和實例,特別適合那些希望深入了解軟體開發的初學者。—Wesley Hsu|Podcast 「幣須送外賣」主持人 / 愛錄不錄工作室負責人
 
  這本書不僅滿足了我想學習開發專案的需求,更為我提供了實際的保母級操作教學,使我能夠更自信、更有能力地應對日益複雜的產品開發挑戰。—鄭達玄|Blockchain 產品經理
 
  我會說這本書不僅僅是一本技術手冊,更像是一場深度學習之旅。作者深入淺出地解釋了 MERN Stack 的每個元件開發過程,並通過豐富的圖片和圖表精心呈現程式碼和學習中的思維。—Kevin Liao|資深後端工程師
 
  作者不僅在書中闡述了 MERN Stack 的開發過程及習過程中所遇到的困難和挑戰,且每一步複雜的技術都有圖文解釋,使讀者可以更容易的閱讀,並理解問題,解決問題,亦使讀者能學習到解決方法,也對內容更有印象。—Lawrence|開拓者行銷 技術總監
作者簡介
 
柯昱丞(Ko)
 
  台灣大學工商管理系畢業。靠自學網站開發並參與各項創業競賽累積創業經驗。在畢業後,從業前端到至今,目前就職區塊鏈公司前端,擁有 TypeScript (ES6+) 和 React 18+ 與後端開發經驗。著重於電商相關的開發功能和用戶界面,對前、後台等動態網站有豐富的經驗,也最喜歡零到一的開發過程。此書為此特別設計給想要直接實作累積經驗的程式小白,內含 580 張豐富的圖文操作解說,還有線上資源可以客製化做出自己的產品,使任何人都可以零成本進行網站和應用程式的開發。
  • 書封
  • 目錄
  • 推薦序
  • 感謝
  • [Chapter 1] 了解軟體前後端概念、各式專有名詞與開發流程
  • [Chapter 2] 架設環境、npm指令與建立React App
  • [Chapter 3] SCSS與Component首頁概念圖與UI實作
  • [Chapter 4] useState介紹與其條件搜尋功能
  • [Chapter 5] 介面訂房網的功能開發與最佳實作
  • [Chapter 6] Hotels List Page製作與Page分頁資料連接
  • [Chapter 7] useRef與Gsap介紹Hotel Page與Grid
  • [Chapter 8] 後端篇章Node.js API串接資料庫實作
  • [Chapter 9] API 串接、建立Schema與了解CRUD
  • [Chapter 10] 讀取、更新、修改、刪除 API建立
  • [Chapter 11] Room / Hotel非關聯式資料串接應用
  • [Chapter 12] User註冊、登入常見會員制API
  • [Chapter 13] 會員制授權認識Cookie與JWT
  • [Chapter 14] 前、後端串接ClientSide API與UI介面連接
  • [Chapter 15] NoSQL資料爬梳應用Filter與Query
  • [Chapter 16] Context API教學實作前台建立會員制
  • [Chapter 17] Reducer與dispatch應用
  • [Chapter 18] SearchItem搜尋欄查詢真實資料的實作
  • [Chapter 19] Reservation儲存客戶行為
  • [Chapter 20] 建立Order訂單完成訂房手續
  • [Chapter 21] 完成訂房功能
同書類書籍