WEB前端学习结构
课程名称 | 教学科目 |
详细内容 |
Photoshop基础 |
Photoshop基础 像素单位 图层概念 选区工具 切片工具 快捷键 |
了解ps菜单及工具的使用 网站的成型 常用概念 图片格式 切图工具的使用技巧 |
html和html5 |
HTML简介 HTML元素 HTML标签 HTML属性 HTML文本格式化 HTML实体 HTML链接、相对路径、绝对路径 HTML图像 HTML列表 HTML表格 HTML背景 HTML表单 HTML布局 |
HTML表单: 1)单行文本输入框 2)表单提交按钮 3)表单重置按钮 4)复选框 5)单选框 6)下拉框 7)多行文本输入框
简单的企业网站布局
使用HTML5新标签进行布局 |
css和css3 |
css简介 css选择器 css语法、id选择器、类选择器、派生选择器 css字体属性 css常用文本属性 css背景属性 css边框属性 css边距属性 css间隙属性 css盒子模式 css列表样式属性 css伪类 css3-- transform变换属性 css3--transition过渡动画 css3--animation自定义动画 css3常用单位 css布局
|
css基础语法规则的使用 使用css选择器控制页面每一个元素的样式 元素的变形属性(元素的放大、缩小、旋转、拉伸等) 元素的样式过渡(元素的渐变等) 自定义动画css3弹球效果 2D/3D转换(查看大图的显示效果) 动画库animate.css的使用 css hack (各大浏览器的兼容性调试) css 优化(优化代码结构) |
pc 实战篇 |
1.使用html5和css3完成响应式网站的制作 2.兼容各种分辨率的响应式网站 css3--制作伊森手表网站 |
运用html5和css3知识,完成实战响应式项目; 伊森手表 金领企业网站 |
移动端实战篇 |
css3 --- 移动端现状及未来介绍 css3 ---视口介绍 css3---移动端适配 css3---制作购物app |
了解视口的设置原理 完成实战项目; 团购app; 社交网站; |
bootstrap |
bootstrap基本介绍 bootstrap基本实例 bootstrap栅格系统 bootstrap排版 bootstrap表格 bootstrap表单 bootstrap按钮 bootstrap图片 bootstrap响应式工具 bootstrap组件 bootstrap--js插件 bootstrap项目实战 |
理解bootstrap原理 熟练掌握bootstrap核心api 实现响应式布局及功能交互 完成实战项目游戏引擎主题网站
|
css预处理器 sass |
sass的介绍安装 sass的编译 sass的语法 sass的项目使用 |
sass的实现原理 sass的编译和基本使用 sass如何应用到项目
|
svn&git | ||
案例展示 |
上海微巨网络科技 http://www.vtip.com.cn 时尚设计欧美店 http://demo.cssmoban.com 王者荣耀 http://pvp.qq.com 博远官网 http://www.poiyuan.com 乐无尽,智生活 http://www.endless-pools.cn 普风石墨 http://www.prowind.cn
云桌面 表单设计器 画板 |
javascript入门及应用 |
javascript语言介绍 javascript变量 javascript流程控制 javascript函数 内置对象、属性、方法、事件 浏览器对象、文档对象 dom基础应用 正则表达式 json |
目的要求:掌握js的语法,如何引用js 练习:阶乘;九九乘法表; 1)文件域的动态生成与删除 2)表格的动态生成与删除 3)json对象,函数自定义与传值 4)演示常见错误,培训学员使用; 5)firefox调试网页, 解决网页错误 |
javascript高级应用 |
介绍各种类库:zepto,jquery,easyui,jquery-ui;
掌握jquery的使用和插件的封装;在jquery中编写插件,插件扩展,插件应用
touchJS、jquery-pagination分页、jquery-artDialog弹出层 jquery-custom-scrollerbar滚动条 juqery ui /juqery mobile使用 ajax 同源策略和 json xml 跨域
熟悉javascript的设计模式;构造函数,单例,工厂,代理,观察者等设计模式
es6初步和bable
掌握模块开发 AMD ,CMD的设计规范,理解模块式开发,以及requireJS、seaJS、commonJS插件的使用面向组件编程的方式
面向组件编程的实现原理
面向组合编程实战
requireJS框架介绍
loadJS框架介绍
seaJS框架讲解及实操
|
制作网站的动态特效
在HTML中添加jquery的 应用
使用jquery中的核心方法
常用选择器的使用
常用的jquery的方法
jquery中的几种实现方法
使用jquery实现一些页面常用的实例,进一步巩固jquery学习
jquery 插件使用
了解jqueryui的使用原理 异步获取数据
|
游戏制作 |
canvas---简单和应用领域介绍 canvas---基础绘图接口使用 canvas---高级绘图接口使用 canvas---项目实战贪吃蛇 lufylegent引擎 |
通过系统学习canvas基础到高级接口
熟悉使用canvas绘图动画和特效
了解lufylegent游戏引擎的原理,使用方法 |
项目实战 |
元素周期表 FENDI官网 绿色农业网站 坦克大战 娇韵诗中国官网 |
|