週五加碼
 
全端網站開發筆記：活用MERN技術，打造制霸全球的動態網站，開創六位數被動收入！ (電子書)

電子書全端網站開發筆記：活用MERN技術，打造制霸全球的動態網站，開創六位數被動收入！ (電子書)

作者：
柯昱丞（Ko）
出版社：
博碩文化股份有限公司
出版日期：
2024/03/07
刷誠品聯名卡，天天享最高7%回饋
88
570501
此商品享ShopBack 0.5%回饋;不適用於誠品分潤計劃、美安等現金回饋機制
誰說獨自開發軟體不可能，
現在就教您怎麼獨自完成的價值數十萬產品！


本書是寫給有一點 JavaScript 基礎並想自己掌握網站前後端的人，且在幾乎零成本的情況下，做出一個自己能夠掌握客戶資料與實際運作的動態網站，就如同業界從零到一開發軟體一樣，並在練習時掌握各種觀念與架構，包括設計美感的培養與

內容簡介

誰說獨自開發軟體不可能，
現在就教您怎麼獨自完成的價值數十萬產品！


本書是寫給有一點 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｜開拓者行銷 技術總監
展開看更多

產品目錄

[Chapter 1] 了解軟體前後端概念、各式專有名詞與開發流程
Frontend / Backend / MERN / Development Process

[Chapter 2] 架設環境、npm指令與建立React App
create-react-app / React App

[Chapter 3] SCSS與Component首頁概念圖與UI實作
SCSS / CSS / SASS / UI

[Chapter 4] useState介紹與其條件搜尋功能
useState / SearchBar / Calendar / Operator

[Chapter 5] 介面訂房網的功能開發與最佳實作
Best Practices / Implementation

[Chapter 6] Hotels List Page製作與Page分頁資料連接
react-router-dom / Hotels List Page

[Chapter 7] useRef與Gsap介紹Hotel Page與Grid
Hotel Page / CSS Grid / useRef / Animation

[Chapter 8] 後端篇章Node.js API串接資料庫實作
MongoDB / RestFul API / Node.js

[Chapter 9] API串接、建立Schema與了解CRUD
Api / Schema / CRUD

[Chapter 10] 讀取、更新、修改、刪除API建立
API / CRUD / insomnia

[Chapter 11] Room / Hotel非關聯式資料串接應用
Room / Hotel / NoSQL Data

[Chapter 12] User 註冊、登入常見會員制API
useApiRoutes / AuthApiRoutes

[Chapter 13] 會員制授權認識Cookie與JWT
Cookie / JWT / Token / Admin

[Chapter 14] 前、後端串接ClientSide API與UI介面連接
Connect / Axios / useEffect / Proxy

[Chapter 15] NoSQL資料爬梳應用Filte與Query
Filter / Query / Req / Res

[Chapter 16] Context API教學實作前台建立會員制
ContextAPI / Reducer / Auth

[Chapter 17] Reducer與dispatch應用
Provider / Reducer / Dispatch

[Chapter 18] SearchItem搜尋欄查詢真實資料的實作
Query / useFetch / SearchItem / Skeleton Loading

[Chapter 19] Reservation儲存客戶行為
optionsContext / Reservation

[Chapter 20] 建立Order訂單完成訂房手續
Order / Reservation / Mui / FramerMotion

[Chapter 21] 完成訂房功能
Order / Reservation

作者介紹

柯昱丞（Ko）

台灣大學工商管理系畢業。靠自學網站開發並參與各項創業競賽累積創業經驗。在畢業後，從業前端到至今，目前就職區塊鏈公司前端，擁有 TypeScript (ES6+) 和 React 18+ 與後端開發經驗。著重於電商相關的開發功能和用戶界面，對前、後台等動態網站有豐富的經驗，也最喜歡零到一的開發過程。此書為此特別設計給想要直接實作累積經驗的程式小白，內含 580 張豐富的圖文操作解說，還有線上資源可以客製化做出自己的產品，使任何人都可以零成本進行網站和應用程式的開發。

規格

誠品貨碼 / 2682773392001
ISBN13 / 9786263337701
ISBN10 /
EAN貨碼 / 9786263338517
頁數 / 374
語言 / 1:中文/繁體
級別 / N:無
檔案格式 / PDF(148MB)
檔案匯出格式 / PDF 提供 Adobe DRM
TTS朗讀 / EPUB不提供TTS朗讀

退貨說明

退貨須知：

  1. 依照消費者保護法的規定，您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意！猶豫期非試用期)，辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
  2. 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當，若原紙箱已遺失，請另使用其他紙箱包覆於商品原廠包裝之外，切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度，本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費；請您先確認商品正確、外觀可接受，再行拆封，以免影響您的權利；若為產品瑕疵，本公司接受退貨。

依「通訊交易解除權合理例外情事適用準則」，下列商品不適用七日猶豫期，除產品本身有瑕疵外，不接受退貨：

  1. 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
  2. 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
  3. 報紙、期刊或雜誌。
  4. 經消費者拆封之影音商品或電腦軟體。
  5. 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。(如:電子書)
  6. 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
  7. 國際航空客運服務。

若您退貨時有下列情形，可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費)，或影響您的退貨權利，請您在拆封前決定是否要退貨：

  1. 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
  2. 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
  3. 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
  4. 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
  5. 家電、3C、畫作、電子閱讀器等商品，除商品本身有瑕疵外，退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
  6. 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送