第1章 課程介紹
咱們主要對市面上不一樣的前端項目類型進行一個簡單介紹,並同時介紹不一樣類型的適合怎麼樣的技術選型。而且咱們對如今主流的一些前端技術逐一進行簡單介紹,講解其特色以及適合解決什麼類型的問題,但願同窗們能在這章裏面對市面上的主流前端有一個大體的瞭解,能幫助你從此遇到不一樣的類型的項目時判斷技術選型。...
第2章 工程架構
咱們正式開始從零開始搭建webapp項目。首先創建最基礎的webpack配置,nodejs服務,webpack-dev-server的配置,以及基礎的服務端渲染配置。最重要的是咱們配合webpack,在開發時用效率最高的方式拿到服務端渲染的bundle,並能夠方便地在開發時調試服務端渲染的代碼。...
第3章 項目架構
咱們開始進行項目配置。從React的基本,React-Router和Mobx的store,並完成一個簡單的前端Demo。在進行完這些前端配置以後,咱們聯合服務端渲染,在服務端也加入路由跳轉和數據獲取的功能,達到基礎的先後端同構。同時咱們還要聯調Cnodejs的開放API,讓咱們的應用能夠訪問到數據。...
第4章 業務開發
從這裏開始咱們就進入業務開發的環節。首先咱們要使用Material-ui組件庫,咱們要配置組件庫的服務端渲染,並展現組件庫的基本使用方法。而後咱們進行主要的業務開發,包括話題列表、話題詳情、登陸、用戶詳情、話題發佈等功能。最後咱們升級服務端渲染,讓用戶的登陸狀態能夠一直保持。...
第5章 項目編譯打包上線
主要講述正式環境的代碼打包和部署。咱們最大限度得優化代碼打包,讓咱們能最大限度得利用瀏覽器緩存加快用戶訪問速度。其次咱們將打包完成的代碼上傳到七牛CDN,加快靜態資源的加載速度,而且這個上傳過程也作到自動化。最後咱們利用nginx和pm2在服務器上部署咱們的項目,讓外網用戶能夠訪問咱們的網站。而且咱們加入了一...
第6章 課程總結
對課程進行總體的回顧與總結html
下載地址:百度網盤下載前端