北京WEB前端培训 2019-06-11 10:11:04
课程介绍
发布日期：2019-06-11 10:11:04
北京中公优为想要从事WEB前端开发技术的人员设置培训班，雄厚师资团队从零基础出发，手把手教学，企业级团队项目实战训练，让学员掌握从需求到开发再到上线部署的整个流程，达到顺利的目标。
该项目是一个社区平台，用户可以在社区注册登录并创作文章，互相交流；项目基于React技术架构，学习完该项目可以掌握React核心技术架构体系。
功能实现：
项目环境搭建、首页开发、详情页面开发、登录权限校验开发、列表页面开发。
技术要点：
React、React-Router、React-redux、Redux DevTools、Redux-saga等主流新技术。
该项目是一个点餐平台，用户可以在该平台浏览商家信息，商品，点餐、下单、评价等；项目基于Vue技术架构，学完该项目可以掌握Vue的核心技术架构体系。
功能实现：
商品列表、商品详情、商家详情、评价页面、订单等。
技术要点：
Vue、Vue-cli、ES6、Webpack、Vue-router、axios、stylus、Mock数据等。
该项目是一个景点订票平台，用户可以浏览本地景点、景点评价、网上购票；该项目采用前后端分离，前台基于Vue架构，后台基于node搭建服务，学完该项目可以掌握Vue核心的技术架构和node服务的核心技术。
功能实现：
项目环境搭建、首页开发、地区选择功能开发、景点详情页面、订单购票功能等。
技术要点：
Vue、Vue-cli、Vue-router、axios、swiper、stylus、Node、express、MongoDB等。
该项目是一个电商购物网站，主要包括后台和前台两个模块，后台模块负责管理商品信息，前台模块负责展示商信息，用户通过访问前台模块相关页面，可以浏览该网站中在售的手机产品信息了解相关手机产品的相关信息。该项目采用PHP+MySQL实现，学完该项目，能够掌握PHP+MySQL核心技术。
功能实现：
项目环境搭建、数据库结构设计、后台商品基本信息的管理和文件上传、前台展示商品信息。
以该视频网站项目为例，详细分析企业项目开发流程，一个网站从无到有的所有过程，回顾布局技巧，搭配交互合理布局，前后端数据交互流程分析、安排、实现，网站常见交互效果。视频类网站除了基本的布局以外，还包含诸多常见的网站交互效果，视频播放等功能，一通百通，掌握了该项目的开发技巧以后，其他网站效果都能轻松应对。
技术要点：
切图技巧、DIV+CSS布局、整站布局技巧、浏览器兼容性处理、JavaScript网页交互、ajax、jsonp前后端数据交互技术。
PC端网站布局
WebApp页面布局
实战项目
PC端项目：《东易买商城》《新浪积分商城》《拉勾网》《QQ音乐》《佳航出国留学官网》《火山体育官网》《智德和善官网》《美乐乐商城》
移动端webApp项目：《京东到家》《优U学》
响应式项目：《星巴克官网》《青竹良品商城》
培养目标
了解常用浏览器和浏览器内核；了解语义化的概念；掌握HTML5语法及使用技巧；掌握HTML5常用标签。
掌握CSS语法及使用技巧；掌握DIV+CSS布局方式；掌握常见网页布局模式。
掌握Photoshop切图以及插件切图；能够熟练使用开发人员工具进行页面调试；能够根据PSD文件独立完成静态页面的开发工作。
掌握HTML5新布局标签、多媒体标签；掌握CSS3 2D、3D变换、动画效果；能够使用CSS3新属性美化修饰网页；了解移动端屏幕、移动端浏览器、操作系统的不同。
掌握常用移动端调试方法；掌握常用移动端适配方法；掌握CSS预处理器less的使用；掌握常用移动端框架使用方法；掌握常见移动端页面开发；掌握响应式布局开发；掌握Bootstrap开发响应式页面；掌握适配不同终端的网页开发技术选型。
JavaScript基础语法
JavaScript进阶
JavaScript高级编程
jQuery经典案例
项目答辩
实战项目
JS部分案例及项目:《百度搜索页布局与交互》《京东首页商品懒加载》《东易买商品拖拽添加购物车》《优学登录页面布局与信息存储》《163邮箱注册》《面向对象小游戏》《暴风VIP会员视频网站》《爱奇艺视频网站》
JQuery部分项目:《美乐乐商城交互效果》
培养目标
能够掌握JavaScript基本语法；掌握常见JavaScript算法；掌握DOM的各种操作；熟练使用面向对象思想进行DOM编程；掌握JavaScript的高级语法；掌握JavaScript常见兼容性方案。
独立完成视频网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效）；掌握应对业务编程的能力；掌握团队合作开发流程。
熟练使用jQuery操作DOM；熟练使用和编写jQuery案例。
ECMAScript 6
Webpack模块打包器
Node基础
Express框架
前端模块化
MongoDB
项目答辩
实战项目
Node基础:《Node基础案例》《在线相册》
Node全栈项目:《及时聊天系统》《个人博客系统》
培养目标
了解ES6和JS的关系；掌握ES6的基础用法和兼容性；熟练掌握ES6的核心语法；熟练使用ES6实现前端模块化开发。
熟练使用Webpack模块打包器；熟练掌握前端自动化工具；能够建立客户端服务器交互模型，熟悉网络通信相关概念；能够使用Node.js进行Web服务端开发；能够掌握JavaScript异步编程模型；能够掌握JavaScript模块化编程方式；能够使用Node.js操作MongoDB数据库；能够理解HTTP协议；能够独立开发基于后台接口的动态网站、Ajax数据交互的项目；能够独立完成企业网站从前台到后台的基本开发工作。
数据可视化
Vue
React
Angular
项目答辩
实战项目
数据可视化:《多变的统计图》《百度地图》
Vue:《vue基础实例》《洋网店微商城》《东易买后台管理系统》
React:《react基础实例》《仿简书APP》《淘车网》
Angular:《angular基础实例》《手机通讯录》
培养目标
掌握使用D3.js进行大数据可视化交互开发；能够掌握使用Vue技术栈进行项目开发；能够掌握使用React技术栈进行项目开发；能够掌握源代码管理工具的使用；能够熟练掌握前后端分离开发模式；能够掌握使用主流框架开发门户网站、管理系统、移动Web等客户端；能够掌握Webpack项目构建配置流程；能够掌握Web项目的部署与发布模式；能够掌握常见网站业务模块开发。
掌握Angular常用的指令：掌握如何定义和使用模块与组件：掌握路由的配置。
微信小程序
微信小游戏开发
React Native
项目答辩
实战项目
微信小程序：《仿网易云音乐》《优在线书城》
微信小游戏：《星际传奇》《飞机大战》
React Native:《优讯APP》《星座运势》
培养目标
能够掌握小程序的开发基础；能够独立开发小程序项目；能够掌握Canvas的使用；能够掌握小程序的部署与发布；能够掌握小程序开发框架mpvue的使用；掌握第三方AI平台的使用。
能够掌握小游戏开发基础；能够独立开发小游戏项目；能够掌握小游戏的部署与发布；能够独立使用React Native开发原生App。
企业面试前期准备与技巧
企业面试实战
培养目标
从简历、面试技巧等层面助学员提升，培养学员沟通表达能力
让学员清晰了解职业发展规划，明确自身定位，找到适合自身发展的工作
上一篇:北京UI设计培训
下一篇:北京Java全栈开发培训
北京中公优开课校区
