传智播客旗下品牌:  黑马程序员  |  博学谷  |  传智专修学院

改变中国IT教育,我们正在行动     全国咨询热线:400-618-4000

前端与移动开发基础班

学习对象


1.热爱互联网,追求极致互联网体验,想从事 网页开发、Web前端开发的学员;

2.原从事后IT台开发,想完美转型全栈开发的工程师;

3.没有计算机基础,愿意从事IT开发,改变生活现状,改变命运的学员;

4.开发人员转型HTML5移动开发的学员。


培训周期


培训时间:部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询


培训方式:全日制脱产,每周5天上课, 上两天课休息一天的上课方式(实际培训时间可能因法定节假日等因素发生变化)。

培训要求:自带笔记本电脑。


学习费用


(2017传智播客各学科学费价格表以及享受优惠条件)


视频下载


关于Web前端与移动开发基础视频教程,传智播客已经录制完成,并对外免费开放。建议参加此班的学员在开学之前,请下载视频并在家进行提前预习,以取得更好的学习效果。

点击此处进入视频下载页面


注:获取更多视频资料+源码+笔记 加QQ:3276250747

1.HTML&CSS基础

前端与移动开发基础班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第1 阶段:HTML5&CSS3
基础课程
HTML5 常用浏览器与浏览器内核、HTML的语义化、HTML中常用的标签以及每个标签的语义。HTML5新特性及新增常用标签 可掌握的核心能力:
(1)了解常用浏览器和浏览器内核;
(2)了解语义化的概念;
(3)能够掌握HTML,CSS使用技巧;
(4)能够掌握DIV+CSS布局模式 ;
(5)能够掌握HTML5新特性与常用标;
(6)能够完成动画效果。
可解决的现实问题:
与美工对接,完成网站静态页面的开发,为后期编写页面动态效果打基础。
市场价值:
了解网页的组成,能够实现静态页面编写,可以使用CSS3完成简单的页面动画。 
CSS3 CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型。CSS3新增选择器及新增属性、圆角、阴影、伸缩布局、变形、过渡、动画。CSS使用的高级技巧
Photoshop 使用Photoshop将美工设计的PSD图转成静态页面,了解网站前台页面的开发
京东综合项目 代码分离原则,使用div+css布局完成一个完整的页面,使用CSS3完成动画效果


前端与移动开发精英就业班

学习对象

本课程适合于计算机专业,有一定css+div基础、通过入学考核的未就业人士  查看入学测试题


提示:测试题主要考察您是否具备css+div基础,以便我们统一入学基础,更好地开展教学工作。如果您感觉测试题很难,我们建议您参加我们的前端与移动开发基础班学习(点此查看前端与移动开发基础班课程详解)。


学习周期


培训时间:部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询


培训方式:全日制脱产,每周5天上课, 上两天课休息一天的上课方式(实际培训时间可能因法定节假日等因素发生变化)。


学习费用


(2017传智播客各学科学费价格表以及享受优惠条件)

2.精英就业班入学考核流程

随着移动互联网的兴起,HTML5技术发进一步发展,拥有全栈能力的高级前端工程师,迅速成为每个IT企业不可或缺的岗位。传智播客前端与移动开发学院,为了打造精英培训班,更好的贯彻执行全栈式高级课程的培养计划,在就业班入学考试的基础上,增加了面试考核流程。前端精英就业班将根据学生的考试成绩和面试成绩的综合表现,择优录取。




3.前端基本功

前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第2阶段:
前端基本功
JavaScript基础 JavaScript基本语法、算法基础、常用数据结构、企业编程规范、JavaScript内置对象常用方法、对象的创建方式和this讲解 可掌握的核心能力:
(1)能够掌握JavaScript基本语法;
(2)掌握DOM的各种操作;
(3)熟练使用面向对象思想进行DOM编程;
(4)掌握JavaScript的高级语法;
(5)掌握使用jQuery操作DOM;
(6)熟练使用和编写jQuery插件;
(7)独立完成电商网站的页面搭建(包括HTML结构、CSS样式、JavaScript特效组件);
(8)掌握应对业务编程的能力。

可解决的现实问题:
学生具备JavaScript开发能力,能够完成常见页面效果开发,为就业班后期课程打下基础。

市场价值:
具备JavaScript语言编程思想,但是还不能达到企业的用人标准。
Web API BOM操作 、DOM操作大全 、 特效实现、页面布局、事件处理、浏览器兼容性处理
JavaScript高级 面向对象思想、JavaScript中的对象、JSON、闭包、原型、作用域链、函数的调用方式及this指向、正则表达式 、面向对象理论与实践
jQuery jQuery的优势、jQuery选择器、jQuery中的动画、链式编程和隐式迭代、jQuery插件使用和制作

4.后端开发PHP+Ajax+前端模块化

前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第3阶段:
 后端开发
PHP+Ajax+前端模块化
PHP后台开发 php基础语法(变量、数据类型、分支循环语句、数组、函数、参数传递get/post)、动态网站、后台接口开发。数据库基本概念、基本SQL语句、php连接数据库进行基本增删改查、HTTP协议、表单传值、会话技术 可掌握的核心能力:
(1)能够建立客户端服务器交互模型,熟悉网络通信相关概念;
(2)熟悉PHP基础语法,能够开发简单的后台接口;
(3)能够使用PHP操作MySQL数据库;
(4)能够理解HTTP协议;
(5)熟悉原生Ajax请求流程与细节,并掌握常见跨域技巧;
(6)能够基于jQuery的Ajax相关API熟练开发常见的前端功能;
(7)能够独立开发基于后台接口的动态网站、AJAX数据交互的项目;

可解决的现实问题:
学生能够建立起客户端服务器交互模型,熟练使用Ajax实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台项目。

市场价值:
掌握前后端协作开发相关知识点、能够快速融入实际的工作场景。
Ajax 同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、缓存问题及处理方式、跨域请求及解决方法
前端模块化 模块化开发基本概念、模块化演变过程分析、设计规范、RequireJS
综合项目 后端渲染页面,使用会话技术实现登录,PHP操作MySQL数据库,开发接口,使用AJAX技术,模板引擎ArtTemplate完成页面功能的实现

5.移动web开发


前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第 4 阶段:
移动
web开发
H5C3 CSS3选择器、CSS3新属性、2D转换与过渡、3D转换、动画、Web字体、Flex弹性布局、HTML5多媒体
、HTML5音频播放、HTML5视频播放、HTML5DOM扩展、HTMl5自定义属性、HTML5data-*配套dom语法地理定位、文件读取、元素拖拽、多媒体加强、应用缓存、历史管理、web存储
可掌握的核心能力:
(1)熟练使用HTML5&CSS3实现网页特炫效果;
(2)掌握常用移动端框架使用方法;
(3)掌握常用移动端调试方法;
(4)掌握常用移动端适配方法;
(5)熟练使用移动端touch事件及手势封装;
(6)掌握响应式布局的写法;
(7)掌握CSS预处理器less的使用;
(8)掌握使用GIT对比文件差异、还原、合并,能够解决远端仓库与本地仓库合并时的冲突;
(9)掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力。

可解决的现实问题:
学生具备移动端web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题。能够掌握工作中多人开发的操作方式。

市场价值:
备移动web开发能力,能够和后台交互,独立开发移动端的交互网站。
H5C3综合案例 能够利用CSS3技术完成常见专题页特效、能够缩合利用3D转换和过渡实现网页特效
canvas 绘图命令、非零环绕原则、绘制形状、文字、图片,平移变换/缩放变换/旋转变换、ECharts数据报表
移动Web  移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、Chrome模拟调试、真机调试 、Viewport、rem、主流适配方案、触屏touch事件、手势封装、CSS预处理器LESS、移动端框架
CSS框架案例 能够通过bootstrap完成响应式页面的开发,能够了解常见的移动端UI框架
Git 命令行、Git的基本使用、对比文件差异、还原、合并 ,回滚操作,远端仓库操作、使用github创建远端仓库,gitlab创建远端私有仓库、gitlab与github区别,生成ssh key 并添加到github上和gitlab上

6.全栈式开发

前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第 5 阶段:
全栈式开发
NodeJS开发  NodeJS历史、发展、特征与现状、ES6常用语法、同步与异步、环境安装, 文件操作、网络操作、模块化思想及操作、 npm、异步编程、Express 可掌握的核心能力:
(1)了解项目开发的流程;
(2)能够熟练开发移动端和PC端的交互式网站;
(3)能够用目前热门JavaScript框架Vue.js来开发项目;
(4)掌握Express的使用;
(5)能够使用NodeJS开发后台接口,打通前后端
(6)掌握源代码管理软件的使用。
可解决的现实问题:
(7)能够完全胜任公司项目框架从0到1的搭建;
(8)能够读懂公司已有的利用webpack搭建好的框架结构或者是使用vuejs开发的项目;
(9)能够利用webpack提高项目团队的开发效率;
(10)能够使用现在市场上流行的框架进行开发常见项目;
(11)能够进行团队合作开发项目。
市场价值:
学完以后能够一个人胜任前端项目的独立开发,从项目框架搭建开始到业务功能的实现,以及后台api的调用均能胜任,使课程不仅仅只有教还有练,让学生能够快速上手企业项目开发。
Vue实战项目 常用系统指令、数据绑定、指令、过滤器、生命周期、组件化、路由、Vue组件、Vue过渡效果(动画)、路由(vue-router库)、vue-resource、es6语法、webpack的使用、项目打包和发布、包管理与维护、实战项目开发

7.扩展技术

前端与移动开发就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第 6 阶段:
扩展技术
Angular实战项目 单页应用、MVC、常用指令、双向绑定和单向绑定、模块、控制器controller、$watch、自定义指令、jqLite、过滤器、格式化过滤、数据过滤、服务$http,前端路由、http拦截器 可掌握的核心能力:
(1)了解常见的设计模式;
(2)掌握Angular框架的使用;
(3)掌握微信小程序;
(4)掌握ReactNative;
(5)掌握React框架的使用;
(6)能够利用webpack、gulp打包工具实现网站资源的打包;
可解决的现实问题:
(7)能够开发微信小程序的应用;
(8)能够使用ReactNative开发WebApp,打包安装;
(9)使用inoic打包app;

市场价值:
具有开发简单的小程序的能力, 能跟上最新技术的脚步,具有前后端开发能力的前端开发者。 能熟练使用各种前端工具, 具有开发WebApp并打包上线的能力, 能与其他开发者合理沟通协作开发项目, 符合企业高端需求。
豆瓣一刻综合项目 能够利用CSS3技术完成常见专题页特效、能够缩合利用3D转换和过渡实现网页特效
React实战项目 快速入门、JSX 语法、es6语法书写组件、组件复用、生命周期、React操作dom元素、React绝对路由、webpack和gulp集成构建项目、重定向组件、代理方式进行跨域、按需加载
React Native 环境搭建、快速入门、属性与状态、使用fetch进行数据请求、Promise、列表组件、常用控件、网络处理
移动App 混合app的优缺点、app开发的常见平台、使用inoic打包app
微信公众号开发(页面) 用JS-SDK技术做分享、拍照、支付、登录等功能。
微信小程序  小程序入门概念及演示、小程序开发工具介绍与创建quick_start项目、小程序文件结构、wxml、wxss、常用组件(view,image,text,navigator,swiper等)、小程序常用api

课程特色

国内第一家前端和移动开发放一起的培训。

课程非常深入独有的JS设计模式、JS框架课

课程非常系统化:从基础到高级,从个人开发到百度、淘宝大团队的开发模式都有在课程中体现。

课程非常新:HTML5移动APP开发率先全球发布。

案例贯穿始终: 上百个经典案例贯穿整个课程体系。

适合人群非常广:应届生、职场小白、有工作经验的大牛都是我们的招生对象。

就业非常有优势:目前企业急需合格的前端工程师、HTML5移动开发工程师。

我要报名

前端与移动开发基础班

1.HTML&CSS基础

前端与移动开发精英就业班

2.精英就业班入学考核流程

3.前端基本功

4.后端开发PHP+Ajax+前端模块化

5.移动web开发

6.全栈式开发

7.扩展技术

课程特色

我要报名