手把手從零打造企業級電商平臺 - 前端實戰

首次推出完整大型電商平臺的前端專案，手把手帶你打造一套前後端完全分離、分層架構設計、模組化開發的前端線上電商專案，並講解與服務端真實資料的對接，讓你掌握一線網際網路前端開發的經驗和技巧。[已更新完整]

適合人群及技術儲備要求

本課程非常適合剛進入IT行業的畢業生或初、中級前端攻城獅

為了更順利的完成本課程，你需要具備以下技能：

基本的HTML，JavaScript，CSS， jQuery基礎

CommonJs設計規範

模組化概念

高階前端開發工程師

Rosen

曾任職360雲事業部高階前端開發工程師

去哪兒國際酒店前端負責人

某C輪創業公司前端架構及前端負責人

初中級工程師導師、招聘面試官

熱愛前端技術的研究與分享，多年一線架構設計和開發經驗，對jQuery、Angular、

React等各種前端框架有豐富的專案實戰經驗，擅長SEO和資料分析等，是一個十足的技

術咖。

不管你是前端開發者，還是後端開發者，都應該擁有至少一個高質量的完整線上作品，

來吧，一起開啟愉快的學習之旅吧!

課程目錄：

第1章 課程介紹與開發前的準備工作

本章中會先讓大家瞭解課程整體情況，然後手把手帶大家做一些開發前的準備工作。(Java服務端課程：

第2章 開發環境搭建與開發工具使用技巧

本章會手把手帶大家搭建起開發環境，並在正式開發之前，教大家一些提高開發效率的工具使用技巧。(nodejs和npm安裝、git安裝和配置、sublime使用技巧、chrome除錯工具、代理神器charles&Fiddler)

第3章 專案初始化與基於模組化的腳手架搭建

本章我會手把手帶大家對專案進行初始化，包括專案建立，專案結構設計和一整套基於模組化的開發腳手架的搭建(知識點：專案建立、專案結構設計、專案腳手架搭建、npm和webpack初始化、webpack--js、css檔案處理、webpack -- html處理、icon-font和圖片處理、webpack--dev-server、程式碼提交，Git遠端倉庫的規範化用法等)...

第4章 專案通用功能開發

本章中我會先帶著大家對專案的業務進行分析，並提取出專案的通用功能，然後手把手帶大家完成通用模組的開發，讓大家學會程式碼的高複用技巧。(知識點：通用功能分析和拆分思想、高逼格UI開發經驗與技巧，通用模組設計與獨立打包方法，通用JS工具類封裝、全域性樣式開發、通用結果提示頁開發、通用導航元件開發、通用搜索元件開...

第5章 使用者模組開發

本章我會帶著同學們分析，拆解使用者模組的功能及技術點，並手把手帶大家實現登入、註冊、找回密碼、個人中心、修改密碼等功能。(知識點：資料安全性處理方案，表單同步/非同步驗證，小型SPA開發)

第6章 商品模組開發

本章我會帶著同學們分析，拆解商品模組的功能與技術點，並手把手帶大家實現商品首頁，商品列表，商品詳情等功能(知識點：JQuery外掛模組化改造，獨立元件抽離技巧，多功能列表開發，輪播圖開發、分頁元件拆分和封裝、商品排序，商品大圖與縮圖聯動等)...

第7章 購物車模組開發

本章我會帶著同學們分析，拆解購物車模組的功能與技術點，並手把手帶大家開發購物車功能，包括購物車的常見用法、和後端的互動等。(知識點：商品狀態隨時驗證方案，模組內部方法呼叫方式，非Form提交時的資料驗證等)...

第8章 訂單模組開發

本章我會帶著同學們分析，拆解訂單模組的功能與技術點，並手把手帶大家實現訂單的資訊填寫、訂單的生成和確認訂單的整個流程。(知識點：Modal式元件封裝思想，城市級聯操作，複雜表單回填等)

第9章 支付模組開發

本章我會帶著同學們分析，拆解支付模組的功能與技術點，並手把手帶大家使用支付寶沙箱環境，在沒有企業資質的情況下完成支付功能的真實接入，並完成支付功能的開發。(知識點：支付寶功能對接，支付狀態動態檢測，支付成功回執處理等)...

第10章 資料統計和SEO優化

本章我們會做上線前的附加工作，包括訪問資料統計(知道活的怎麼樣)，基本SEO優化(想活的更好)等。(知識點：PV/UV,流量來源監控，使用者特徵分析，SEO原理，關鍵詞設計，SEO監控等)

第11章 後臺管理系統介紹(附贈內容)

本章作為附贈內容，會為大家提供一套基於React技術後臺管理系統原始碼，並對關鍵程式碼與技術點進行講解，以方便大家能搭建起自己的後臺管理系統。(知識點：React專案結構的設計、router原理及React-Router簡介、React元件的封裝方法 sass等)...

第12章 線上環境配置與專案自動化釋出

本章我會教同學們把我們之前開發完成的程式碼釋出到線上，包含線上域名的解析、線上nginx的配置、線上基於shell的自動化釋出指令碼的編寫等內容。讓我們開發出的專案跑在真實的生產環境上，成為自己的一款上線作品。(知識點：線上阿里雲伺服器環境搭建，自動化釋出指令碼編寫，域名規劃與nginx配置，可用性監控，外部監控原理，...

第13章 課程總結與下期內容展望

本章會帶著大家一起對電商平臺相關知識點以及介面用到的相關技術點，框架等進行總結。同時也對下期內容進行一個展望，期待能一步步把這個專案不斷演進，最後非常感謝大家的支援，有你們的支援，我將更加有動力，並努力的把更多更好的課程做好，回饋給大家

下載地址：百度網盤