公告：全网最全资源一手掌握,虚拟资源知识付费资源首选！！！

欢迎您访问本网站，请了解更多！

欢迎您访问本网站，请注册了解更多！

网站首页 > 技能学习 > 程序教程 > 正文

三个月从入门成为前端开发工程师系列学习视频教程

作者：访客日期：2016-06-24浏览：586分类：程序教程

点击查看

资源下载地址

大小 : 19 MB | 下载量 : 586 次 | 文件类型 : 压缩文件

看到美观而设计感强的页面，怎样把它做出来？你的想法能不能变成别人眼前的现实？本课程以解决实际案例为导向，从切图开始，通过学习HTML标签与CSS设计，让你独立完成从效果图到网页的编码实现。

课程目录：

页面制作

单元（章）课题（节）内容

1.Photoshop切图 1.工具、面板、视图介绍切图概念、PS软件、PS的面板+常用工具+辅助视图。

2.测量、取色介绍并演示获取信息的方法：测量与取色

3.切图切图及切图的各种操作：隐藏文字（独立图层和非独立图层的不同操作方法）、png8和png24格式的切图方式、可平铺背景的切图方式及活动页的切图方式。

4.保存保存图片的操作，图片的几种保存格式（png8\png24\jpg）

5.修改、维护图片的修改与维护方式

6.图片优化与合并图片的使用方法，图片的优化合并方案（包括图片合并的排列方式及分类合并方案），图片兼容方案。

2.开发、调试工具 1.开发、调试工具常用开发工具和调试工具的功能介绍与使用方法

3.HTML 1.HTML简介简要介绍HTML发展历史、基本概念和文档声明等

2.标签介绍标签语法、各类标签及语义化

3.实体字符介绍常用实体字符

4.CSS 1.CSS简介简要介绍CSS发展历史和基本概念、引入、基本语法

2.选择器基本选择器、属性选择器、伪类选择器、伪元素选择器、组合选择器、分组选择器、优先级、层叠、继承、!important

3.文本字体的基本设置、对齐方式、格式处理、高级设置等

4.盒模型盒模型概念、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline

5.背景 background基本属性、线性渐变、径向渐变

6.布局布局简介、display(水平居中、居中导航)、position(轮播头图、固定顶栏、遮罩、三行自适应布局)、float(两列布局)、flex(三行两列自适应)

7.变形 2d变形方法、3d变形方法

8.动画过渡动画、帧动画

JavaScript程序设计

单元（章）课题（节）内容

1.基础篇 1.JS介绍 html、css --> js、hello world、js特性、js&DOM、js历史

2.JS调试 alert、console、展示chrome,ff,ie 调试器界面、以Chrome为例子，详细展示、展示面板作用、查找要调试的文件、设置断点，debugger、展示4个按钮，并展示响应的堆栈变化，watch

3.基本语法标识符、变量、直接量、关键字和保留字、语句、区分大小写、注释

4.基本类型 Number（Interger, Float, NaN,Infinity）、String("",’’)、Boolean(true,false)、undefined(什么情况下为undefined)、null、Object({})、原始类型和引用类型的区别、typeof

5.运算符与表达式表达式、运算符、一元操作符(++,--, +,-)、算术运算(+、-、*、/、%)、关系运算(>、<、== 、!=、>=、<=、===、!==)、逻辑运算(！、&&、 ||)、位运算(&、|、^、~、<<、>>,>>>)、赋值运算(=)、条件运算(?:)、逗号运算(,)、对象运算符(new delete . [] instanceof)、运算符的优先级

6.语句语句、条件（if,swich）、循环（for/for in/ while/ do-while） lable break continue、异常 (try catch finally)、with、label

7.数值 Math（abs、round、ceil、floor、max、min、random、其他）、parseInt、parseFloat、Number、NaN、toFixed

8.字符串定义、length、charAt（下标）、indexOf、lastIndexOf、search、match、replace、substring、slice、substr、split、toLowerCase、toUpperCase、连接、转字符串（+、String()）、转义

9.对象定义、创建（new、直接量）、属性、方法、constructor、toString、valueOf、hasOwnproperty

10.数组定义、创建（new、直接量）、length、indexOf、forEach、【（reverse、sort）、（push、unshift）、（shift、pop）、splice】、【slice、concat、join、reduce】

11.函数函数定义(函数声明、函数表达式、函数参数、return)、函数调用、arguments、作用域、对象方法、构造函数、function.prototype

12.Date new Date(), Date.getXXXX(),格式化, Date.setXXX(),求天数, Date.getTime()

13.RegExp 字符类、元字符、量词、多选分支、转义、捕获、匹配模式

14.JSON 定义，JSON.parse(),JSON.stringify

2.进阶篇 1.类型进阶参数识别应用场景（字符串和数组的例子）、类型识别方法：typeof，constructor,Object.prototype.toString,instanceof和其他（Array.isArray, isNaN)、类型转换（所有的方法+隐式转换）

2.函数进阶函数定义（函数声明、函数表达式、new Function）、arguments（callee、转数组）、apply、call、bind、高阶函数（AOP、curry、记忆函数）

3.原型原型（概念）、构造函数、原型链（原型链,原型链查找,原型链修改,原型链删除,Function.prototype,Object.prototype）、原型继承

4.变量作用域动态作用域和静态作用域，词法环境（函数作用域），作用域链，with/catch

5.闭包闭包举例、闭包原理、闭包应用

6.面向对象 JS面向对象

DOM编程艺术

单元（章）课题（节）内容

1.基础篇 1.文档树 dom范围，节点类型，节点关系，getElements,children,sibling

2.节点操作 getElementById,getElementsByClassName,getElementsByTagName,querySelector(All),createElement,innerHTML,innerText,appendChild,insertBefore,insertAdjacentELement(HTML),removeChild,replaceChild

3.属性操作 getAttribute,setAttribute,datalist

4.样式操作 className ,classList,style,cssText

5.事件 capture、target、bubble，事件注册、取消事件注册、事件触发；事件对象；阻止事件冒泡、阻止默认事件，DOM事件分类及继承关系；鼠标事件类型、鼠标事件对象、鼠标事件举例；键盘、输入、焦点事件类型、事件对象、事件举例；其他常用事件介绍与举例，事件代理原理、事件代理例子、事件代理优缺点

6.数据通信 http协议中的头信息字段及应用

ajax(xhr2,跨域),CORS,jsonp

7.数据存储 cookie

localStorage、sessionStorage

8.动画 setInterval, setTimeout, requestAnimationFrame()，幻灯片切换动画实例

9.音频、视频 audio和video常用属性、方法和事件

10.canvas 介绍canvas基本用法和常用API

11.BOM Screen,navigator,location,history对话框,窗体互操作,load,beforeunload,scroll,resize等事件

12.表单操作 input、select、textarea

表单验证属性、接口、事件、应用

表单提交属性、接口、事件、应用

案例讲解表单的综合应用