WEB前端学习结构

课程名称 教学科目 

详细内容

Photoshop基础

Photoshop基础

像素单位

图层概念

选区工具

切片工具

快捷键

了解ps菜单及工具的使用

网站的成型

常用概念

图片格式

扫描二维码关注公众号,回复: 4595723 查看本文章

切图工具的使用技巧

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官网

绿色农业网站

坦克大战

娇韵诗中国官网

 
     

猜你喜欢

转载自blog.csdn.net/tingguang3530/article/details/81503445