前端与移动开发在线就业班课程详情-前端课程简介-就业班-博学谷

前端与移动开发在线就业班

前端已经迈入大前端时代，前端将无所不能

￥14980.00

￥16980.00

随着移动互联网的深入发展，多屏互动和多端兼容友好的界面成为目前所有系统重要的需求，让前端开发工程师一跃成为目前市场紧俏、火爆的人才。本课程内容包含目前最流行的三大框架(Vue、React、Angular)，把全栈工程师必须要掌握的全部前端技术、Node.js相关后台技术、HTML5移动方向开发技术做了系统整合，致力于培养中高级前端工程师。

学完收获：

熟练掌握前端开发HTML、CSS、JavaScript等核心技术，熟练掌握Vue、React、Angular三大流行框架

熟练使用面向对象思想进行编程，掌握应对业务编程的能力以及常见兼容性方案

熟练掌握前后端分工开发流程、原生 Ajax 请求流程与细节，掌握常见跨域技巧

能够基于jQuery相关 API 熟练开发网页功能

熟练运用H5实现项目的开发、运用原生JS开发移动web页面、运用bootstrap和CSS3媒体查询开发响应
式网页

熟练掌握模块化编程方式，熟练使用 Node.js和Express框架对MySQL 数据库进行增删改查操作

熟练掌握artTemplate和ejs模板引擎的应用

熟练掌握基于cookie、session、token的持久化和身份验证

熟练掌握前后端分离开发模式

熟练掌握 Webpack 项目打包配置流程

熟练掌握ReactNative开发移动APP

熟练掌握微信小程序项目开发

在校大学生

刚刚毕业的技术小白

零基础想转行的
非在职IT人员

有基础想转行的
在职IT人员

希望得到技能提
升的IT研发人员

亮点1

七大阶段
五大拓展

提炼七大精华阶段，
五大拓展课程，紧扣市场需求，
实现真正的最全开发

亮点2

330+课时

内容全面系统，贯通前后端，
课程设计循序渐进，
330+课时从理论到实战层层深入

亮点3

13大项目
30+案例

13大实战项目和30+经典案例，
模拟真实企业项目开发，
学完即可上岗

阶段一 : 前端基础

33小时

40个
知识要点

HTML

浏览器与浏览器内核、HTML基本结构、HTML常用标签、【案例】路径和锚点定位、【案例】HTML综合案例、【案例】表格和列表标签及案例、【案例】表单相关元素及属性、【案例】综合案例-注册页面

CSS

CSS介绍和CSS基本选择器、font字体、文本样式和CSS样式表、【案例】综合案例-新闻页面、chrome调试工具和emmet语法、CSS复合选择器、【案例】标签显示模式和案例、【案例】CSS背景及应用案例、【案例】综合案例-五彩导航、CSS三大特性、【案例】CSS盒模型及应用案例、【案例】PS基本操作及综合案例、【案例】综合案例-快报模块、圆角和阴影的应用、【案例】浮动及应用案例、清除浮动、PS常用操作及cutterman插件使用、【项目】学成网在线项目、【案例】CSS四种定位、淘宝焦点图案例、元素显示和隐藏应用案例、CSS精灵图和字体图标、CSS高级（问题解决技巧）、CSS高级（布局技巧）

HTML5和CSS3

HTML5新增标签、CSS3新增选择器

【项目】品优购电商项目

品优购项目介绍及准备工作、导航、头部和底部区域制作、网页主体区域制作、网页列表区域制作、注册页面制作、网站上传

市场价值 : 能够根据PSD文件文件，完成PC端静态网页的开发工作，学完此阶段，尚不能够达到企业用人标准。

阶段二 : 移动Web网页开发

22小时

16个
知识要点

H5C3进阶

vscode编辑器基本使用、HTML5新增标签、【案例】CSS3新增选择器及案例、【案例】2D转换及相关案例实现、【案例】3D转换和旋转木马案例

Flex 伸缩布局

移动端基础知识、【案例】移动端电商首页制作、Flex伸缩布局基础知识、【案例】移动端携程网首页制作

移动web开发

媒体查询、less介绍和使用、rem适配及原理、【案例】移动端苏宁首页制作和rem适配、响应式开发介绍、Bootstrap介绍和使用、【案例】阿里百秀响应式页面制作

市场价值 : 能够完成移动Web网页、响应式页面以及炫酷页面的开发工作，学完此阶段，尚不能够达到企业用人标准。

阶段三 : JavaScript网页编程

55小时

57个
知识要点

JavaScript基础语法

计算机基础和JavaScript介绍、JavaScript变量、JavaScript数据类型、JavaScript操作符、【案例】JavaScript流程控制及案例、【案例】JavaScript循环及案例、JavaScript数组和冒泡排序、 JavaScript函数及应用、JavaScript作用域及预解析、JavaScript对象、【案例】JavaScript内置对象及案例、 JavaScript简单类型和复杂类型

WebAPI编程

API 和 Web API、DOM介绍、【案例】事件和样式操作及案例、【案例】百度换肤、【案例】表单全选案例、【案例】tab栏切换案例、【案例】节点操作及发布留言案例、【案例】动态创建表格案例、【案例】事件详解及案例、 BOM介绍及应用、【案例】定时器和相关案例、this指向和js执行机制、【案例】location、navigator、history对象、 offset、client、scroll三大家族介绍及案例应用、缓动画的原理和封装、【案例】网页轮播图实现、节流阀、【案例】返回顶部及筋斗云案例、【案例】移动端轮播图实现、【案例】移动端插件使用及轮播图的实现、【案例】HTML5本地存储及记住用户名案例

jQuery快速开发

jQuery介绍及常用API导读、【案例】jQuery选择器及案例、jQuery链式编程及样式操作、【案例】jQuery动画及王者荣耀手风琴案例、【案例】jQuery实现购物车案例、【案例】jQuery实现电梯导航案例、 jQuery事件绑定和解绑、jQuery插件的使用、【案例】jQuery实现todolist案例

JavaScript高级

面向对形象编程介绍、类和对象、【案例】面向对象tab栏切换案例、构造函数和原型对象、forEach、some、【案例】filter方法及查询商品案例、Object.defineProperty方法、函数进阶、call、apply、bind的使用、闭包及应用、递归及应用、正则表达式及应用、ES6中的let和const、ES6解构赋值、ES6箭头函数、剩余参数和拓展运算符、 Array实例方法、ES6模板字符串和set数据结构

市场价值 : 能够完成PC端网页、移动Web网页、响应式页面中的功能和特殊效果的开发工作，学完此阶段，具备一定的企业基础用人标准，但尚未达到初级前端开发工程师水平。

阶段四： Node与Ajax

50小时

41个
知识要点

Node+Gulp

node介绍和环境安装、node模块化、gulp使用、服务器和http协议、【案例】同步和异步、Promise

MongoDB+Express

MongoDB数据库和数据库的增删改查、mongoose验证、【案例】用户信息的增删改查案例、art-template模板引擎使用、【案例】学生档案信息管理案例、Express框架

【项目】黑马博客项目

登录和注册功能、用户列表分页功能、用户信息修改功能、文件上传和图片预览功能、文章添加和第三方模块实现分页功能、开发环境与生产环境、博客首页数据渲染、详情页和评论功能

Ajax

Ajax基础知识、Ajax函数封装、【案例】文件上传和图片即时预览、同源策略、JSONP、【案例】腾讯天气信息案例、 CORS、jQuery中Aajx方法的使用、【案例】todo案例、Ajax补充内容

Git和GitHub

git配置和使用、github及多人协作开发、git补充内容

【项目】阿里百秀项目

模板引擎基本使用、阿里百秀介绍和项目搭建、登录和退出功能、用户信息的增删改查功能、文章信息的增删改查功能、评论功能01、网站首页首页渲染、评论功能02

市场价值 : 能够完成前后端数据交互、基于前后端分离模式、传统模式的开发的工作，学完此阶段，具备企业基础用人标准，能够达到初级前端开发工程师水平。

阶段五 : Vue.js 项目实战

39小时

45个
知识要点

Vue基础

【案例】Vue指令及案例（选项卡案例）、修饰符、样式绑定、v-model底层原理、计算属性、过滤器、侦听器、Vue声明周期、【案例】图书管理综合案例、vue组件、【案例】购物车案例、Promise、Fetch、axios、【案例】基于后台接口的图书管理案例、vue路由、【案例】路由案例、前端工程化和模块化

webpack

前端工程化和模块化、webpack介绍与安装、webpack之loader配置与使用、webpack与vue结合使用

Vue-cli3和Element-UI

Vue-cli3（Vue脚手架）、Element-UI组件库

【项目】Vue电商后台管理系统

电商管理项目介绍和初始化、登录功能、退出功能、首页布局和功能实现、用户列表布局和功能实现、用户添加、修改、删除功能、权限列表、角色列表、分配权限和角色、商品分类、分类参数、商品列表、商品添加、订单列表、Echarts数据统计、项目优化、项目部署上线

Vuex

Vuex基础、【案例】基于Vuex的todos案例

市场价值 : 能够实现基于Vue技术栈项目的开发能力，学完此阶段，具备企业用人标准，能够达到中级前端开发工程师水平。

阶段六 : 微信小程序

23小时

41个
知识要点

微信小程序基础

微信小程序介绍、微信小程序配置、微信小程序基础知识、微信小程序基本应用、微信小程序生命周期、微信小程序高级应用、微信小程序事件和导航、网络请求、微信小程序组件及组件之间的通讯

WePY框架

WePY框架介绍、 WePY项目实时编译、.wpy文件组成部分、 WePY事件传参、 WePY双向数据绑定、配置promisify启用async和await、wepy.request方法、异步更新数据

【项目】黑马优购商城项目

项目介绍及初始化、首页、分类页、框架中的拦截器、搜索功能、商品列表、商品详情、加入购物车功能、购物车功能实现、确认订单、订单支付、订单列表、小程序发布

【项目】颜值大师项目

项目介绍及初始化、cover-view和cover-image、动态切换摄像头朝向、实现拍照功能、实现所选照片的显示、重选照片功能、百度人工智能API、鉴权认证、图片转码base64格式、英文映射中文、优化用户体验

市场价值 : 能够使用WePY 小程序开发框架进行微信小程序项目开发，学完此阶段，具备企业用人标准，能够达到中级前端开发工程师水平。

阶段七 : React.js项目实战

48小时

25个
知识要点

React基础

React基本使用、JSX语法、React组件基础、React组件进阶、React原理及优化、React路由

【项目】好客租房项目

项目介绍和初始化、项目首页布局+功能实现、百度地图API使用、城市选择和渲染、顶部导航组件封装、CSS Modules、地图找房功能实现、FilterTitle、FilterPicker、FilterMore组件实现、房源筛选及房屋详情功能、用户登录功能实现、房源收藏功能实现、发布房源和搜索房源功能实现、项目打包及项目优化

Angular5【赠送课程】

Angular介绍、TypeScript介绍和使用、【案例】ToDoMVC案例、【项目】Angular5通讯录项目

市场价值 : 配合常用组件库解决项目中的一些共性问题，满足前端开发行业中的常见需求，学完此阶段，具备企业用人标准，能够达到中级前端开发工程师水平。

01.学成网在线项目

学成在线案例是一个在线教育平台，在该案例中使用HTML+CSS进行页面的布局，在首页中主要有网页的头部区域、网页的banner区域、课程导航和课程列表。

02. 品优购电商项目

品优购电商项目属于B2C电商平台，类似于京东商城和淘宝，在该项目中使用HTML+CSS/CSS3进行页面的布局和动态效果实现，主要实现了电商首页、列表页面、详情页面，三个页面之间能够进行相互切切换。

03.阿里百秀响应式页面制作

阿里百秀案例是一个分享生活、科技、热门文章的平台，在该案例中主要使用了bootstrap响应式框架，从而实现了一套代码，同时适配于PC端和移动端，大大提高了开发效率和开发成本。

04.黑马博客项目

黑马博客项目是一个博客社交类管理平台，内部一共分为两个项目，前台项目登录之后，用于分页展示发布的文章和其他用户评论，后台项目登录之后，用于文章编写和发布以及对文章信息和用户信息进行统一管理。

05.阿里百秀项目

阿里百秀项目是一个文章社交类管理平台，内部一共分为两个项目，前台项目用于展示发布的文章、上传的图片和相关用户评论，后台项目登录之后，用于文章编写和发布以及对文章、用户信息、评论信息、网站图片进行统一管理。

06.电商后台管理系统项目

电商后台管理系统项目通过使用vue官方vue-cli3.0脚手架工具提供的工作流快速搭建和开发项目，运用阿里旗下饿了么 Element UI组件库搭建网页结构同时实现相应页面中的功能，通过axios请求后端相应的接口，然后把请求到的数据展示到页面中，通过Vue-router作为前端路由管理复杂页面。

07.黑马优购商城项目

黑马优购商城是一个小程序电商业务项目，该项目从企业中的经典业务需求入手，涵盖了商品分类、商品列表、商品详情、购物车、订单、微信支付、客服等核心模块。

08.颜值大师项目

啪啪测颜值项目是一个通过拍照，结合第三方人工智能平台服务，进行人脸年龄检测、性别检测、表情分析、颜值检测的项目。

09.好客租房项目

好客租房项目采用目前前端最流行的React技术栈进行开发，涵盖了React中最常用的技术以及移动端场景问题的解决方案，使用React官方脚手架工具提供的工作流快速搭建和开发项目，使用阿里旗下antd-mobile组件库搭建页面结构，使用React-Router-DOM作为前端路由管理复杂页面，使用百度地图API实现地理定位，在地图中直接查找房源等实用功能。