HTML5前端全能工程师

课程价格:来电咨询

电话:400-168-8684

课程信息

上课时段：白天班

课程人气：已有16143人浏览

授课学校：南京欣才IT学院

上课地址：南京

课程介绍

HTML5前端全能工程师

课程体系

由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框架技术、RectJS框架技术、AueJS框架技术
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库）

• 框架与库的意义
• JavaScirpt框架的设计模式
• 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或者 Auejs

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

jQuery Mobile

• jQuery Mobile jQuery Mobile是简介
• jQuery Mobile安装、页面操作、过渡操作、
• jQuery Mobile按钮，弹窗操作
• jQuery Mobile工具栏操作、导航栏操作、
• jQuery Mobile面板，表格操作
• jQuery Mobile表单操作、主题操作、事件操作
• jQuery Mobile的手机端页面设计技巧
• 手机端页面的测试工具和测试方法

混合App应用

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

前端优化技术

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

版本控制器

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

实战项目

• 编写一个网站，实现PC端，手机网页端和混合App的制作

• 制定职业生涯规划，有利于自我
  定位认识自我了解自我，明确自
  己的方向、人生目标
• 面试指导，模拟场景面试讲解
  如何正确的编写简历了解面试流程
  以及面试技巧
• 我们与上千家互联网企业和软件
  企业合作全国唯一限时就业
  和终身负责就业的机构

相关推荐课程