该课程由猎学网审核,享受猎学网报名、支付保障
课程内容 | 知识点 | 课程实例图 |
了解Web前端及开发前的准备 |
1.WEB前端现状 2.IDE环境介绍安装配置 3.WebStorm使用 4.WebStorm快捷键 |
|
DTD文档模型及HTML基础元素 |
1.DTD文档模型介绍 2.HTML基础元素 3.HTML骨架 |
|
HTML框架集与布局 |
1.frameset框架集 2.iframe内联框架 3.div css布局 4.table布局 |
|
HTML Form表单提交 |
1.基础表单 2.input输入框 3.输入框类型 4.文本域 5.列表 6.label |
|
HTML5新增元素(一) |
1.HTML5新增元素(footer、header等) 2.HTML实体 3.编码格式 |
|
CSS基本样式、基础选择器、选择器优先级 |
1.类选择器 2.id选择器 3.元素选择器 4.关系选择器 5.属性选择器 6.伪类选择器 7.伪元素选择器 8.选择器优先级 9.基本样式(背景,字体等) |
|
CSS浮动、定位 |
1.浮动 2.清除浮动 3.定位(position) 4.z-index |
|
CSS盒子模型 |
1.内边距(padding) 2.外边距(margin) 3.边框 |
|
怪异盒子模型、伸缩盒子模型 |
1.怪异盒子模型 2.新伸缩盒子 3.旧伸缩盒子 4.伸缩盒子属性 |
|
HTML与CSS实例操作 | 1.HTML与CSS布局使用及样式添加 | |
CSS3动画 |
1.2D变换 2.过渡 3.动画 |
|
CSS3媒体查询、CSS3多列布局 |
1.媒体查询(Media Queries) 2.grid 3.多列布局 4.用户界面 |
|
CSS3绘制特殊图形 |
1.绘制三角形 2.绘制矩形 3.绘制梯形 4.绘制特殊图形 |
|
雪碧图、滑动门 |
1.CSS Sprite 2.雪碧图优化 3.CSS滑动门 4.滑动门实例操作 |
|
滑动门导航栏实例操作 | 1.模拟各大网站导航滑动门效果实现 | |
Bootstrap详解(一) |
1.BS栅格系统 2.BS排版 3.BS代码 4.BS表格 5.BS表单 6.BS按钮 7.BS图片 8.BS辅助类 9.BS响应式工具 |
|
Bootstrap详解(二) |
1.BS字体图标 2.BS下拉菜单 3.BS按钮组 4.BS输入框 5.BS导航 6.BS徽章 7.BS巨幕 8.BS页面 9.BS缩略图 10.BS警告框 11.BS进度条 12.BS面板 13.BS Well |
|
深入定位 | 1.子父级定位的深度讲解 | |
HTML与CSS实例操作 | 1.使用BS完成站点搭建 | |
HTML5新增元素(二) | 1.HTML5新增元素(表单新增属性) | |
认识JavaScript |
1.导论 2.JavaScript历史 3.基本语句 4.变量 5.大小驼峰命名规则 |
|
数据类型、条件语句、分支语句 |
1.数据类型 2.if结构 3.if…else 4.switch语句 5.while 6.for循环 7.do…while 8.break和continue 9.typeof 10.null和undefined |
|
字符串详解 |
1.定义 2.转义 3.字符串与数组 4.length属性 5.字符集 6.Base64转码 .String属性 8.String方法 |
|
数组详解 |
1.数组定义 2.数组本质 3.length属性 4.类似数组对象 5.in运算符 6.for…in 7.数组空位 8.数组的静态方法 9.Array的实例方法 10.ES5新加入的数组方法 |
|
对象、函数、数值 |
1.对象定义 2.对象创建 3.with语句 4.函数概述 5.函数的属性和方法 6.函数作用域 7.函数参数 8.数值精密计算 |
|
Math函数、作用域 |
1.Math函数 2.Math函数方法 3.作用域详解 |
|
DOM操作(1) |
1.Node节点 2.Document节点 3.Element节点 4.Text节点和DocumentFragment |
|
DOM操作(2) |
1.Event对象 2.CSS操作 |
|
排序算法 |
1.冒泡排序 2.快速排序 3.插入排序 4.数组去重 5.递归 6.随机数算法 |
|
实战操作 |
1.ofans静态布局 2.动态修改数据 |
|
事件详解 |
1.事件流 2.事件处理程序 3.事件对象 4.事件类型 5.内存和性能 6.模拟事件 |
|
BOM对象 |
1.window对象 2.location对象 3.navigator对象 4.screen对象 5.history对象 6.定时器 |
|
预解释 |
1.带var关键字预解释 2.带function关键字预解释 3.无节操预解释 |
|
作用域 |
1.局部作用域 2.全局作用域 |
|
this关键字 |
1.自执行函数this指向 2.DOM中this指向调用元素 3.函数中,谁调用了当前函数,this就指向谁 4.在构造函数模式类中,this.xxx =xxx;this指向当前类的实例对象 5.我们使用call和apply可以任意修改类的指向问题 |
|
call和apply |
1.call关键字 2.apply关键字 |
|
闭包 |
1.闭包与变量 2.关于this关键字 3.内存泄露 |
|
原型和原型链 |
1.原型详解 2.原型图绘制 3.原型链 |
|
面向对象 |
1.理解对象 2.创建对象 3.继承 |
|
封装、继承和多态 |
1.封装 2.原型回顾 3.继承 4.多态 |
|
DOM实现原理和DOM深入 |
1.DOM实现原理 2.DOM深入 |
|
正则表达式及实战 |
1.正则对象的属性和方法 2.字符串对象的方法 3.匹配规则 4.电话号码、邮箱等验证 |
|
JSON和JSON解析 |
1.JSON对象 2.JSON格式 3.JSON方法 4.JSON解析 |
|
事件原理及自定义事件 |
1.事件原理 2.自定义事件 |
|
拖拽和原生拖拽事件 |
1.拖拽实现 2.原生拖拽 |
|
Http协议及Ajax |
1.Http协议 2.Ajax请求 3.XHR对象 4.状态码 |
|
Ajax详解及跨域处理 |
1.理解跨域访问 2.解决跨域访问 3.跨域访问原理 4.跨域访问多种处理方案 |
|
惰性函数及函数柯里化 |
1.惰性函数 2.函数柯里化 3.实例引入 |
|
Bootstrap JS部分 |
1.BS过渡效果 2.BS模态框 3.BS下拉菜单 4.BS滚动监听 5.BS标签页 6.BS工具提示 7.BS弹出框 8.BS警告框 9.BS按钮 10.Collapse 11.Carousel |
|
实战操作使 | 用原生js完成页面效果及异步请求 | |
本地存储 |
1.Web Sql 2.Local Storage 3.session Storage 4.cookie 5.Application Cache |
|
jQuery选择器 |
1.属性选择器 2.基础选择器 3.子元素选择器 4.内容过滤 |
|
jQuery DOM属性 |
1.class属性 2.复制元素 3.DOM插入 4.DOM移除 5.DOM替换 6.通用属性 7.CSS属性 |
|
jQuery事件 |
1.浏览器事件 2.文档加载 3.绑定事件处理器 4.事件对象 5.表单事件 6.键盘事件 7.鼠标事件 |
|
jQuery特效及遍历 |
1.基本特效 2.自定义 3.渐变 4.滑动 5.过滤 6.遍历 |
|
jQuery Ajax |
1.全局Ajax事件处理器 2.辅助函数 3.底层接口 4.快捷方法 |
|
jQuery实战 | 1.实战操作 | |
jQuery动画 | 1.常用的jquery动画库 | |
jQuery实战 | 1.jquery实战操作 | |
前后台交互 |
1.了解后端 2.了解数据来源 3.掌握数据获取方式 4.掌握数据库,后端前端的交互方式 |
|
地图定位及开放平台接入 |
1.地图定位 2.百度平台 3.腾讯平台 |
|
设计模式 |
1.构造函数模式 2.单例模式 3.工厂模式 |
|
设计模式 |
1.命令模式 2.模块模式 3.原型模式 4.组合模式 5.观察者模式 |
|
工具库开发 |
1.事件库 2.DOM库 |
|
实战开发 | 实战开发 | |
了解nodejs |
1.搭建node环境 2.HTTP 3.搭建node服务器 4.node链接MongoDB |
|
Angular入门 |
1.AngularJS简介 2.开发第?一个AngularJS程序 3.前端MVC的设计和搭建 4.数据双向绑定 5.Controllers 6.$scope |
|
Angular服务 |
1.service 2.使用$http查询mysql |
|
Angular路由与多视图 | 1.Angular路由与多视图 | |
Angular实战 | 1.Angular实战 | |
Grunt和Gulp构建工具 |
1.grunt介绍 2.grunt环境搭建 3.grunt任务编写 4.gulp介绍 5.gulp环境搭建 6.gulp任务编写 |
|
SVN及Git协同开发 |
1.SVN环境搭建 2.使用SVN协同开发 3.Git命令 4.使用GIt协同开发 |
|
了解ES6 |
1.ES6介绍 2.ES6语法改变 3.ES6新增 |
|
React | 1.React | |
前端开发优化 | 前端开发优化 | |
移动端开发 | 移动端开发 |
|
移动端开发 | 移动端开发 | |
移动端开发 | 移动端开发 | |
移动端开发 | 移动端开发 | |
移动端开发 | 移动端开发 | |
PHP基础 |
1.PHP简介 2.PHP语法 3.PHP变量 4.PHP运算符 5.PHP循环语句 6.PHP分支语句 7.PHP函数 8.PHP数组 |
|
PHP表单 |
1.PHP表单处理 2.PHP表单验证 3.PHP表单必填 |
|
PHP文件操作 |
1.PHP文件 2.PHP文件打开/读取 3.PHP文件创建/写入 4.PHP文件上传 5.Cookies 6.Sessions |
|
PHP链接MySql |
1.MySql介绍 2.MySql Connect 3.MySql增删改查 |
|
PHP与AJAX | 1.PHP AJAX |
顾问将于24小时内联系您!