web前端新入培训

新人培训计划

 

第一周html+css

1.从零开始学习(HTML+CSS基础)http://www.imooc.com/learn/9

1.1 Html介绍(什么是html,html与css样式的关系,html语法，html结构)
1.2 认识标签(认识标签理解各各标签的作用以及用途)
1.3 认识css样式(什么是css样式，css样式的语法,css样式有什么用途)
1.4 CSS选择器(有哪些，有什么区别)
1.5 CSS的特性（继承、层叠、优先级、重要性）
1.6 CSS基本排版
1.7 CSS理解盒子模型(宽高，内外补丁)
1.8 CSS理解布局模型（）
这个上次忘记跟你讲了，你对着课程看。
1.8.1 流动模型（Flow） 是默认的网页布局模式
1.8.2 浮动模型 (Float) 可以让一些元素向一个方向堆放 (如:float:left时都向左堆放，左到右一直堆放，放不下自动换行继续堆放，float:right是同理)这个多做实例深入理解
1.8.3 层模型（Layer） 注重理解,绝对定位(position: absolute)、相对定位(position: relative)、固定定位(position: fixed)
1.9.了解相关技术 （css hack 样式打补丁、css sprite、如何写出较优的css）

1.10实练 http://sc.68design.net/mb/23654.html (下载这个ps文件做出效果)

 

第二周实践

1.在学习js之前，一定要打好html+css基础！
(1)要理解透标签、css属性的含义（如:h1 标题标签、p 段落标签（可以被搜索引擎收到的常用标签）等等），还有标签的属性有哪些不同标签有不一样的属性，常用的要去理解，css式样也有属性(如:background:no-repeat;这个是背景属性的一个 不重复背景属性.等等)
(2)一定要熟悉能默写出来,实际使用观察不同场景的不同变化。（这是就是所谓的浏览器兼容性）
(3)看到效果图时不要心急写代码，认真分析需求最后达到的效果。分析出效果的大至结构，找出页面共有的模块(如：颜色，展示相近的模块)要写出来以便后面复用。
(4)做过程中注意优化 html结构(简)、css(sprite，hack css)、 图片(压缩)

你在做三个练习：（下载下来做）
http://sc.68design.net/mb/23655.html
http://sc.68design.net/mb/23653.html

 

 

第三周初入javascript 

1.分析研究网站Html+css http://91mb.com.cn/met093/342/ 
2.初入javascript 带上问题什么是javascript,有什么用途？
3.了解javascript 与 浏览器的关系，与 html元系的关系 ,javascript的历史
4.熟练EMACScript 语法
5.什么是dom操作，什么是bom操作
6.进入javascript初级学习网 http://www.imooc.com/learn/36

 

 

第四周JavaScript进阶并熟悉开发环境

 

在学习JavaScript进阶前，你要先去了解一下开发调试工具，主流浏览器 IE、Firefox、Google 一般都是按F12就可以打开调试工具。

1.了解熟悉 IE、Firefox、Google调试工具 【Firefox】http://www.imooc.com/view/137

2.在第1步了解完后，进入JavaScript进阶【重点】

这里要主重学习，javascript事件,它是怎么触发，是什么样的顺序，怎么去阻止事件的触发。认清事件http://www.imooc.com/view/138

3.了解javascript 内置对象、浏览器对象

4.熟练DOM对象，控制HTML元素 【重点】

 

 

第五周 javascript 面向对象

 

1.了解基本类型，【原始类型】【引用类型】 (第二章的ECMAScript基础)

2.理解函数
1.无重载
2.arguments 对象
3.Function类
4.闭包

3.对象基础
1.什么是面向对象
2.对象的构成
3.对象应用
4.对象类型
5.作用域
6.定义类或对象
7.修改对象
4.继承

目标,你举例写出相关的类应用！写出以人类为主的相关类的运用!

 

 

第六周  理解协议 异步 熟悉javascript类库

1.理解http协议
2.理解ajax请求
3.熟悉javascript类库
1）什么是类库
2）了解常用的类库有（jquery、prototype.js、mootools等）
3）学习熟悉 jquery 框架
4.了解javascript框架
1）jquerymobile
2）KISSY
3) YUI
4）Ext 
5）Dojo

 

 

 

第七周  熟悉web开发相关知识点

1.了解主流的web开发语言
1）语言优缺点
2）常见的类库框架
2.了解主流的web服务器（apache、tomcat、IIS）
1）基本工作原理
3.了解sql 基本知识（创建，删除，更新，查询）
4.总结web开发所涉及到的知识