学习大纲

## 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 全栈程序的开发经验。