400-870-1191

当前位置:首页> 2018年H5前端精英班课程大纲

2018年H5前端精英班课程大纲

课程简介

源码时代H5学科,历经多年行业沉淀,推出H5混合式开发课程。旨在让每一位学员,能在这个发展迅猛的互联网时代,学会最前沿的前端开发技术,高薪起航。如今的大前端时代,前端开发者不光可以使用Node.JS技术涉及后端领域。同时,在当初一个应用我们还在纠结选择Android还是IOS开发的时候,Web前端一套代码就实现了多种平台的兼容。

适学人群

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

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

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

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

培训周期

4个月(部分校区可能会根据实际情况有所调整,详情可询咨询老师)

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

学习费用

课程特色

01课程知识专注
完全专注于前端知识, 全面、深入的讲解HTML5、CSS3、JavaScript、jQuery等内容,将这些核心知识学到极致。
02紧跟时代潮流
课程在全面渗入传统互联领物域的同时,新课程直指当下最火的移动互联,涉及全栈和移动混合式开发,让学员成为大前端时代的佼佼者。
03项目驱动教学
引导式项目教学,每一个阶段项目都取自行业经典,让学员具备编写互联网系统的前端页面、交互代码、后台通信代码的能力。在前端领域无所不能。
04高薪课程体系
高阶课程内容全面覆盖响应式布局、Bootstrap、AngularJS、Node.js 、Mongodb、Less、Sass、ReactJS、React Native、微信小程序等当前互联网开发最热、最新、最炫、最酷的技术内容。不仅有PC端,还包括移动端的开发。不仅要做前端的交互,还要用JS做后台。

课程内容

全栈型H5前端工程师课程体系
课程名称 课程内容 项目实战
第一阶段:Web网页基础
HTML DIV+CSS 熟悉HTML入门基本内容(代码文件、基本结构、注释、编程问题、规范、基本标签等);掌握CSS+DIV的基础入门知识;继承与优先级;选择器、盒子模型、布局样式等使用方法;能够进行合理的网页布局。 企业网站——(HTML+CSS+Photoshop)通过学习的DIV+CSS、PS切图等手段模拟企业静态网站开发,掌握项目开发流程步骤,培养良好的web页面开发习惯,根据效果图和需求能够独立完成页面设计。
Photoshop 采用商业案例来学习Photoshop使用,掌握Photoshop基本操作;能够独立的进行网页切图。
第二阶段:Web编程基础
JavaScript基础  掌握JavaScript基本语法和基本语句。 电子购物网站(HTML+CSS+jQuery)——通过本阶段的学习,具备常见动画需求的开发能力;常用插件的使用及开发;逐步培养良好的编程习惯,强化企业项目开发流程,培养团队协作能力。
BOM+DOM编程 认识和了解BOM和DOM模型;掌握window、location、history、navigator、document、 Form、Table等对象的使用;掌握事件处理和DOM节点。
jQuery+交互及动画+jQuery优质插件 认识jQuery;熟悉选择器;属性与样式;jQuery基本DOM操作;事件处理;文档处理;数组和对象操作。学会使用jQuery和JavaScript和DOM编程的动画效果制作。掌握jQuery生态圈的流行框架使用;培养学员利用前端工具解决开发过程中问题的能力。
第三阶段:Web编程高级及全栈开发
JavaScript高级编程 掌握jJavaScript面向对象思想;原型设计原理及使用。了解JavaScript程序的编译原理;掌握递归、惰性载入、匿名、闭包及回调等高级函数的使用。 插件封装 +插件模块化——能够通过面向对象思想进行开发。初步具备开发高性能网站的能力,并通过模块化管理进行团队合作开发。
jQuery插件开发 学习插件开发模式,并自己动手实现动态表格查询和表单验证等插件。
模块化组件开发 了解模块化编程的历史和演变;自己动手来实现模块化管理;了解当下流行的AMD和CMD规范,并掌握基于客户端的RequireJS框架。
AJAX+Expres(Node.js)+Mongodb 掌握AJAX异步刷新技术的使用,及实际场景的规范。掌握node.js环境的搭建及基于服务端模块化编程;了解node.js基础知识、特性。掌握NPM生态圈搭建及使用。掌握NodeJS作用域、事件编程、异步编程及文件操作。掌握HTTP协议、客户端数据传输方式;熟练使用网页模板模板技术来简化开发。了解基于Node.JS的框架Express框架背景;熟练Express安装;掌握Express路由及使用请求、响应对象完成客户端及服务端的交互;了解Express中间件的使用。了解分布式文件存储的数据库MongoDB;让大家学会搭建和使用属于前端开发者自己的数据库,成为一个真正的全栈工程师。 学校食堂安全管理系统 (HTML+AJAX+NodeJS) 通过最热门的Node+Express +MongoDB开发模式独立完成网站开发。通过NPM生态圈通过分享和借鉴代码进行自我提升。致力于成为一名真正的全栈工程师。
第四阶段:响应式网站开发
HTML5、CSS3 了解HTML5时代的契机及新兴语义标签及属性;介绍了H5图形技术SVG和Canvas;掌握多媒体、Web存储技术及基于浏览器的(LBS)地理定位技术。了解CSS3的发展历史;掌握CSS3新选择器,移动端流行的伸缩布局,Web字体、渐变、过渡动画等技术;实现基于网页的动画效果。 响应式金融借贷平台——(HTML5+Bootstrap3+Less)通过本阶段学习,通过Bootstrap等框架具备响应式开发能力;并使用多种版本控制工具,进行企业项目的迭代;同时使用预处理框架完成样式重用和扩展。具备高效快速开发企业项目的能力。
响应式原理及布局+Bootstrap 了解设备尺寸分布;掌握响应式设计原理及CSS3媒体查询;动手打造属于自己的第一个响应式网站。掌握来自Twitter工程师开发的目前流行度很高的前端响应式框架,包括内置样式、组件和JavaScript插件;掌握基于Bootstrap打造的电影主题页设计。
前端依赖管理+CSS预处理语言(Less+Sass) 掌握SVN/GIT版本控制工具来维护项目的整个蓝图;熟练使用bower来管理前端库,达到一个命令搞定所有项目依赖。掌握基于CSS的预处理框架Less/Sass,以最简单的代码实现复杂样式;目前主流的前端框架都是基于css预处理语言搭建,学会后具备Bootstrap等框架的阅读和使用能力。
第五阶段:框架与项目管理
Grunt/Gulp+Webpack模块加载器&打包工具 了解前端自动化构建工具的原理;掌握基于Node平台的Grunt和Gulp两大自动化构建工具。掌握基于前端的模块化打包工具,极大简化项目开发的成本。 项目实战 - WebApp—— 熟练使用React、Backbone等热门前端框架完成大型项目开发,并配合自动化构建工具及打包工具简化开发成本;完全具备中、高级前端工程师的素养和要求。
MVC+Backbone+MVVM架构模式 掌握基于前端的模块化打包工具,极大简化项目开发的成本。
VUE2 VUE2的使用和常见模块。
React 掌握来自Facebook工程师开发的流行前端框架-ReactJs;熟练使用ReactJs基本语法、声明周期、React-Router及基于ES6的React组件开发;掌握React Flux架构在实际项目中的应用。掌握基于ReactJS衍生出来的本地化跨平台框架;
第六阶段:移动混合式及微信开发
React Native 熟练搭建ReactNative环境、掌握本地化布局和常见组件。 混合式移动APP——通过本阶段学习,具备与移动端开发人员的合作完成低成本、高性能、高健壮的App应用的能力。
微信小程序 微信小程序作为引爆H5时代的标识技术,通过学习了解视图层、逻辑层相关知识,深入框架和组件的使用 微信端APP——通过本阶段学习,具备微信小程序的开发能力

成都 重庆 武汉 深圳 开班时间

Python精英班2018/03/20
H5精英班2018/03/12
Java精英班2018/01/30
PHP精英班2018/01/23
UI精英班2018/01/18

H5前端技术

  • white-space、word-wrap和word-break区别
  • 标签云效果的制作
  • AngularJS前端路由
  • Vue.js 2.x父子组件通信
  • 用JS 封装类似于JQ中animate的动画效果