图片加载中...

图片加载中... 十六年IT教育机构

图片加载中... 软件定制开发

首页>课程中心

WEB高级前端+HTML5

web前端开发课程介绍

web前端开发工程师基于HTML5+CSS3技术,实现PC端,手机移动端,Pad端,兼容全网响应式。精通主流Bootstrap框架更快速的实现响应式效果。精通Javascript ,Jqury ,AJAX技术,熟悉后端开发语言PHP+MYSQL数据库。原生开发实现动态特效及交互式开发。 HTML5广泛应用于游戏特效,微信开发,网络应用(WEB APP)等领域。具有更炫酷的功能,图像动画处理,免插试的语音视频及本地存储,全新框架和平台等高级功能。

第一阶段Html5基础

Html5基础

HTML 快速入门、文本、图像、链接、表格、列表、表单、框架;
了解html5的开发环境与浏览器的支持情况
测试软件的安装与使用技巧;
新增的元素,删除的元素,改变的元素,调整的元素,标准化的元素
标签语义化及标签的默认属性特点,标签的常用用法
如何改造传统的html页面?
浏览器的兼容问题及解决方案
标签语义化及标签的默认属性特点
使用htnl5构造页面

CSS3基础

CSS 基础语法
各种选择器(通用选择器、元素选择器、id和 class选择器、 后代选择器、伪类选择器等)
盒子模型与背景
文字样式
文本样式
列 表及链接
表格
浮动与定位

CSS3高级

CSS 复杂选择器(兄弟选择器、属性选择器、伪类和伪元素选择器等)
边 框
阴影
颜色渐变
文字文本
多重背景
动画
过渡
变形
文本分栏
伸缩布局
CSS Hack
CSS 优化

布局的兼容和技巧

总揽全局把握网站前台设计制作,让受训学员在真实项目操作中学习,思考、 创新,所培训的内容都是企业需要的,从而摆脱了所学和所需严重脱轨的现 象,解决了企业和学校之间需求矛盾,为企业培养合适的人才搭建了桥梁。
W3C标准,SEO搜索引擎优化;
CSS的各种样式,能够写出简洁的可重用的CSS样式表;
多种切图技巧,100%还原设计效果图并非依赖CSS-HACK技术;
经典站点的详尽解析;
附带网页背景音乐
在线QQ咨询的效果
网页视频的实现
与动态地图的 实现
培养学生学会及提高网页整站制作、解决问题的能力
了解网站前沿技术和 制作网站的整体流程。
掌握搜索引擎优化相关的知识包括SEO基础、网站代码优化、URL优化、 内链和外链..等。

阶段项目-pc端网站

所有页面完全兼容各浏览器,如 : IE6.IE7.IE8.IE9.IE10.IE11.Firefox.Safari.Chrome.360 Opera;
大首页、列表页与详情页
展示与交互特效
搜索
登录与注册
购物车

阶段项目-手机APP

移动端页面设计规范,兼容Android、ios系统
移动端切图
文字流式/控件弹性/图片等比例/特殊设计的100%布局
等比缩放布局
viewport/meta
rem/vw的使用
flexbox详解
移动 web特别样式处理(reset, 1px border, 高清图片)

阶段项目-响应式

兼容常见手机型号
pc的大屏幕 小屏幕
ipad的横屏、竖屏
媒体查询
常用断点
ftp上传测试

第二阶段Web UI 设计

Photoshop应用

掌握Photoshop相关软件操作基础,
以Photoshop软件为工具,讲解图层的深度解析、摄影后期的校色调色、影 像创意与合成、滤镜效果及其应用、真实案例分析与制作。让学生了解网页 设计基础、网页局部设计、例如banner图片设计、导航条设计、
如何调整图片颜色、如何将工具和实际应用进行结合使用;
图片处理
蒙板制作
网页中应用等设计。

Web界面设计流程

网站设计内容及纲要。
定位网站主题
定位网站形象及网页设计发展趋势
网页主要构成模块
各个常见行业类型网站主流色彩
网站经典案例鉴赏
了解企业站、门户站、商城站等主要构成

banner的设计技巧 与修图的效果制作

banner的多种风格与案例分析,设计与制作技巧素养
banner多案例分析难点技巧演示
banner图片如何与文字进行结合,使之融为一体
banner图片针对于行业上色彩的选择和构成

网页设计标准与规范

网页设计中,字体使用选择,文字颜色选择,以及文字大小选择
在网页设计中,宽度高度与浏览器的结合度使用
设计网页时,需要注意到的一些问题,例如行业对于颜色的要求和区别
网页中标准商务用色、标准色系配比、例如,导航背景颜色和文字颜色的规 范度设置等

第三阶段JavaScript 开发

JavaScript 基础

JavaScrip基础语法
流程控制
数组基础
Document 对象
节点树
选取并读取节点
元素样式编辑

JavaScript核心

JavaScrip 基础语法
流程控制
数组
Object
Function
String 和 正 则表达式
常用内置对象
错误处理
作用域
匿名函数
面向对象编程

DOM编程

Document 对象
节点树
选取并读取节点
文档遍历以及增加节点
删除 节点
元 素样式编辑
Window 对象
定时器
BOM 模型
事件
location 对象
history 对象
screen 对象
HTML DOM 编程

Jquery

JQuery 概述
JQuery 选择器
JQuery HTML 操作
JQuery 事件
JQuery 特效
JQuery 常用 Plug-in
JQuery 扩展
京东首页交互实现

PHP基础

运行环境独立安装
PHP语言风格、变量和类型之间转换
PHP的运算符与表达式
PHP中的流程控制与函数
PHP数值处理函数
PHP中数组处理
PHP中的字符串处理函数
PHP正则表达式的应用

MYSQL

MySQL数据库的概述;
MySQL数据库安装及配置;
MySQL数据类型及MySQL运算符;
MySQL函数与常用SQL语句
MySQL索引,视图
MySQL数据库的安全、访问控制和权限

ajax

Ajax简介,Ajax工作原理
Ajax开发框架
Ajax web应用模式
创建对象XMLHttpRequest() Date()对象 Open()方法
Ajax在开发中的应用
Ajax 用户注册例子演示 节省用户操作,时间,提高用户体验。
使用Ajax 传输获取数据
使用ajax获取某一文本文件的内容
AJAX交互式案例详解

阶段项目实战

360首页、京东首页、详情页
运动类动画:匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、 模拟其他物理运动;
轮播幻灯片效果大全:平移、滑动、渐隐渐现、跳动、手风琴
菜单效果大全:仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单 仿桌面应用程序效果
任意扩展功能的放大镜、图片放大效果,磁性拖拽特 效、淡入淡出效果等多种效果
彻底玩转网页特效、随心所欲制作各类网站交互效果
高手进阶--向jquery框架看齐:用面向对象和闭包开发的方式开发自己的JS 框架
建立函数库,命名空间,对象直接量(命名参数)
原型对象
深入探讨JSON
JS中的封装、继承,闭包开发
开发一个类似jQuery 的小型框架库,让自己的JS水平达到一个相当的高度。

第四阶段Web 前端高级技术

HTML5 高级

音频和视频处理
表单处理
表单验证
Geolocation API
Forms API
HTML5 拖放
WebStorageAPI
离线 Web 应用
Canvas
SVG
Chart.js 框架
Two.js 框架
项目实战

Bootstrap

响应式网页
Bootstrap 到底是什么
Bootstrap的文件结构
基本的HTML5模板
全局样式
默认网格系统
流式网格系统
容器布局响应式设计
排 版
代码
表格
图片
表单
按钮
图标
缩略图
警示框
进度条
媒体对象
其他组件
过度效果
模拟框效果
下拉菜单
滚动监视器
可切换的标签页
提示条
弹出层
警示框
按钮
折叠框
传送带
预先输入
粘条

AngularJS

基础知识(ng-app,Modules,Controller,$apply,$watch)
指令(ng-repeat,ng-class,ng-show,ng-hide)
过滤器(date,limitTo,filter)
表单(NgModelController,表单验证)
服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http)
其他(Controller as 语法,安全的依赖注入方法)
directive(指令,组件)
ng-router
标准项目结构设计

NodeJS

NodeJS基础与NodeJS核心模块
NodeJS介绍
NodeJS环境搭建与入门
ES6在 NodeJS中的应用
CommonJS模块
fs与 path模块
stream
socket.io
http模块 API
URL模块
数据的本地存储

VUE.js

Vue.js基础
模块化
单文件组件
路由
与服务器通信
状态管理
单元测试
生产发布