HTML5前端全能工程师
课程体系

课程
体系

从HTML5前端工 程师是什么开始入门讲解
内容涵盖Web基本构件、运行原理
HTML的解析原理引入了CSS的使用和PhotoShop等工具
项目实战以完成一个PC端的PSD网站效 果解析为最低标准
由javaScript的版本区别开始讲起
然后讲解有关DOM对象等标准化操作
在JavaScript的高级 部分引入了开发模式
代码标 准写法最后通过jQuery框架技术帮助学生
快速掌 握用户接口体验设计技术
本章内 容围绕后端技术和服务器做了介绍
本阶段课程主要学习:
服务器的运行原理、服务器端环境的搭建
服务器 端动态语言脚本NodeJS、PHP语言
Ajax异步通信技术、及其网站SEO搜索引擎
的优化 原理让学生能通过前几个阶段内容
设计一 个完整的项目并上线实施,进行SEO优化调整
本阶段 主要讲解前端工程师更高级别的前端技术内容包含了:
HTML5的新增标签、HTML地图定位、Socket通信技术、并发操作大网站技术
CSS3的各种运动框架技术、LESS和SASS可编程CSS技术、RequireJS和SeaJs导入技术
离线缓存技术、本地存储技术、ChartJS和D3JS图像技术、Grunt和GulpJS项目管理技术
以及常 见的响应式框架BootStrap框架等技术
并详细 讲解了微信开发和流式布局、自适应式布局、响应式 布局的网页布局技术
本阶段 课程围绕企业级的使用
设计了以下课程内容
AnguLar.JS框架技术、ReactJS框架技术、VueJS框架技术
jQuery Mobile手机端jQuery框架技术
混合App制作发布和版本迭
大并发 网站和大流量网站的前端优化技术
(页面级,代码级、静态资源级、服务器级等)
以及多 人团队和异地团队开发时使用的
常见工具SVN和GIT版本控制技术等
课程大纲
以“真实互联网项目”贯彻全部课程

前端工 程师的发展趋势

  • 什么是前端工程师
  • 前端工 程师的行业现状
  • 前端工 程师的未来发展趋势
  • 前端工 程师的职业发展规划

WEB构件组成

  • WEB构建的定义
  • 服务器是什么
  • 语言脚本是什么
  • 浏览器是什么
  • 浏览的基本结构原理
  • 常见的网络协议比如WWW协议
  • IE6/7/8/9/10/11,FireFox,Chrome,Safari,Opera等浏览 器的安装与操作技巧
  • 360浏览器、QQ浏览器、猎豹浏览器、搜狗浏 览器等安装技巧以及与Chrome和IE的区别

HTML5基本介绍

  • 什么是网站和网页
  • HTML发展历史
  • HTML5是什么、标准
  • HTML5应用生态
  • App中的HTML5未来比重

HTML基本应用

  • HTML是什么、页面主体结构、文档声明、语法结构
  • 标签的入门:编码声明与为什么,头元素,body元素,单标签,对标签,字体标签,超链接,锚文本,HTML实体,路径意义,图像标签,列表标签,表格标签,文本标签,按钮标签,块标签,Iframe标签等等

CSS基本应用

  • CSS是什么、优点和 实战标准是什么
  • CSS的实战应用场景
  • CSS的三引 入方式区别和用途
  • CSS中选择器的使用,优先级和应用场景
  • CSS中块元 素和行元素的转换,及其主要用途
  • CSS中字体、文本、背景设计技巧
  • 列表、表格常见操作
  • 浏览器 的基本结构原理
  • 导致浏 览器中不同元素出现不同盒子模型的原因
  • 盒子模型详细讲解
  • 标签定位中绝对定位、相对定位、固定定位的使用
  • DIV块的层级设计
  • 标签浮 动及其浮动原理
  • 常见伪类的使用
  • 如何使用HTML5.0和CSS3.0实现PC端页面

DIV+CSS标准化布局

  • CSS命名规范和标准写法
  • DIV+CSS布局和Table布局的区别、好处
  • DIV+CSS布局中 水平和垂直切分原理
  • CSS Hack浏览器 兼容性调试原理
  • CSS属性继承和叠加原理
  • CSS污染规避
  • 常见的CSS的bug和使用技巧(如DIV垂直居中)
  • DIV+CSS建站中 自己代码库的创建和优化

UI常见工具介绍

  • UI常见工具PhotoShop的介绍和基本使用,
  • PhotoShop中元素尺寸,颜色,字体样式数据的获取
  • 图片图 层和图层合并使用
  • 网页布 局中图片的切割和使用
  • 大型网 站中小图片合成等技术

实战项目

  • PC端的网站前端(内部提供PSD项目效果图)

JavaScript基本应用

  • JavaScript是什么、用途是什么
  • JavaScript的构成部分:ECMAScript,DOM,BOM
  • JavaScript的历史 发展版本和标准、在浏览 器中运行机制如何
  • JavaScript的基本语法:常量,变量,注释等
  • JavaScript的运算符、控制结构
  • JavaScript的函数,作用域,闭包实现,预解析,引用常见的函数种类、常见内置函数,如类型 强制转换函数等
  • JavaScript数组的定义,种类,遍历和使用技巧
  • JavaScript面向对象开发思想、常见操作
  • javascirpt中自定义对象的封装、继承,构造函数等用法
  • JavaScript中4大数据类型对象:数学对象,字符串对象,数组对象,日期对象等实战用法
  • JavaScript中正则表达式、中异常处理

JavaScript DOM操作

  • DOM基本介 绍和主要通途是什么
  • DOM分类:HTML DOM/CSS DOM/XML DOM各自特点
  • HTMLDOM中基本操作:节点对象的访问,节点对象修改,节点对象添加,节点对象删除
  • DOM节点属性、操作、DOM中内容操作
  • DOM事件对象Event对象,事件流,绑定和事件销毁等
  • DOM中Cookie的添加,删除,修改和 记住用户名密码
  • DOM中常见 的其他控件操作:如表格对象,SELECT对象,Object对象,Script对象等常见对象操作

JavaScript BOM操作

  • BOM是什么
  • BOM主要的 实战应用场景有哪些
  • BOM中Windows对象、Navigator对象的常见用法
  • BOM中Screen的常见用法、History的使用技巧
  • BOM中Location的主要用途、BOM中动画等常见使用
  • BOM中常见窗口操作,和窗口关系操作
  • JavaScript运动框架,如常见图片特效,滚动,弹性运动等

JavaScript库实现(自定义js库)

  • 框架与库的意义
  • JavaScript的代码规范、框架分类
  • JavaScript的的框 架的主要用途和功能
  • JavaScript的选择器引擎设计
  • JavaScript模块加载系统设计
  • JavaScript浏览器嗅探设计
  • JavaScript样式的支持侦测设计
  • JavaScript异步处理设计
  • JavaScriptDOM节点操作设计
  • JavaScript 事件、动画设计
  • JavaScript兼容性设计

jQuery

  • 什么是JavaScript框架
  • JavaScript框架种类和使用情况
  • jQuery框架好处
  • $工厂函数
  • jQuery使用、对象捕获
  • jQuery属性、事件操作
  • jQuery中CSS,val,class,text,html操作
  • jQuery中特殊事件
  • jQuery内置函数
  • jQuery插件、核心函数
  • jQuery中AJAX操作
  • jQuery中跨域操作,弹出层,div拖动设置
  • jQuery网络中插件的使用
  • jQuery节点、跨域操作
  • jQuery数据缓存系统

实战项目

  • 编写自己的JavaScript框架

WEB服务器介绍

  • WEB服务器是什么
  • WEB服务器 常见用途是什么
  • WEB服务器 常见种类有那些,优缺点是什么
  • Apache或者Niginx的服务 器的安装和配置
  • Apache或者Niginx的各项配置详解
  • http协议原理

NodeJs

  • NodeJS与浏览器js的区别
  • 使用NodeJS搭建WEB服务器
  • 掌握HTTP与WEB工作原理
  • 掌握Socket长连接 实时网络通信技术

PHP+MySql

  • PHP和MySql是什么
  • PHP基本语法,控制结构
  • PHP函数、数组操作
  • PHP字符串操作
  • PHP会话控制
  • 数据库基本操作
  • PHP操作MySql

AJAX操作

  • AJAX是什么
  • AJAX技术原理
  • AJAX技术包含的内容
  • XmlHttp协议内容
  • AJAX登陆验证
  • AJAX无刷新分页
  • Xml协议中Json数据和Xml数据的传递和接收
  • POST数据传递
  • AJAX缓存问题
  • AJAX轮询机制
  • AJAX跨域传值
  • AJAX长链接和短链接

SEO

  • SEO是什么
  • SEO常见的白帽优化操作
  • SEO关键字选择,长尾关键字的布局等
  • SEO常见的黑帽优化操作
  • 搜索引擎地址收录,
  • 页面布局对SEO的影响
  • 搜索引擎基本原理

PHPCMS或者DEDECMS

  • CMS系统是什么
  • CMS系统现 在常见的种类和使用情况
  • CMS的模块之间的联系
  • CMS会员系统模块
  • CMS系统的模型管理模块
  • CMS系统的栏目管理模块
  • CMS系统内容管理模块
  • CMS系统静 态生成管理模块
  • CMS系统的 模板风格管理模块
  • CMS系统的 系统配置管理模块
  • CMS系统的二次开发
  • 服务器 中服务器环境搭建
  • 上传工具FTP的使用
  • 项目迁移时,数据库 的备份和上传更新
  • CMS系统整站发布

实战项目

  • 搭建自 己的服务端项目,并进行SEO优化

HTML5基础应用

  • HTML5介绍、应用场景是什么
  • HTML5浏览器的支持、新增标签元素、拖放效果制作
  • HTMl5视频播放设计、音频播放设计
  • HTML5新增表 单元素和新增表单属性、语义化标签

HTML5的高级应用

  • HTML5地理位置的应用、WEB本地存储和Sql数据库操作
  • HTML5应用程序离线缓存、多线程操作、Socket通信设计
  • HTML5 Server-Sent事件原理和长走、Cavans动画绘图操作

CSS3应用

  • CSS3是什么,及其流行的原因,CSS3中特殊选择器使用
  • CSS3特殊单 位和颜色特性介绍、边框设计、背景设计
  • CSS3渐变效果操作、文本操作制作、字体属性设计
  • CSS3 2D、3D效果转换,过渡效果制作、动画内容制作
  • CSS3多列设 计和用户界面属性设计
  • CSS3响应式 布局设计和特殊布局操作、ViewPort和网格视图
  • CSS3媒体查 询和图片特殊制作、常见框架使用

SASS

  • SASS是什么、主要用 途和特色是什么
  • SASS安装配置、基本语法、3种使用方式、CSS扩展运算意义
  • SASS脚本设计:变量,数据类型,运算、控制结构、函数和导入功能等、SASSMixin使用、客户端函数定义、缓存原理

LESS

  • LESS简介、使用方法、函数使用:数学,列表,字符串
  • LESS样色定义,通道,操作和混合函数使用

SeaJS 或者 RequireJS

  • avaScript模块加载框架是什么、框架种 类和各自特性有哪些
  • SeaJS的优点、原理、别名配置、路径配置
  • SeaJS模块路径映射配置、预加载处理配置、调试模式配置
  • SeaJS CharSet属性使用
  • SeaJS如何加 载一个或多个文件、模块标识设计原理

ChartJS

  • 第三方JS效果函 数库的使用方法
  • ChartJS用途、引用方式和配置、曲线图制作、柱状图制作、雷达或蛛网图制作、极地区域图、饼状图制作、环形图制作

D3JS

  • D3JS简介和安装、如何使 用数据和选择元素
  • D3JS如何选择,插入,删除元素、使用Scale(比例)
  • D3JS添加坐 标轴和标签图表、制作图表、图表动画效果
  • D3JS中Update, Enter, Exit 的使用、对话操作(事件)
  • D3JS可视化图形( Layout )
  • D3JS饼状图、力学图、弦图、集群图、树状图、打包图制作
  • D3JS地图制作、如何简化GeoJSON 文件、制作可拖动地图
  • GeoJSON 和 TopoJSON 数据类型区别

Grunt gulpjs

  • Grunt是什么、配置和安装、任务创建、插件创建
  • Grunt命令行 工具的使用方法
  • Grunt.Config、Grunt.event、Grunt.Fail、Grunt.file、Grunt.option、Grunt.task、Grunt.template等接口使用

BootStrap

  • 前端框架是什么、优点是什么、常见的 前端框架有哪些特点
  • BootStrap简介、环境搭建
  • BootStrapCSS中,网格系统,排版,表格,图片等操作原理
  • BootStrap布局组件中字体图标,下拉菜单,按钮组,面板等
  • BootStrap过渡效果,模态框,折叠,轮播等插件使用
  • BootStrap布局和 编写前注意事项

响应式布局与微网站

  • 网页布局是什么
  • 网页布局中静态、自适应、流式、响应式布局的优缺点
  • 静态页面、自适应、流式、响应式、布局原理和实战案例

实战项目

  • 电子商务网站PC站,微信站

Angular.js或者ReactJS或者Vuejs

  • 企业级的手机JavaScript框架是什么
  • SPAS是什么
  • 常见的企业级JavaScript框架有那些
  • Angular.js的简介、表达式
  • Angular.js的指令,模型和作用域
  • Angular.js的的http请求
  • Angular.js的事件处理
  • Angular.js表单和表单验证
  • Angular.js的的模块操作、包含
  • Angular.js的动画操作
  • Angular.js的依赖 注入和双向绑定
  • Angular.js的路由和实际应用
  • Angular.js的实战案例,单一页面应用程序

混合App应用

  • App是什么?
  • 混合App应用发展
  • 混合App和原生App应用的区别,各自的优缺点
  • Cordova工具的安装和使用,打包和发布
  • 混合App应用的 开发原理和常见操作及其技巧
  • 混合App的版本迭代

前端优化技术

  • 前端优化简介
  • 前端优 化技术的主要目的和原理
  • 页面级前端优化
  • 代码级前端优化
  • 静态资源前端优化
  • 服务器级前端优化
  • 大数据量,并发网 站前端优化策略

版本控制器

  • 版本控制器是什么
  • 版本控制器的用途
  • SVN和Git的版本 控制器介绍和区别
  • SVN版本控 制器配置和安装
  • SVN版本控制器基本使用
  • SVN守护进程,创建项目仓库,建立项目版本库,权限分配,用户管理
  • SVN客户端使用,添加,删除,更新,上传,检出,冲突解决,清楚bug,版本库比较,日志,版本tags等
  • SVN版本控制器和IDE联合使用NetBeans Editplus(形成文档)

实战项目

  • 编写一个网站,实现PC端,手机网页端和混合App的制作
就业协议
你在欣 才正式入学即签订就业协议,保障学习结果
报名须知
课程收费
课程周期 756课时
使用教材 《学院自编教材》
温馨提示 1、考试不过免费重学;
2、参加本 培训推荐知名企业就业;
3、外地学 员可以提供住宿安排;
4、签订协议,未就业全额退款
5、签订就业保障协议,终身免费就业服务;
6、签订劳动实习合同,开就业证明,应届生提早离校,踏上工作岗位;
实训项目 企业SAAS系统,电子商务,旅游团购等系统的PC站,微信站,Wap站,轻App应用。
实训导师 王老师 周老师 刘老师 苗老师
开设班次 全日制白班:(周一至周六)(9:00-18:00) 学时4个月
非脱产班:周一、周三、周五晚上19:00-22:00 周日9:00-18:00 学时6个月
食宿方面 学生公寓:480-550元/月(2~6人间)配置常用家用电器,包含水电费,宽带费,被子等
报名须知
1.请随身携带身份证,客服老 师需复印身份证正反面。 4.学费可先就业后付款/分期/现金/刷卡付费(刷卡对 学员本身无手续费)。
2.请提供 高等学历证明即可优惠。 5.来访报名,请提前 联系客服老师预约时间 qq:4008920928。
3.请随身 携带四张一寸照片(红底/蓝底/白底均可)。  
上课地点 南京市秦淮区弓箭坊40省邮政管理局4楼(地铁1号线三山街站1号口旁)
常州市科教城惠研楼2326
付款方式
招生对象
友情链接:    一优棋牌手机版二维码   54棋牌手机版二维码   97棋牌   pc蛋蛋   pc蛋蛋