第2天 HTML |
1、HTTP协议 |
2、html是纯文本 |
3、html骨架 |
4、DTD文档类型 |
5、head标签 |
6、body标签 |
7、html基本语法 |
8、h系列的标签 |
9、p标签 |
10、img标签 |
第3天 HTML |
1、路径 |
2、a标签 |
3、div和span含义 |
1、无序列表 |
2、有序列表 |
3、定义列表 |
6、表格基础 |
7、合并单元格 |
第4天 CSS |
1、三个划分区域的语义标签 |
2、form标签 |
3、input标签 |
4、单行文本框 |
5、密码框 |
6、单选框 |
7、多选框 |
8、文本域 |
9、下拉菜单 |
10、按钮 |
11、html注释 |
12、废弃标签 |
13、实体字符 |
14、css的概念 |
15、css的作用 |
16、css的样式 |
17、css的书写位置 |
18、id选择器 |
第5天 CSS |
1、类选择器 |
2、标签选择器 |
3、通配符 |
4、高级选择器 |
5、高级选择器 |
6、css的继承性 |
7、css的层叠性 |
8、color属性 |
9、font-size属性 |
10、font-family属性 |
11、line-height属性 |
12、ps的切图 |
13、FW的简单操作 |
第6天 CSS |
1、font-weight属性 |
2、font-style属性 |
3、text-indent属性 |
4、text-align属性 |
5、text-decoration属性 |
6、盒模型的初步认识 |
7、padding详解 |
8、margin详解 |
9、border详解 |
10、清除默认样式 |
第7天 CSS |
1、盒模型的拓展知识 |
3、宽度剩余法 |
4、height高度设置法 |
5、margin特性之垂直方向上的塌陷 |
6、margin特性之不能用儿子去踹父亲 |
7、父子盒模型的特性 |
8、居中的几种设置方法 |
9、认识标准文档流 |
10、标准文档流的特性 |
11、块级元素和行内元素的特性 |
12、BFC与IFC |
13、浮动的基础知识 |
14、浮动的作用 |
15、浮动的特性之浮动的元素脱离标准文档流 |
16、浮动的特性之浮动的元素没有margin塌陷 |
17、浮动的特性之浮动的元素依次贴边 |
18、浮动的特性之浮动的元素让出标准流的位置 |
19、浮动的特性之字围效果 |
第8天 CSS |
1、浮动存在的问题 |
2、清除浮动的方法之给父盒子加高度 |
3、清除浮动的方法之加clear属性 |
4、清除浮动的方法之加隔墙法 |
5、清除浮动的方法之overflow法 |
6、网页大布局的书写 |
7、a标签的伪类 |
8、a标签伪类的顺序不能颠倒 |
9、a标签伪类的应用实例之按钮实例 |
10、a标签伪类的应用实例之导航栏实例 |
11、background-color背景色的详解 |
11、background-image背景图的详解 |
12、background-repeat背景重复的详解 |
13、background-position背景定位的详解 |
14、精灵图的使用方法及案例 |
15、使用ps制作精灵图 |
第9天 CSS |
1、background-attachment背景是否滚动的设置 |
2、背景的应用之文字换图片案例 |
3、背景的应用之padding设置背景图案例 |
4、position:relative的详解 |
5、position:relative的负值表示法 |
6、position:relative的应用之元素位置微调的实例 |
7、position:absolute的详解 |
8、position:absolute的特性之不针对祖先元素的定位参考点 |
9、position:absolute的特性之祖先元素有定位的参考点 |
10、position:absolute的特性之绝对定位的顶点 |
11、position:absolute的特性之利用绝对定位制作压盖效果 |
12、position:absolute的特性之绝对定位的元素设置水平居中 |
第10天 CSS |
1、position:absolute的实例之呼吸轮播图布局 |
2、position:absolute的实例之滚动轮播图布局 |
3、position:fixed的详解 |
4、z-index属性的详解 |
5、css常用单位总结:em,rem,px,pt,pc,in,mm,cm |
6、html hack的详解 |
7、css值hack的详解 |
8、css选择器hack的详解 |
9、IE6的兼容性问题 |
第11天 项目实战 |
1、制作博雅互动的页面 |
2、分析页面的结构 |
3、搭建html结构代码 |
4、搭建css样式代码 |
第12天 HTML 5 |
1、html5的简介 |
2、HTML5的新骨架和语义化标签 |
3、新的input控件 |
4、placeholder属性的详解 |
5、autofocus属性的详解 |
6、autocomplete属性详解 |
7、datalist标签的详解 |
8、video标签的详解 |
9、audio标签的详解 |
10、css3的简介 |
第13天 CSS 3 |
1、属性选择器的详解 |
2、儿子序选择器的详解 |
3、儿子类型序选择器的详解 |
4、节点关系选择器的详解 |
5、表单的伪类 |
6、节点的伪类 |
7、伪类的应用 |
8、伪元素的应用 |
第14天 CSS 3 |
1、border-radius属性的详解 |
2、box-shadow属性的详解 |
3、text-shadow属性的详解 |
4、单行截字与多行截字 |
4、background-origin属性的详解 |
5、background-clip属性的详解 |
6、background-size属性的详解 |
7、渐变背景的详解 |
8、多背景的详解 |
9、过渡的基础知识 |
10、2D变形的详解 |
第15天 CSS 3 |
1、2D变形实例 |
2、空间移动 |
2、@keyframes规则的详解 |
3、animation属性的详解 |
4、animation属性制作动画的实例 |
5、box-sizing属性的详解 |
6、响应式布局的详解 |
6、百分比布局的详解 |
7、弹性盒与flex布局 |
8、列表布局 |
9、双飞翼布局 |
10、圣杯布局 |
11、rem布局 |
12、其他常用响应式布局 |
第16天 BootStrap |
1、固比固模型的详解 |
2、媒体查询的详解 |
3、内嵌式媒体查询的详解 |
4、Bootstrap使用步骤 |
5、Bootstrap栅格系统的详解 |
6、Bootstrap栅格系统的实例 |
7、Bootstrap的排版之对齐类 |
8、Bootstrap的排版之强调类 |
9、Bootstrap的表单使用及实例 |
10、Bootstrap的按钮,图片的使用及实例 |
11、Bootstrap的字体图标 |
12、Bootstrap的导航等工具的使用及实例 |
第17天 项目实战 |
1、制作线上项目移动端的页面 |
2、分析页面的结构 |
3、搭建html结构代码 |
4、搭建css样式代码 |
第18天 项目实战 |
1、制作线上项目的页面 |
2、分析页面的结构 |
3、搭建html结构代码 |
4、搭建css样式代码 |
第19天 JavaScript基础 |
1、Javascript简介 |
2、Javascript的书写位置 |
3、alert语句 |
4、console.log()语句 |
5、数字字面量 |
6、字符串字面量 |
7、变量的声明 |
8、变量的赋值 |
9、变量声明的提升 |
第20天 JavaScript基础 |
1、数据类型的检测方法 |
2、数据类型的转换方法 |
3、数学运算符 |
4、Math对象的几种方法 |
5、比较运算符 |
6、逻辑运算符 |
7、短路语法 |
第21天 JavaScript基础 |
1、赋值运算符 |
2、综合运算的顺序 |
3、if语句的详解 |
4、三元运算符的详解 |
5、switch语句的详解 |
6、for循环语句的详解 |
7、穷举思想的详解 |
8、累加器和累乘器的实例 |
第22天 JavaScript基础 |
1、do while语句的详解 |
2、while语句的详解 |
3、break用法的详解 |
4、continue用法的详解 |
5、函数语句的声明 |
6、函数语句的调用 |
7、函数的参数详解 |
8、函数的返回值的详解 |
9、函数表达式 |
10、函数的数据类型 |
第23天 JavaScript基础 |
1、函数声明的提升 |
2、递归函数的详解 |
3、局部变量和全局变量的详解 |
4、变量的作用域 |
5、作用域链的详解 |
6、函数的作用域 |
7、闭包的详解 |
8、arguments的详解 |
9、IIFE的详解 |
第24天 JavaScript基础 |
1、数组的基础知识 |
2、结合数组观察闭包 |
3、数组的遍历 |
4、数组的首尾操作方法 |
5、数组的合并和拆分方法 |
6、数组的删除方法 |
7、数组的插入方法 |
8、数组的替换方法 |
9、数组的排序方法 |
10、数组转换为字符串的方法 |
11、charAt()方法的详解 |
12、concat()方法的详解 |
13、indexOf()方法的详解 |
14、slice()方法的详解 |
15、split()方法的详解 |
16、substr()方法的详解 |
17、substring()方法的详解 |
18、toLowerCase()方法的详解 |
19、toUpperCase()方法的详解 |
第25天 JavaScript基础 |
1、正则表达式的概念 |
2、正则表达式的精确匹配 |
3、正则表达式的预定义特殊字符 |
4、正则表达式的字符集 |
5、正则表达式的修饰符 |
6、正则表达式的边界 |
7、正则表达式的预定义类 |
8、正则表达式的量词 |
9、正则表达式的分组 |
10、正则表达式的或操作符 |
11、正则表达式分组的反向引用 |
12、正则表达式的中文 |
13、正则表达式的实例 |
第26天 JavaScript基础 |
1、setTimeout()方法的详解 |
2、setInterval()方法的详解 |
3、DOM的基础知识 |
4、操作html的方法 |
5、getElementsById()方法的详解 |
6、getElementsByTagName()方法的详解 |
7、操作css的方法 |
8、getComputedStyle()方法的详解 |
9、currentStyle()方法的详解 |
第27天 JavaScript基础 |
1、DOM中事件的几种方法 |
2、批量添加事件监听的方法 |
3、对应思想的实例 |
4、排他思想的实例 |
5、选项卡实例 |
6、对象基础知识 |
7、JSON的基础知识 |
8、JSON的遍历方法 |
第28天 jQuery |
1、jQuery简介 |
2、使用方式 |
3、$函数 |
4、jQuery对象 |
5、选择器 |
6、jQuery函数 |
7、常见方法 |
8、css方法 |
9、show方法、hide方法 |
10、on,trigger,off()方法 |
第29天 jQuery |
1、slideDown方法、slideUp方法 |
2、fadeIn方法、fadeOut方法 |
3、html方法 |
4、addClass方法、removeClass方法 |
5、attr方法 |
6、节点关系 |
7、$(this) |
8、parent() |
9、children() |
10、siblings() |
11、连续打点 |
12、其他节点关系方法 |
13、jQuery中的序号 |
14、eq() |
15、index() |
16、对应 |
17、each()方法 |
第30天 jQuery |
1、animate()方法 |
2、animate()方法概述 |
3、哪些属性能够参与动画 |
4、动画的顺序 |
5、回调函数 |
6、delay()延迟 |
7、stop()方法 |
8、动画积累的防止 |
9、交叉淡入淡出轮播 |
第31天 jQuery |
1、呼吸轮播图的变种 |
2、火车法轮播图 |
3、布局和CSS |
4、按钮事件 |
5、三位置法轮播图 |
6、布局和css |
7、按钮事件 |
8、小圆点事件 |
9、间歇模型 |
第32天 jQuery |
1、手风琴效果 |
2、篮球计分系统 |
3、普通思维 |
4、数组思维 |
5、异形滚动 |
6、布局和css |
7、分析 |
8、按钮功能完成 |
第33天 jQuery 项目实战 |
1、项目实战 |
2、分析页面布局 |
3、搭建html结构 |
4、书写css样式 |
5、书写页面交互效果 |
第34天 JavaScript进阶 |
1、DOM深入 |
2、概述 节点类型 |
3、DOM访问 |
4、属性访问和设置 |
5、节点关系 |
6、子节点属性childNodes |
7、firstChild和lastChild属性 |
8、parentNode属性 |
9、nextSibling和prevSibling属性 |
10、节点操作 |
11、创建节点和上树 |
12、移动节点 |
13、删除节点 removeChild()方法 |
14、替换节点 replaceChild()方法 |
15、克隆节点 cloneNode()方法 |
16、jQuery中的节点操作 |
17、$创建节点 |
18、上树的8种方法 |
19、wrap()和unwrap()、wrapAll() |
20、replaceWith()和replaceAll()方法 |
21、empty()和remove()方法 |
22、clone()方法 |
23、animate函数编写 |
第35天 JavaScript进阶 |
1、事件流程 |
2、事件流概述 |
3、DOM0级事件监听方法 |
4、DOM2级事件监听 |
5、低版本IE的事件添加 |
6、事件绑定小轮子 |
7、event事件对象 |
8、IE6、7、8的兼容问题 |
9、通用属性 |
10、阻止事件冒泡 |
11、阻止默认事件 |
12、三个案例 |
13、鼠标位置 |
14、拖拽模型 |
15、剪切页面 |
第36天 JavaScript进阶 |
1、clientWidth、clientHeight |
2、offsetWidth、offsetHeight |
3、offsetLeft、offsetTop |
4、clientLeft、 clientTop |
5、innerWidth、innerHeight |
6、outerWidth、outerHeight |
7、offsetParent、offsetLeft、offsetTop |
8、offsetParent() position() |
9、offset() |
10、京东商城放大镜布局 + 样式 |
第37天 JavaScript进阶 |
1、京东商城放大镜 |
2、京东商城放大镜兼容 |
3、onscroll事件以及触发条件 |
4、京东导航一布局及样式 |
5、京东导航二功能及节流 |
6、滚轮事件兼容性以及默认事件 |
7、鼠标滚轮事件对象 |
8、鼠标滚轮轮播图 |
9、键盘事件 事件个数 触发条件 事件对象 |
10、小案例-钢琴 |
第38天 JavaScript进阶 |
1、创建对象的三种方式 |
2、创建相似对象 |
3、创建相似对象的弊端(类型无法区分) |
4、构造函数 四步走 |
5、函数共享问题如何解决? |
6、函数共享问题的解决 |
7、构造函数的原型 |
8、打字小游戏一 |
9、打字小游戏二 |
10、打字小游戏三 |
11、安全类 |
第39天Javascript进阶 |
1、模拟jQuery一 构造函数的应用一 |
2、模拟jQuery一 构造函数的应用二 |
3、模拟jQuery一 构造函数的应用三 |
4、模拟jQuery一 构造函数的应用四 |
5、模拟jQuery二 各种方法 |
6、模拟jQuery三 各种方法 |
7、使用自己的jQuery写一个轮播图 |
第40天JavaScript进阶 项目实战 |
1、项目实战贪吃蛇游戏 |
2、项目分析-类的划分和定义 |
3、渲染地图 |
4、渲染蛇 |
5、蛇移动 |
6、蛇头图片和蛇尾图片 |
7、主循环 |
8、边界判定 |
9、渲染食物 |
10、蛇吃食物并生长 |
11、食物的重置 |
12、蛇吃自己 |
13、渲染障碍 |
14、检测障碍 |
15、食物的重置修改 |
第41天 JavaScript进阶 |
1、ES5 |
2、JSON对象 |
3、数组方法 |
4、判断数组 |
5、indexOf方法和lastIndexOf方法 讲解并实现 |
6、forEach方法 讲解并实现 |
7、map方法 讲解并实现 |
8、fill方法 讲解并实现 |
9、some方法 讲解并实现 |
10、every方法 讲解并实现 |
11、filter方法 讲解并实现 |
12、reduce方法 讲解并实现 reduceRight方法 |
13、addNum方法 讲解并实现 |
第42天 Javascript进阶 |
1、严格模式 |
2、全局严格模式 |
3、局部严格模式 |
4、函数参数 |
5、同名属性 |
6、delete关键字 |
7、关键字、保留字、特殊变量 |
8、8进制 |
9、特殊字符串 |
10、eval |
11、arguments.callee |
12、with |
13、日期拓展 |
14、复习call和apply |
15、bind方法的讲解并实现 |
16、对象的创建create |
17、密封对象 seal |
18、冻结对象 freeze |
19、对象特性 |
第43天 CSS 3D |
1、复习2d知识 |
2、背面不可见属性 |
3、过渡和动画事件 |
4、3DtranslateZ + perspective |
5、先平移再旋转 与 先旋转再平移 |
6、transform-style: preserve-3d |
7、立方体 |
8、3d碎片轮播图布局 |
9、3d碎片轮播图样式 |
10、3d碎片轮播图代码 |
第44天 移动端 |
1、touchstart事件 |
2、touchmove事件 |
3、touchend事件 |
4、touchcancel事件 |
5、事件对象 |
6、手指滑动轮播图(携程) |
7、zepto介绍 |
8、地图API |
9、highcharts |
10、 标题 |
11、横坐标轴 |
12、纵坐标轴 |
13、提示框 |
14、数据点的细节 |
15、署名 |
16、图例 |
17、数据列 |
18、百度天气 |
19、导出图片 |
20、动态更新图表 |
第45天 模块化 |
1、工作中常见问题 |
2、seajs定义模块 |
3、Require模块 |
4、使用具有id的模块 |
5、暴露接口4大类方法 |
6、模块对象 |
7、异步加载模块 |
8、同步加载与异步加载 |
9、配置 |
10、预加载插件 |
11、加载css文件 |
12、MVC模块化 |
13、requirejs定义模块 |
14、模块对象 |
15、使用具有id的模块 |
16、模块覆盖 |
17、接口暴露 |
18、配置 |
19、Css插件 |
20、MVC模块化 |
第46天 HTML5 |
1、音频 |
2、视频 |
3、本地存储 |
4、会话存储 |
5、本地存储案例 |
6、多线程一 |
7、多线程二 |
8、事件推送 |
9、websql |
10、history |
11、 定位 |
12、 调用摄像头 |
13、 webGl |
第47天 Canvas |
1、canvas简介 |
2、坐标系的概念 |
3、路径的概念 |
4、连线 |
5、画圆 |
6、画方 |
7、绘制图片一 |
8、绘制图片二 |
9、绘制图片三 |
10、旋转坐标系 |
11、平移坐标系 |
12、保存+恢复状态 |
13、获取像素信息 |
14、操作像素 |
15、融合属性 |
16、像素检测 |
第48天 flappybird像素鸟游戏 项目实战 |
1、布局和分析 |
2、背景类 |
3、管子类 |
4、绘制管子 |
5、管子移动 |
6、鸟类 |
7、渲染鸟 |
8、鸟的升降旋转 |
9、碰撞检测 |
第49天 打地鼠游戏 项目实战 |
1、布局和分析 |
2、地鼠类 |
3、渲染地鼠 |
4、地鼠重置 |
5、分数渲染 |
6、地鼠死亡 |
7、锤子 |
8、重新开始 |
9、音乐开关 |
第50天 设计模式 |
1、设计模式简介 |
2、设计模式分类 |
3、简单工厂模式 |
4、寄生增强工厂 |
5、工厂方法 |
6、原型、继承 |
7、安全类 |
8、闭包类 |
9、惰性单例 |
10、jQuery中的观察者模式 |
11、自己的观察者模式 |
12、DOM2级观察者模式 |
13、微博 |
14、观察者模式的注销事件 |
15、Backbone中的观察者模式实现 |
16、Backbone单次注册消息once方法实现 |
第51天 设计模式 |
1、适配器模式 |
2、jQuery中的策略模式 |
3、打折策略 |
4、表单正则策略 |
5、组合模式 |
6、jQuery中的迭代器 |
7、underscore中的迭代器 |
8、自己的迭代器 |
9、委托模式一 减少事件数量 |
10、委托模式二 预言未来元素 |
11、委托模式三 防止内存泄漏 |
第52天 设计模式 |
1、命令的定义 |
2、命令的调用 |
3、节流器模式为什么要存在——京东导航 |
4、节流器模式的实现(使用和停止) |
5、最终节流器 |
6、jQuery实现-工厂模式 |
7、jQuery实现-拓展类 |
8、jQuery-链模式 |
第53天 NodeJS与Ajax |
1、服务器知识复习(请求、响应、类型) |
2、http请求流程 |
3、NodeJS简介(官网、下载、作用、历史) |
4、NodeJS安装以及环境变量 |
5、NodeJS特点(单线程、非阻塞I/O、事件驱动) |
6、NodeJS简单服务器 |
7、NodeJS原生中的请求对象和响应对象及方法 |
8、表单发送get请求及node处理 |
9、表单发送post请求及node处理 |
第54天 Nodejs与Ajax |
1、get请求和post请求的区别 |
2、AJAX简介 |
3、AJAX四步 |
4、AJAX发送get请求 |
5、AJAX发送post请求 |
6、AJAX兼容性 |
7、AJAX要的是JSON以及字符串转对象的三种方式 |
8、jQuery中的ajax |
9、jQuery中的序列化表单--数组会自带[] |
10、AJAX封装 |
11、表单序列化 |
第55天 Ajax |
1、瀑布流简介---花瓣网 |
2、瀑布流布局---0~99图片---发现底部不平问题 |
3、瀑布流布局---0~99图片---解决底部不平问题 |
4、花瓣网布局 |
5、花瓣网数据抓取 |
6、发送ajax请求抓取数据并分析 |
7、新问题---如何将ajax请求回来的数据放入界面上 |
8、解决方案----模板 |
9、新问题---如何将内容放入模板---解决方案:格式化函数 |
10、最终渲染完毕 |
第56天 Ajax |
1、域和同源策略 |
2、JSONP跨域 |
3、JSONP轮子 |
4、name跨域 |
5、document.domain跨域 |
6、HTML5中的window.postMessage方法 |
7、代理模板 |
第57天 框架设计-MVC与Backbone |
1、MVC介绍 |
2、M层的实现 |
3、V层的实现 |
4、C层的实现 |
5、MVC暴露内容 |
6、静态服务器和模块划分 |
7、创建视图的步骤(背景模块) |
8、背景模块样式 |
9、背景模块交互 |
10、头部模块数据 |
11、头部模块视图一 |
12、头部模块视图二 |
第58天 框架设计-MVC 项目实战 |
1、头部视图和样式 |
2、头部控制器 |
3、使用观察者模式解决跨模块通信问题 |
4、carousel模块一视图 |
5、carousel模块二样式 |
6、carousel模块三交互 |
7、whatwedo模块一视图 |
8、whatwedo模块二样式 |
9、latestworks模块一视图 |
10、latestworks模块二样式 |
11、latestworks模块三交互 |
第59天 框架设计-MVVM |
1、posts模块一视图 |
2、posts模块二样式 |
3、portfolio模块一视图 |
4、portfolio模块二样式 |
5、portfolio模块三交互一 |
6、portfolio模块三交互二 |
7、portfolio模块三交互三 |
8、MVVM模式 |
9、MVVM封装组件 |
第60天 TypeScript+Github |
1、安装git |
2、linux常见指令 |
3、git文件状态 |
4、git指令 |
5、建立信任关系 |
6、上传文件 |
7、拉取版本库 |
8、Typescript |
9、工程化编译 |
10、枚举类型 |
11、函数 |
12、类 |
13、继承 |
14、对象接口 |
15、函数接口 |
16、类接口 |
17、模块 |
第61天 ECMAScript 6 |
1、浏览器端编译ES6 |
2、服务器器端编译ES6 |
3、Let关键字 |
4、常量 |
5、字符串位置 |
6、多行字符串 |
7、重复字符串 |
8、原始字符串 |
9、数字对象拓展 |
10、数学对象拓展 |
11、Form方法 |
12、Of方法 |
13、获取数组成员 |
14、数组拷贝 |
15、对象字面量 |
16、Is判断方法 |
17、数组迭代器方法 |
第62天 ECMAScript 6 |
1、Assign方法 |
2、Symbol类型 |
3、代理 |
4、默认参数 |
5、获取剩余参数 |
6、对象解构 |
7、数组解构 |
8、箭头函数 |
9、箭头函数作用域 |
10、Set对象 |
11、Weakset对象 |
12、Map对象 |
13、Weakmap对象 |
14、迭代器 |
15、Generator函数 |
16、Promise对象 |
第63天 NodeJS与Express |
1、模块(核心模块、第三方模块) |
2、模块(自定义模块、暴露接口、CommonJS规范) |
3、URL模块和PATH模块 |
4、静态服务器完善 |
5、调查表案例 |
6、文件上传formidable |
7、Express简介 |
8、express路由 |
9、express静态化文件夹 |
第64天 NodeJS与MogonDB |
1、EJS模板(后端渲染) |
2、Mongo数据库的安装 |
3、Mongo数据库的介绍 |
4、增删改查 |
5、NodeJS连接MongoDB |
6、注册布局 |
7、检测用户名 |
8、注册逻辑 |
9、登录逻辑 |
第65天 NodeJS 项目实战 |
1、cookie的简介 |
2、session的简介 |
3、框架搭建 |
4、注册逻辑一 |
5、注册逻辑二 |
6、主页 |
7、创建相册功能 |
8、删除相册功能 |
9、显示相册内容 |
10、文件上传 |
第66天 NodeJS |
1、删除图片 |
2、权限操作分析 |
3、图片修改状态 |
4、全部相册逻辑 |
5、我的相册逻辑 |
6、GM模块的简单使用 |
7、头像裁剪布局 |
8、头像裁剪功能 |
9、退出功能 |
第67天 NodeJS 项目实战 |
1、聊天室功能介绍 |
2、AJAX轮询聊天室(布局) |
3、AJAX轮询聊天室(功能) |
4、Socket.io模块简介 |
5、Socket.io模块测试 |
6、Socket.io模块聊天室(布局) |
7、Socket.io模块聊天室(功能一 实时聊天) |
8、Socket.io模块聊天室(功能二 用户进入之后显示欢迎) |
9、Socket.io模块聊天室(功能三 用户离开之后显示欢送) |
10、Socket.io模块聊天室(功能四 全体禁言) |
第68天NodeJS与KOA |
1、koa简介 |
2、安装koa |
3、搭建服务器 |
4、context对象 |
5、HTTP请求 |
6、静态资源与重定向 |
7、网页模板 |
8、配置路由 |
9、中间件与配置 |
10、错误处理 |
11、cookie和session |
12、表单提交 |
13、文件上传 |
14、链接数据库 |
15、对比KOA与Express |
第69天 Webpack工程化+ Gulp工程化 |
1、体验gulp |
2、Task任务 |
3、读写文件 |
4、监听文件 |
5、Globs语法 |
6、重命名插件 |
7、压缩js插件 |
8、压缩css插件 |
9、压缩html插件 |
10、项目实战 |
11、文件打包 |
12、语法检测 |
13、图片压缩 |
14、Webpack |
15、Webpack-dev-server |
16、图片加载机 |
17、压缩js插件 |
18、环境变量与全局变量 |
19、Hot module |
第70天 CSS预编译LESS + SASS |
1工程化编译less |
2、变量 |
3、混合 |
4、方法 |
5、条件语句 |
6、数学方法 |
7、色彩四类方法 |
8、字符串方法 |
9、作用域 |
10、导入文件与JS语句 |
11、插值语法 |
12、工程化编译sass |
13、变量 |
14、属性嵌套 |
15、混合 |
16、混合传参与获取剩余参数 |
17、继承 |
18、作用域 |
19、数学,字符串与色彩运算 |
20、插值语法 |
21、If条件语句与三元语句 |
22、For循环语句与栅格化系统 |
23、While循环与枚举循环 |
第71天 微信开发 项目实战 |
1、注册微信小程序 |
2、全局配置 |
3、App应用程序 |
4、Page页面 |
5、模块化开发 |
6、路由 |
7、If指令与for指令 |
8、模板 |
9、事件 |
10、引入文件 |
11、项目实战--明信片 |
第72天 Angular 1.0 |
1、Angular简介 |
2、Angular双向绑定 |
3、初始化数据 |
4、获取应用该程序 |
5、作用域 |
6、事件 |
7、显隐页面 |
8、插值表达式 |
9、过滤器 |
10、日期过滤器 |
11、日期过滤器实现 |
12、Filter过滤器 |
13、字符串过滤器 |
14、排序过滤器 |
15、数字过滤器 |
16、自定义过滤器 |
第73天 Angular 1.0 |
1、脏值检测 |
2、注册页面 |
3、Ng-readyonly |
4、Ng-disabled |
5、Ng-checked |
6、Ng-change |
7、Ng-submit |
8、根作用域 |
9、作用域 |
10、Ng-href |
11、Ng-src |
12、绑定类 |
13、绑定样式 |
14、If模板指令 |
15、多分支模板指令 |
16、循环模板指令 |
17、Ng-include |
第74天 Angular 1.0 |
1、自定义指令 |
2、指令作用域 |
3、自定义指令内容作用域 |
4、自定义指令模板作用域 |
5、@修饰符 |
6、=修饰符 |
7、&修饰符 |
8、Link方法 |
9、实现ng-show指令 |
10、实现ng-bind指令 |
11、实现ng-class指令 |
12、Transclude属性 |
13、自定义指令嵌套 |
14、表单验证指令 |
15、作用域丢失 |
16、倒计时 |
第75天 Angular 1.0 |
1、$http服务 |
2、Get请求 |
3、Post请求 |
4、Factory自定义服务 |
5、Service自定义服务 |
6、自定义观察者模式服务 |
7、指令路由 |
8、路由控制器 |
9、路由重定向 |
10、路由事件 |
11、Location服务 |
12、Ui路由 |
13、路由参数 |
14、多视图渲染 |
15、重定向以及默认路由 |
16、子路由 |
17、Ui路由事件 |
第76天 Angular 1.0项目实战 |
1、环境配置 |
2、登录检测 |
3、登录模块 |
4、首页模块 |
5、导航模块 |
6、创建用户 |
7、用户列表 |
8、用户详情 |
9、创建新闻 |
10、新闻列表 |
11、新闻详情 |
第77天 Angular 6.0 |
1、安装@angular/cli |
2、创建项目 |
3、组件、注解与元信息 |
4、选择器与样式 |
5、插值 |
6、子组件 |
7、组件通信 |
8、事件 |
9、局部模板变量 |
10、Ng-if指令 |
11、Ng-switch指令 |
12、Ng-for指令 |
13、自定义管道 |
14、Form表单以及脏值检测 |
15、自定义指令 |
16、自定义服务 |
17、RxJS与Promise |
18、路由模块 |
19、组件继承 |
第78天 Angular 6.0项目实战 |
1、配置环境 |
2、首页组件 |
3、展示信息 |
4、提交信息 |
5、存储数据 |
6、组件通信 |
7、更新视图 |
8、删除信息 |
第79天 Vue 2.0 |
1、体验vue |
2、webpack配置ES6开发环境 |
3、选择器 |
4、数据绑定与数据丢失 |
5、插值 |
6、数据动态绑定 |
7、数据双向绑定 |
8、类的三种绑定方式 |
9、新浪案例 |
10、样式的三种绑定方式 |
11、淘宝案例 |
12、underscore条件语句 |
13、v-if指令 |
14、template模板v-if |
15、underscore循环指令 |
16、v-for指令 |
17、template循环指令 |
18、支付宝注册 |
第80天 Vue 2.0 |
1、多选框 |
2、单选框 |
3、下拉框 |
4、Hao123下拉框 |
5、事件 |
6、键盘事件修饰符 |
7、淘宝注册 |
8、自定义指令 |
9、京东注册 |
10、自定义过滤器 |
11、京东商品价格 |
12、登录页面 |
第81天 Vue 2.0 |
1、过滤器 |
2、过渡 |
3、组件 |
4、子组件向父组件通信 |
5、体验路由 |
6、路由参数 |
7、默认路由 |
8、子路由 |
9、路由导航 |
10、异步请求 |
第82天 Vue 2.0项目实战 |
1、创建页面组件 |
2、搭建路由 |
3、Header与工具方法 |
4、分类按钮 |
5、广告视图 |
6、商品列表 |
7、列表页 |
8、列表页交互 |
9、详情页 |
第83天 VueX |
1、项目模块化 |
2、Amd规范模块化 |
3、Vuex实现组件通信 |
4、Vuex同步操作更新数据 |
5、Vuex异步操作更新数据 |
6、ES6中使用插件 |
7、Vue组件 |
8、Webpack编译Vue组件 |
9、体验vue-cli |
10、vue-cli操作指令 |
第84天 Vue/cli + Router + VueX + ES6 + Webpack项目实战 |
1、vue-cli安装项目 |
2、安装插件 |
3、引入LESS |
4、配置路由 |
5、获取店铺数据 |
6、渲染店铺视图 |
7、店铺商品页面 |
8、商品分类页面 |
9、缓存数据 |
10、Vuex共享数据 |
第85天 React |
1、react简介 |
2、创建组件 |
3、Jsx语法 |
4、工程化编译jsx语法 |
5、插值 |
6、新闻列表 |
7、属性 |
8、样式 |
9、事件 |
10、状态 |
11、换肤 |
第86天 React |
1、组件创建期 |
2、子组件 |
3、组件存在期 |
4、组件销毁期 |
5、非元素属性 |
6、非约束性组件 |
7、约束性组件 |
8、下拉框约束性与非约束性 |
9、单选框约束性与非约束性 |
10、使用非react类库 |
11、使用侵入式插件 |
第87天 React项目实战 |
1、子组件向父组件通信 |
2、兄弟组件通信 |
3、项目部署 |
4、导航组件 |
5、Banner组件 |
6、首页组件 |
7、起步页组件 |
8、起步页样式 |
9、CSS组件 |
10、抽象组件 |
11、模块化 |
第88天 React与Reflux项目实战 |
1、项目部署 |
2、加载动画 |
3、图片加载器 |
4、请求数据 |
5、配置路由 |
6、Banner组件 |
7、首页组件 |
8、分类组件reflux实现 |
9、Search组件reflux实现 |
10、模块化 |
第89天 React与Redux项目实战 |
1、Redux |
2、Redux通信 |
4、React引入Redux |
5、ES Module规范 |
6、虚拟DOM |
7、创建组件 |
8、定义路由 |
9、header组件 |
10、axios异步请求 |
11、首页 |
12、详情页 |
13、评论页 |
14、提交评论 |
15、返回逻辑 |
第90天 ReactNative 项目实战 |
1、安装reactNative环境 |
2、体验ReactNative |
3、内置组件 |
4、配置环境 |
5、首页组件 |
6、展示信息 |
7、提交信息 |
8、存储数据 |
9、组件通信 |
10、更新视图 |
11、删除信息 |
第91天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战 |
第92天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战 |
第93天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战 |
第94天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战 |
第95天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战 |
第96天 就业辅导 |
第97天 面试模拟 |
第98天 毕业设计 |
第99天 毕业设计 |
第100天 毕业答辩 |
初级课 |
01 第11天 css 项目实战 游戏网站 |
02 第17天 移动端 项目实战 携程网站 |
03 第18天 Bootstrap 项目实战 博客网站 |
04 第33天 jQuery 项目实战 Design Studio |
05 第40天 javascript进阶 项目实战 贪吃蛇游戏 |
高级课 |
06 第48天 html5游戏 项目实战 flappy bird |
07 第49天 html5游戏 项目实战 打地鼠游戏 |
08 第58天 MVC 项目实战 Zeences Design |
09 第65天 nodejs 项目实战 相册系统 |
10 第67天 node socket 项目实战 聊天系统 |
11 第71天 微信 项目实战 个人明信片 |
12 第76天 Angular 1.0 项目实战 新闻后台管理系统 |
13 第78天 Angular 6.0 项目实战 备忘录系统 |
14 第82天 vue 项目实战 美团网 |
15 第84天 vue cli 项目实战 百度外卖 |
16 第87天 react 项目实战 Bootstrap官网 |
17 第88天 Reflux 项目实战 网址导航 |
18 第89天 Redux 项目实战 腾讯新闻 |
19 第90天 ReactNative 项目实战 日事清系统 |
20 第91天 毕设项目 项目实战 |
(20)第91天 KOA搭建搭建服务器 |
(21)第92天 MongDB搭建数据库 |
(22)第93天 AngularJS搭建后台管理系统 |
(23)第94天 Vue移动端网站 |
(24)第95天 React PC端网站 |
注:从Angular 6.0开始,全部为ES6语法教学 |
第1套 HTML与CSS测试 |
第2套 JavaScript基础测试 |
第3套 Javascript进阶测试 |
第4套 Ajax阶段测试 |
第5套 NodeJS测试 |
第6套 算法与设计模式测试 |
第7套 Angular相关测试 |
第8套 Vue相关测试 |
第9套 React相关测试 |
第10套 综合测试 |
Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。
第一阶段:页面制作基础
从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!
第二阶段:主流框架应用
优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架,包括bootstrap、Angularjs等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的web前端框架的方法!?
第三阶段:前端技术进阶
web前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的web前端页面。
第四阶段:前端技术拓展
web前端技术发展日新月异,因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于、Backbone、bootstrap等技术的拓展学习和web前端项目的实战开发演练。