北京H5前端入门培训

优就业Web前端课程，提供多种选择

• 0基础小白

  想要学习web，自制 力薄弱

• 技术瓶颈

  想提升技术， 遇到瓶颈

• 在校学生

  毕业季找不到工作

• 待业转行

  在夕阳行业看不到未 来

优就业大前端课程内容

• 开始阶段：HTML5 CSS3

  课程主题：PC端网站布局、WebApp页面布局

  实战项目： PC端项目：《东易买商城》《新浪积分商城》《拉勾网》《QQ音乐》《美乐乐商城》等；移动端webApp项目：《京东到家》 《优就业U学》；响应式项目：《青竹良品商城》。

  培养目标：了解常用浏览器和浏览器内核； 了解语义化的概念； 掌握 HTML5 语法及使用技巧； 掌握 HTML5 常用标签。 掌握 CSS 语法及使用技巧； 掌握 DIV CSS 布局方式； 掌握常见网页布局模式。 掌握 Photoshop 切图以及插件切图； 能够熟练使用开发人员工具进行页面调试； 能够根据PSD文件独立完成静态页面的开发工作。 掌握 HTML5 新布局标签、多媒体标签； 掌握 CSS3 2D、3D 变换、动画效果； 能够使用CSS3新属性美化修饰网页； 了解移动端屏幕、移动端浏览器、操作系统的不同。 掌握常用移动端调试方法； 掌握常用移动端适配方法； 掌握 CSS 预处理器 less 的使用； 掌握常用移动端框架使用方法； 掌握常见移动端页面开发； 掌握响应式布局开发； 掌握 Bootstrap 开发响应式页面； 掌握适配不同终端的网页开发技术选型。

  立即咨询

• 第二阶段：JS交互设计

  课程主题： JavaScript基础语法、JavaScript进阶、JavaScript高级编程、jQuery经典案例、项目答辩。

  实战项目： JS部分案例及项目:《百度搜索页布局与交互》《优学登录页面布局与信息存储》《爱奇艺视频网站》；JQuery部分项目:《美乐乐商城交互效果》。

  培养目标： 能够掌握 JavaScript 基本语法； 掌握常见 JavaScript 算法； 掌握 DOM 的各种操作； 熟练使用面向对象思想进行 DOM 编程； 掌握 JavaScript 的高级语法； 掌握 JavaScript 常见兼容性方案。 独立完成视频网站的页面搭建（包括 HTML结构、CSS样式、JavaScript 特效）； 掌握应对业务编程的能力； 掌握团队合作开发流程。 熟练使用 jQuery 操作 DOM； 熟练使用和编写 jQuery 案例。

  立即咨询

• 第三阶段：Node开发

  课程主题： 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常用的指令： 掌握如何定义和使用模块与组件： 掌握路由的配置。

  立即咨询

• 第五阶段：小程序与APP开发

  课程主题： 微信小程序、微信小游戏开发、React Native、项目答辩。

  实战项目： 微信小程序：《仿网易云音乐》《优就业在线书城》；微信小游戏：《星际传奇》《飞机大战》；React Native:《优讯APP》《星座运势》。

  培养目标： 能够掌握小程序的开发基础； 能够独立开发小程序项目； 能够掌握 Canvas 的使用； 能够掌握小程序的部署与发布； 能够掌握小程序开发框架 mpvue 的使用； 掌握第三方 AI 平台的使用。 能够掌握小游戏开发基础； 能够独立开发小游戏项目； 能够掌握小游戏的部署与发布； 能够独立使用 React Native 开发原生 App。

  
  

  立即咨询

• 第六阶段：就业指导

  课程主题： 微信小程序、微信小游戏开发、React Native、项目答辩

  培养目标： 从简历、面试技巧等层面助学员提升，培养学员沟通表达能力 让学员清晰了解职业发展规划，明确自身定位，找到适合自身发展的工作。

  立即咨询

• 社区平台

  项目介绍：该项目是一个社区平台，用户可以在社区注册登录并创作文章，互相交流；项目基于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核心技术。

  功能实现：项目环境搭建、数据库结构设计、后台商品基本信息的管理和文件上传、前台展示商品信息。

  技术要点：PHP、MySQL、MVC、Smarty、HTML5、JQuery、Swiper等。

  课程详情 我要学习
• 影视平台

  项目介绍：以该视频网站项目为例，详细分析企业项目开发流程，一个网站从无到有的所有过程，回顾布局技巧，搭配交互合理布局，前后端数据交互流程分析、安排、实现，网站常见交互效果。视频类网站除了基本的布局以外，还包含诸多常见的网站交互效果，视频播放等功能，一通百通，掌握了该项目的开发技巧以后，其他网站效果都能**应对。

  技术要点：切图技巧、DIV+CSS布局、整站布局技巧、浏览器兼容性处理、JavaScript网页交互、ajax、jsonp前后端数据交互技术。

  课程详情 我要学习