第1章 課程介紹
我們主要對(duì)市面上不同的前端項(xiàng)目類型進(jìn)行一個(gè)簡單介紹，并同時(shí)介紹不同類型的適合怎么樣的技術(shù)選型。并且我們對(duì)現(xiàn)在主流的一些前端技術(shù)逐一進(jìn)行簡單介紹，講解其特點(diǎn)以及適合解決什么類型的問題，希望同學(xué)們能在這章里面對(duì)市面上的主流前端有一個(gè)大致的了解，能幫助你今后遇到不同的類型的項(xiàng)目時(shí)判斷技術(shù)選型。…
第2章 工程架構(gòu)
我們正式開始從零開始搭建webapp項(xiàng)目。首先建立最基礎(chǔ)的webpack配置，nodejs服務(wù)，webpack-dev-server的配置，以及基礎(chǔ)的服務(wù)端渲染配置。最重要的是我們配合webpack，在開發(fā)時(shí)用效率最高的方式拿到服務(wù)端渲染的bundle，并可以方便地在開發(fā)時(shí)調(diào)試服務(wù)端渲染的代碼。…
第3章 項(xiàng)目架構(gòu)
我們開始進(jìn)行項(xiàng)目配置。從React的基本，React-Router和Mobx的store，并完成一個(gè)簡單的前端Demo。在進(jìn)行完這些前端配置之后，我們聯(lián)合服務(wù)端渲染，在服務(wù)端也加入路由跳轉(zhuǎn)和數(shù)據(jù)獲取的功能，達(dá)到基礎(chǔ)的前后端同構(gòu)。同時(shí)我們還要聯(lián)調(diào)Cnodejs的開放API，讓我們的應(yīng)用可以訪問到數(shù)據(jù)。…
第4章 業(yè)務(wù)開發(fā)
從這里開始我們就進(jìn)入業(yè)務(wù)開發(fā)的環(huán)節(jié)。首先我們要使用Material-ui組件庫，我們要配置組件庫的服務(wù)端渲染，并展示組件庫的基本使用方法。然后我們進(jìn)行主要的業(yè)務(wù)開發(fā)，包括話題列表、話題詳情、登錄、用戶詳情、話題發(fā)布等功能。最后我們升級(jí)服務(wù)端渲染，讓用戶的登錄狀態(tài)可以一直保持。…
第5章 項(xiàng)目編譯打包上線
主要講述正式環(huán)境的代碼打包和部署。我們最大限度得優(yōu)化代碼打包，讓我們能最大限度得利用瀏覽器緩存加快用戶訪問速度。其次我們將打包完成的代碼上傳到七牛CDN，加快靜態(tài)資源的加載速度，并且這個(gè)上傳過程也做到自動(dòng)化。最后我們利用nginx和pm2在服務(wù)器上部署我們的項(xiàng)目，讓外網(wǎng)用戶可以訪問我們的網(wǎng)站。并且我們加入了一…
第6章 課程總結(jié)
對(duì)課程進(jìn)行整體的回顧與總結(jié)
