CSDN Web前端工程師課程學習過程中常見問題總結

課程大綱(2017-11月)

課程介紹：http://edu.csdn.net/topic/web1

第一階段Web 全棧核心技術實戰（1～6周）

課程目標
  • 熟悉前后端javascript運行和開發環境
  • 掌握 javascript 編程語言
  • 掌握node.js web后端基礎知識
  • 掌握HTML5技術 掌握 css3 & sass 技術
  • 學會網頁程序開發
  • 靈活實用 npm 命令
作業/案例
  • 畫冊程序開發
  • 菜單欄組件開發
  • 自適應網頁開發 CSS 3D 組件開發
  • CSS3 動畫組件開發
主要內容
  • node.js web 服務器程序啟動
  • HTML5 History API 實戰
  • npm 命令實戰
  • javascript es6 實戰javascript promise & async function
  • dom api 實戰
  • css3 flow 布局
  • sass 實戰

第二階段Node.js 技術與開發工具實戰 (7~10周)

課程目標
  • 掌握 Node.js 核心技術
  • 學會通過 websocket協議通信
  • 學會開發 Web 站點程序學會文檔數據儲存
  • 使用工具輔助程序開發與測試
  • 學會對項目進行版本管理
作業/案例
  • 文章發布系統開發
  • 項目版本管理Gulp 項目自動化構建
  • HTML5 項目打包發布
主要內容
  • Node.js 8.x 核心API
  • Express 5.x 框架實戰
  • socket.io 實戰
  • Mongoose 實戰 GIT/ GITHUB 實戰
  • Gulp 實戰
  • Webpack 實戰
  • Jasmine+karma 實戰

第三階段前端框架實戰（11～15周）

課程目標
  • 快速開發網頁程序組件
  • 使用 bootstrap 構建前端可視化組件
  • 使用 vue.js 框架，開發復雜的應用程序
  • 使用 vue-router ，開發復雜的多視圖應用程序可以使用 react，開發復雜的 UI 組件
  • 使用 Angular 4.x 框架，快速開發前端 UI 組件
作業/案例
  • 畫冊程序開發實戰（jquery版）
  • Todo 程序開發實戰（vue.js 版）Todo 程序開發實戰（react 版）
  • Todo 程序開發實戰（angular 版）
主要內容
  • JQuery 3.x 實戰
  • Bootstrap4.x 實戰
  • Vue.js 2.x 框架實戰
  • vue-router 實戰 React & Redux 框架實戰
  • React-router 實戰
  • Typescript 2.x 語言實戰
  • Angular 4.x 框架實戰

第四階段移動端與桌面程序開發（16～19周）

課程目標
  • 通過 Web 技術開發 iphone APP
  • 通過 Web 技術開發 Android APP
  • 通過 Web 技術開發 微信小程序
  • 通過 Web 技術開發 mac / win / unix 桌面程序
作業/案例
  • 把 Todo 程序打包成 iPhone & android APP
  • Todo 程序開發實戰（react-native 版）Todo 程序開發實戰（微信小程序版）
主要內容
  • PhoneGap 實戰
  • React-native 實戰
  • 微信小程序開發實戰
  • Electron 桌面程序開發實戰

畢業項目：論壇系統開發

  • 要求開發多用戶登錄系統、具備論壇的發帖回帖、私信、即時聊天、積分、管理員后臺管理等功能。
  • 通過論壇項目實戰，學員將具備開發中大型 web 全棧程序的開發經驗。