## CSDN Web前端工程師課程學習過程中常見問題總結 ## 課程大綱(2017-11月) ##### [課程介紹：http://edu.csdn.net/topic/web1](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 全棧程序的開發經驗。