首页 > 爱创动态 > 正文

2017年1000集大型Web前端视频教程(持续更新)
2017-07-13 14:40:13   来源:   评论:0 点击:

爱创课堂Web前端开发工程师培训(文后附视频下载链接)免费领取初中级课程视频请加QQ 2079576908爱创课堂由前百度工程师,《javaScript设
爱创课堂Web前端开发工程师培训(文后附视频下载链接)

免费领取初中级课程视频请加QQ  2079576908

爱创课堂由前百度工程师,《javaScript设计模式》张容铭老师创立,公司秉承纯干货,不忽悠的态度专注前端培训,让每个零基础的学员都能真正的从入门到精通。目前基础班免费读!!新课程增加16个实战项目,5个月助你成为真正前端工程师。

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前端项目的实战开发演练。
 
课程包含部分:

爱创课堂教学大纲

2017修订 By张容铭

第一章 初级课程

第1天 html

   1、HTTP协议
   2、html是纯文本
3、html骨架
4、DTD文档类型
5、head标签
6、body标签
7、html基本语法
8、h系列的标签
9、p标签
10、img标签
11、a标签
12、div和span含义

第2天 html

1、无序列表
2、有序列表
3、定义列表
6、表格基础
7、合并单元格
8、三个划分区域的语义标签
9、form标签
10、input标签
   11、单行文本框
13、密码框
14、单选框
15、多选框
16、文本域
17、下拉菜单
18、按钮

第3天 css

   1、html注释
   2、废弃标签
   3、实体字符
   4、css的概念
   5、css的作用
   6、css的样式
   7、css的书写位置
   8、基础选择
   9、高级选择器
   10、css的继承性
   11、css的层叠性

第4天 css

   1、color属性
   2、font-size属性
   3、font-family属性
   4、line-height属性
   5、font-weight属性
   6、font-style属性
   7、text-indent属性
   8、text-align属性
   9、text-decoration属性
   10、盒模型的初步认识
   11、padding详解
12、margin详解
13、border详解

第5天 css

   1、盒模型的拓展知识
   2、清除默认样式
   3、宽度剩余法
   4、height高度设置法
   5、margin特性之垂直方向上的塌陷
   6、margin特性之不能用儿子去踹父亲
   7、父子盒模型的特性
   8、居中的几种设置方法
   9、认识标准文档流
   10、标准文档流的特性
   11、块级元素和行内元素的特性
   12、浮动的基础知识
 

第6天 css

   1、浮动的作用
   2、浮动的特性之浮动的元素脱离标准文档流
   3、浮动的特性之浮动的元素没有margin塌陷
   4、浮动的特性之浮动的元素依次贴边
   5、浮动的特性之浮动的元素让出标准流的位置
   6、浮动的特性之字围效果
   7、浮动存在的问题
8、清除浮动的方法之给父盒子加高度
   9、清除浮动的方法之加clear属性

   10、清除浮动的方法之加隔墙法
11、清除浮动的方法之overflow法
 

第7天 css

   1、a标签的伪类
   2、a标签伪类的顺序不能颠倒
   3、a标签伪类的应用实例之按钮实例
   4、a标签伪类的应用实例之导航栏实例
   5、background-color背景色的详解
   6、background-image背景图的详解
   7、background-repeat背景重复的详解  
   8、background-position背景定位的详解
   9、精灵图的使用方法及案例
   10、background-attachment背景固定的详解
   11、背景的应用之文字换图片案例
   12、背景的应用之padding设置背景图案例
  

第8天 css

   1、position:relative的详解
   2、position:relative的负值表示法
   3、position:relative的应用之元素位置微调的实例

 
   4、position:absolute的详解
   5、position:absolute的特性之不针对祖先元素的定位参考点
   6、position:absolute的特性之祖先元素有定位的参考点
   7、position:absolute的特性之绝对定位的顶点
   8、position:absolute的特性之利用绝对定位制作压盖效果
   9、position:absolute的特性之绝对定位的元素设置水平居中
   10、position:absolute的实例之滚动轮播图  
   11、position:fixed的详解
   12、z-index属性的详解
   13、html hack的详解
   14、css值hack的详解
   15、css选择器hack的详解
   16、IE6的兼容性问题
 
                                                                   

第9天 项目实战

   1、制作博客页面
2、分析页面的结构
3、搭建html结构代码
4、搭建css样式代码

第10天 html5

   1、html5的简介
   2、HTML5的新骨架和语义化标签
   3、新的input控件
   4、placeholder属性的详解
   5、autofocus属性的详解
   6、datalist标签的详解
   7、video标签的详解
   8、audio标签的详解
   9、css3的简介
   10、属性选择器的详解
   11、儿子序选择器的详解
   12、儿子类型序选择器的详解
   13、节点关系选择器的详解

第11天 css3

   1、伪类的应用
   2、伪元素的应用
   3、border-radius属性的详解
   4、box-shadow属性的详解
   5、text-shadow属性的详解
   6、background-origin属性的详解
   7、background-clip属性的详解
   8、background-size属性的详解
   9、渐变背景的详解
   10、多背景的详解

-- 第12天 css3

   1、过渡的基础知识
   2、2D变形的详解
   3、@keyframes规则的详解
   4、animation属性的详解
   5、animation属性制作动画的实例
   6、box-sizing属性的详解
   7、响应式布局的详解
   8、百分比布局的详解
   9、固比固模型的详解
   10、媒体查询的详解

第13天 BootStrap

   1、Bootstrap使用步骤
   2、Bootstrap栅格系统的详解
   3、Bootstrap栅格系统的实例
   4、Bootstrap的排版之内联子标题
   5、Bootstrap的排版之引导主体副本
   6、Bootstrap的排版之对齐类
   7、Bootstrap的排版之强调类
   8、Bootstrap的表单使用及实例
   9、Bootstrap的按钮,图片的使用及实例
   10、Bootstrap的字体图标
   11、Bootstrap的导航等工具的使用及实例
 

第14天 项目实战

    1、制作线上项目的页面
    2、分析页面的结构
    3、搭建html结构代码
    4、搭建css样式代码

第15天 项目实战

    1、制作线上项目移动端的页面
    2、分析页面的结构
    3、搭建html结构代码
4、搭建css样式代码

第16天 js基础

   1、Javascript简介
   2、Javascript的书写位置
   3、alert语句
   4、console.log()语句
   5、数字字面量
   6、字符串字面量
   7、变量的声明
   8、变量的赋值
   9、变量声明的提升
   10、数据类型的检测方法
   11、数据类型的转换方法

第17天 js基础

   1、数学运算符
   2、Math对象的几种方法
   3、比较运算符
   4、逻辑运算符
   5、赋值运算符
   6、综合运算的顺序
   7、if语句的详解
   8、三元运算符的详解
   9、switch语句的详解

第18天 js基础

   1、for循环语句的详解
   2、穷举思想的详解
   3、累加器和累成器的实例
   4、do while语句的详解
   5、while语句的详解
   6、break用法的详解
   7、continue用法的详解
   8、函数语句的声明
   9、函数语句的调用

第19天 js基础

   1、函数的参数详解
   2、函数的返回值的详解
   3、函数表达式
   4、函数的数据类型
   5、函数声明的提升
   6、递归函数的详解
   7、变量的作用域
   8、局部变量和全局变量的详解
   9、作用域链的详解
   10、函数的作用域
   11、闭包的详解
   12、数组的基础知识
   13、数组的遍历

第20天 js基础

   1、数组的首尾操作方法
   2、数组的合并和拆分方法
   3、数组的删除方法
   4、数组的插入方法
   5、数组的替换方法
   6、数组的排序方法
   7、数组转换为字符串的方法
   8、charAt()方法的详解
   9、concat()方法的详解
   10、indexOf()方法的详解
   11、slice()方法的详解
   12、split()方法的详解
   13、substr()方法的详解
   14、substring()方法的详解
   15、toLowerCase()方法的详解
   16、toUpperCase()方法的详解

第21天 js基础

   1、正则表达式的概念
   2、正则表达式的精确匹配
   3、正则表达式的预定义特殊字符
   4、正则表达式的字符集
   5、正则表达式的修饰符
   6、正则表达式的边界
   7、正则表达式的预定义类
   8、正则表达式的量词
   9、正则表达式的分组
   10、正则表达式的或操作符
   11、正则表达式分组的反向引用   
   12、正则表达式的中文
   13、正则表达式的实例

第22天 js基础

   1、arguments的详解
   2、IIFE的详解
   3、结合数组观察闭包
   4、DOM的基础知识
   5、操作html的方法
   6、操作css的方法
   7、DOM中事件的几种方法
   8、setInterval()方法的详解

-- 第23天 js基础

   1、getElementsByTagName()方法的详解
   2、批量添加事件监听的方法
   3、对应思想的实例
   4、排他思想的实例
   6、getElementsById()方法的详解
   5、getComputedStyle()方法的详解
   6、currentStyle()方法的详解
7、对象基础知识
   8、JSON的基础知识
   9、JSON的遍历方法

第24天、jQuery第一天

1、jQuery简介
2、使用方式
3、$函数
    4、jQuery对象
    5、选择器
    6、jQuery函数
    7、常见方法
    8、css方法
    9、show方法、hide方法
   10、slideDown方法、slideUp方法
   11、fadeIn方法、fadeOut方法
   12、html方法
   13、addClass方法、removeClass方法
   14、attr方法
   15、节点关系
16、$(this)
17、parent()
18、children()
19、siblings()
20、连续打点
   21、其他节点关系方法

第25天、jQuery第二天

   1、jQuery中的序号
 2、eq()
 3、index()
 4、对应
 5、each()方法
 6、animate()方法
 7、animate()方法概述
 8、哪些属性能够参与动画
 9、动画的顺序
10、回调函数
11、delay()延迟
12、stop()方法
13、动画积累的防止
14、交叉淡入淡出轮播

第26天、jQuery第三天

   1、火车法轮播图
   2、布局和CSS
   3、按钮事件
   4、三位置法轮播图
    5、布局和css
   6、按钮事件
   7、小圆点事件
   8、间歇模型     

第27天、jQuery第四天

  1、篮球计分系统
  2、普通思维
  3、数组思维
  4、异形滚动
  5、布局和css
  6、分析
  7、按钮功能完成

* 第28天、jQuery第五天  

      1、项目实战         

第29天、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、拼图轮播

第30天、 JavaScript进阶第二天

   1、事件流
    2、事件流概述
    3、DOM0级事件监听方法
    4、DOM2级事件监听
    5、低版本IE的事件添加
    6、事件绑定小轮子
    7、event事件对象  
    8、IE6、7、8的兼容问题
    9、通用属性
   10、阻止事件冒泡
   11、阻止默认事件
   12、讲解三个案例
   13、鼠标位置

第31天、JavaScript进阶第三天

    1、复习
    2、原生JS的元素位置和尺寸
    3、认识offsetParent
    4、offsetTop和offsetLeft
    5、在页面中的净位置
    6、clientWidth、clientHeight、offsetWidth、offsetWidth
    7、拖拽
    8、去掉监听  
     9、jQuery中的事件
    10、jQuery中的同名事件是不会覆盖的  
    11、$(document).ready() 
    12、jQuery的事件相关方法

第32天、JavaScript进阶第四天

   1、复习
   2、鼠标滚轮事件
   3、Onmousewheel
   4、火狐中的鼠标滚轮事件
   5、滚轮的滚动方向与速度
   6、区别
   7、onscroll事件
   8、页面的卷动值
   9、京东导航
  10、头像裁剪布局 
11、键盘事件
12、键盘对象
13、fromCharCode
14、小钢琴 

第33天、JavaScript进阶第六天

1、ECMA中的数据类型
2、对象
3、delete关键字
   4、如何快速创建相似对象
5、构造函数
   6、方法和属性
7、原型
   8、hasOwnProperty方法
9、instanceof关键字
10、继承
11、构造函数式继承
12、类式继承
13、组合式继承
14、贪吃蛇游戏
15、分析

-- * 第34天、JavaScript进阶第七天

1、中介者模式
2、贪吃蛇游戏
   3、游戏类
   4、蛇类
   5、食物类
   6、障碍类

第35天、PHP入门第一天

1、服务器
   2、Apache服务器
   3、数据库
   4、Mysql数据库
   5、后台语言
   6、php
   7、前台语言
   8、js
9、一键安装
10、php语法
11、Php标签
12、Php书写位置
13、Php输出
 

第36天、Ajax企业级项目开发第一天

1、http请求
2、Get请求
3、Post请求
4、GET请求和POST请求带参数发送
5、AJAX简介
6、什么叫ajax?
7、XHR对象
8、字符串转化的三种方式
9、Eval
10、JSON.parse
11、new Function
12、封装轮子   
13、表单序列化和对象化

第37天、Ajax企业级项目开发第二天

1、jQuery中的ajax
2、$.get
3、$.post
4、$.ajax
5、缓存问题与解决
6、得到JSON后改变DOM
7、模板与字典
   8、Underscore
9、Each方法
10、Filter方法
11、Contains方法
12、Max、min

第38天、Ajax企业级项目开发与地图第三天

1、Template方法
2、模板修正
3、卷动到底部加载更多
4、动态绑定
   5、域
   6、跨域
   7、jsonp 
   8、ajax分页
   9、封装轮子
   10、jQuery中的jsonp
   11、瀑布流
12、百度地图

* 第39天、后台管理 项目实战第五天

    1、选课系统

第40天、css3 3D效果

1、3D变形
2、perspective
3、3d旋转
4、旋转轴
5、空间移动
6、各种3d效果
7、3d轮播图

第41天、移动端响应式开发

1、Touch事件
   2、touchStart
   3、touchMove
   4、touchEnd
5、Touch事件的轮播图
6、惯性拖拽
7、体验Highchars
8、 标题
9、横坐标轴
10、纵坐标轴
11、提示框
12、数据点的细节
13、署名
14、图例
15、数据列

第42天 HTML5与大数据可视化

1、百度天气
2、导出图片
3、动态更新图表
4、本地存储
5、会话存储
6、webWorker
7、EventSource
8、驾考一点通
9、摄像头
10、离线资源
11、在线与离线
12、地理定位
13、History API

第二章 高级课程

第1天、html5开发实战与webGL

1、Canvas详细介绍
2、Canvas API
   3、getContext
   4、rect
   5、Arc
   6、lineTo
     7、moveTo
   8、drawImage
   9、getImageData
   10、putImageData
   11、等方法
12、webGL

-- 第2天、HTML5游戏项目实战 flappy bird

1、Flappybird游戏
   2、游戏分析
   3、游戏类
    4、游戏类的属性与作用
    5、中介者模式
    6、背景类
    7、背景类的属性与作用
    8、背景类的无缝连接
      9、鸟类
     10、鸟类的属性与作用
   11、鸟类的旋转与上升下落

* 第3天、HTML5游戏项目实战 打地鼠

1、打地鼠游戏
2、游戏分析
3、Game类
4、中介者模式
5、背景类
6、背景的洞属性
7、洞的位置属性
8、地鼠类
9、地鼠的生命周期
10、地鼠的渲染
11、地鼠的样式切换
12、地鼠的死亡
13、其它类
14、锤子、
15、星星、
16、计分、
17、生命次数  

第4天、node.js企业级应用开发

1、Nodejs简介
2、Nodejs的诞生
3、Nodejs的安装
4、Nodejs的特点
     5、单线程、
   6、非阻塞I/O、
   7、事件驱动
8、Nodejs的适用场景
   9、高并发、IO密集型

第5天、node.js企业级应用开发

1、模块
2、内置模块与自定义模块
3、http模块
4、Url模块
5、Path模块
6、Fs模块
7、处理get请求
8、处理post请求
9、Npm命令
10、Formidable文件上传
 

第6天、node.js企业级应用开发

1、Express
   2、简介
       3、路由
4、Verbs路由
5、Router路由
6、Express中间件
7、Express静态化文件
8、Body-parser   
9、Ejs模板引擎
10、使用
11、与express配合使用
12、非关系型数据库mongodb
13、Cookie
14、在express中使用cookie
   15、Cookie-parser
   16、在express中使用session
17、Express-session

第7天、node.js企业级应用开发.

1、相册项目分析
   2、使用的模块、和事先安装的程序
3、主页/路由
4、登陆、注册页面/路由
5、修改密码
6、权限管理
7、管理员账户
8、普通账户
9、会员账户
10、管理相册功能
11、相册的创建
12、图片的上传

第8天、node.js项目实战 相册

1、相册项目
2、管理相册功能
3、相册的删除
4、图片的删除
     5、图片是否共享
6、查看相册功能
7、只能查看自己的相册
8、所有相册功能
9、查看所有人的相册
10、管理员用户可以查看所有人的相册
11、会员用户可以查看所有人的相册
12、普通用户可以查看其它人共享的相册、
13、头像裁剪功能
14、Graphics Magic介绍
15、Graphics Magic使用
16、在node中使用GM
17、头像裁剪

-- * 第9天、node.js项目实战 聊天室

1、Ajax长轮询
2、长轮询的实现
3、长轮询的缺点
4、Socketio
5、介绍
6、使用
7、建立前后端的socket通道
8、前端发起信息
9、后端接收消息并广播
10、聊天室
11、布局
12、分析
13、登陆
14、发送信息并显示
15、单独对某一个人聊天
16、管理员踢人和禁言

第10天 设计模式

     1、设计模式的概念
     2、简单工厂模式
     3、寄生工厂模式
     4、创建小球
     5、工厂方法模式
     6、安全类
     7、闭包类
     8、单例模式
     9、静态变量
10、原型
11、原型模式

第11天 设计模式

     1、适配器模式
     2、组合模式
     3、组合模式创建页面
     4、策略模式
     5、策略模式验证表单
     6、策略模式淘宝价格
     7、jQuery的easing动画策略
     8、自定义策略    
     9、观察者模式
    10、微博案例-三个模块之间的互相通信

第12天 设计模式

     1、模板
     2、格式模板的函数
     3、命令模式
     4、使用命令模式组件视图
     5、canvas绘图的命令模式
     6、迭代器模式
     7、jQuery中的迭代器模式
     8、对象、数组迭代器
     9、迭代构造函数的实例
    10、图片综合案例操作

第13天 设计模式

      1、委托模式
      2、委托模式-减少事件数量
      3、委托模式-减少内存泄漏
      4、委托模式-语言未来元素
      5、请求委托
      6、请求委托-案例
      7、节流模式
      8、封装节流函数
      9、节流案例-浮层
     10、节流案例-统计

* 第14天 设计模式项目实战

      1、MVC简介
      2、M的封装
      3、V的封装
      4、C的封装
      5、综合到一起
      6、建站案例
      7、MVVM的介绍
      8、M
      9、V
       10、VM
      11、使用mvvm创建进度条

第15天 模块化开发 - seajs

1、 工作中常见问题
2、 试用seajs
3、 定义模块
4、 Require模块
5、 使用具有id的模块
下午
6、 暴露接口10种方法
7、 模块对象
8、 异步加载模块
9、 同步加载与异步加载
10、 配置
11、 预加载插件
12、 加载css文件
13、 MVC模块化

第16天 模块化开发 - requirejs

1、体验requirejs
2、定义模块
3、模块对象
4、使用具有id的模块
5、模块覆盖
下午
6、接口暴露
7、配置
8、Css插件
9、MVC模块化
10、体验Backbone
11、模型实例化
12、模型默认属性
13、模型构造函数
14、模型转换对象
15、模型获取数据
16、设置模型数据

第17天 Backbone

1、模型事件
2、是否修改过模型
3、模型删除属性
4、视图实例化
5、设置容器元素
6、修改容器元素
7、构造函数
下午
8、模板方法
9、渲染方法
10、Taobao商品
11、渲染产品
12、Underscore节流器
13、集合
14、集合转化数组
15、添加模型
16、集合获取模型
17、集合删除模型
18、集合构造函数
19、集合事件
20、淘宝商品列表

第18天 Backbone

1、forEach方法
2、Map方法
3、sortBy方法
4、groupBy方法
6、淘宝商品排序
7、过滤方法
8、淘宝商品
下午
9、事件对象
10、事件命名空间
11、事件注销
12、单次注册事件
13、跨对象事件监听
14、模型与视图通信
15、淘宝商品
16、跨对象事件注销
17、路由模块
18、动态路由
19、异步拉去数据
20、淘宝案例

-- * 第19天 Backbone 项目实战

1、搭建项目
2、定义路由
3、列表样式
4、图片模型
5、图片集合
下午
6、列表页视图
7、列表页搜索
8、加载更多
9、列表页分类
10、返回顶部
11、大图页视图
12、大图页交互
13、模块化

第20天 Vue 2.0

1、体验vue
2、选择器
3、数据绑定
4、属性插值
5、单次插值
6、过滤html
7、插值表达式
8、插值过滤器
下午
9、数据动态绑定
10、数据双向绑定
11、类的三种绑定方式
12、新浪案例
13、样式的三种绑定方式
14、淘宝案例
15、Underscore条件语句
16、V-if指令
17、Template模板v-if
18、Underscore循环指令
19、V-for指令
20、Template循环指令
21、支付宝注册

第21天 Vue 2.0

1、多选框
2、单选框
3、下拉框
4、Hao123下拉框
5、过滤器
6、淘宝注册
7、表单特性属性
8、自定义指令
9、京东注册
10、自定义过滤器
11、京东商品价格
12、事件
13、键盘事件修饰符
14、登录页面
15、过渡

* 第22天 Vue 2.0 项目实战

1、组件
2、子组件向父组件通信
3、创建页面组件
4、搭建路由
5、Header与工具方法
下午
6、分类按钮
7、广告视图
8、商品列表
9、列表页
10、列表页交互
11、详情页
12、模块化

第23天 Angular

1、angular简介
2、Vue双向绑定
3、Angular双向绑定
4、初始化数据
5、获取应用该程序
6、作用域
下午
7、事件
8、显隐页面
9、插值表达式
10、过滤器
11、日期过滤器
12、日期过滤器实现
13、Filter过滤器
14、字符串过滤器
15、排序过滤器
16、数字过滤器
17、自定义过滤器

第24天 Angular

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

第25天 Angular

1、自定义指令
2、指令作用域
3、自定义指令内容作用域
4、自定义指令模板作用域
5、@修饰符
6、=修饰符
下午
7、Link方法
8、Ng-show指令
9、Ng-bind指令
10、Ng-class指令
11、Transclude属性
12、自定义指令嵌套
13、表单验证指令
14、作用域丢失
15、倒计时

第26天 Angular

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路由事件

第27天 Angular 项目实战

1、环境配置
2、登录检测
3、登录模块
4、首页模块
5、导航模块
6、创建用户
7、用户列表
8、用户详情

* 第28天 微信开发

1、注册微信小程序
2、全局配置
3、App应用程序
4、Page页面
5、模块化开发
下午
6、理由
7、If指令与for指令
8、模板
9、事件
10、引入文件
11、项目实战--明信片

第29天 前端工程化 - Gulp

1、体验gulp
2、Task任务
3、读写文件
4、监听文件
5、Globs语法
6、重命名
7、压缩js
8、压缩css
9、压缩html
10、Vue项目实战
11、文件打包
12、语法检测
13、图片压缩

第30天 前端工程化 - Webpack

1、Webpack
2、Webpack-dev-server
3、图片加载机
4、压缩js插件
下午
5、创建html
6、自动打开浏览器
7、环境变量
8、代码拆分
9、代码块
10、全局变量
11、Hot module
12、React 编译

第31天 前端工程化 - Fis3

1、体验fis
2、Fis配置
3、项目实战
4、压缩js
5、压缩css
6、压缩图片
下午
7、精灵图制作
8、添加指纹
9、合并css资源
10、合同并html资源
11、合并js资源
12、文件打包
13、Cmd规范
14、Amd规范
15、Commonjs规范
16、Vue项目实战

第32天 CSS预编译 - Less

1、浏览器端使用less
2、Node环境中使用less
3、工程化中使用less
4、变量
5、混合
6、方法
下午
7、条件语句
8、数学方法
9、色彩创建
10、色彩通道
11、色彩操作
12、色彩混合
13、字符串方法
14、作用域
15、导入文件
16、Js语句
17、插值语法
18、MVC项目实战

第33天 CSS预编译 - Sass

1、体验sass
2、工程化编译sass
3、变量
4、属性嵌套
5、混合
6、混合传参
7、获取剩余参数
下午
8、继承
9、作用域
10、数学运算
11、色彩运算
12、字符串运算
13、插值语法
14、If条件语句
15、For循环语句
16、栅格化系统
17、While循环
18、枚举循环
19、三元语句

-- 第34天 CSS预编译 - Stylus

1、体验stylus
2、变量
3、混合
4、获取剩余参数
下午
5、方法
6、继承
7、作用域
8、内置方法
9、插值
10、条件语句
11、枚举循环
12、文件导入
13、避免编译
14、动画

第35天 ECMAScript 5

1、JSON.parse
2、JSON.stringify
3、判断数组
4、获取数组成员
5、数组填充
6、数组遍历
7、数组映射
下午
8、Some
9、Every
10、Filter
11、Reduce
12、求任意两个正整数之间整数之和
13、严格模式-定义变量
14、严格模式-作用域
15、严格模式-函数参数
16、严格模式-对象属性
17、严格模式-delete关键字
18、严格模式-关键字、保留字、特殊变量
19、严格模式-八进制与特殊字符
20、严格模式-eval方法
21、严格模式-anguments.callee
22、严格模式-with
23、Data拓展
24、Bind方法
25、Create方法
26、属性特性
27、特性方法
28、定义多个属性特性
29、获取对象特性
30、对象封闭
31、对象冻结
32、对象原型

第36天 React

1、react简介
2、创建组件
3、Jsx语法
4、工程化编译jsx语法
下午
5、插值
6、新闻列表
7、属性
8、样式
9、事件
10、状态
11、换肤

第37天 React

1、组件创建期
2、子组件
3、组件存在期
4、组件销毁期
下午
5、非元素属性
6、非约束性组件
7、约束性组件
8、下拉框约束性与非约束性
9、单选框约束性与非约束性
10、使用非react类库
11、使用侵入式插件

第38天 React 项目实战

1、子组件向父组件通信
2、兄弟组件通信
3、项目部署
4、导航组件
下午
5、Banner组件
6、首页组件
7、起步页组件
8、起步页样式
9、Css组件
10、抽象组件
11、模块化

* 第39天 React 项目实战

1、项目部署
2、加载动画
3、图片加载器
4、请求数据
下午
5、配置路由
6、Banner组件
7、首页组件
8、分类组件reflux实现
9、Search组件reflux实现
10、模块化

第40天 Typescript

1、Typescript
2、工程化编译
3、枚举类型
4、函数
5、类
6、继承
下午
7、对象接口
8、函数接口
9、类接口
10、模块
11、浏览器端编译ES6
12、服务器器端编译ES6
13、Let关键字
14、常量
15、字符串位置
16、多行字符串
17、重复字符串
18、原始字符串

-- 第41天 ECMAScript 6

1、数字对象拓展
2、数学对象拓展
3、Form方法
4、Of方法
5、获取数组成员
6、数组拷贝
7、对象字面量
8、Is判断方法
下午
9、数组迭代器方法
10、Assign方法
11、Symbol模型
12、代理
13、默认参数
14、获取剩余参数
15、对象解构
16、数组解构
17箭头函数
18、箭头函数作用域
19、Set对象
20、Weakset对象
21、Map对象
22、Weakmap对象
23、迭代器
24、Generator函数
25、允诺对象

* 第42天 ECMAScript 6 项目实战

1、环境搭建
2、三个模块
3、Until模块
4、创建列表页
下午
5、进入详情页
6、创建详情页
7、进入评论页
8、创建评论页
9、追加评论
10、返回逻辑

第43天 ReactNative与GIt版本管理工具

1、安装reactNative环境
2、体验ReactNative
3、内置组件
4、样式模块
5、Flexbox
6、表单
7、滚动视图
8、列表
9、网络请求
10、安装git
11、常用指令
12、资源状态
13、建立信任关系
14、创建版本库
15、更新版本库

第44天 Vuex

1、ES6语法创建应用
2、创建Store
3、State树
4、动态状态
5、Mutations
下午
6、Action
7、Modules切割模块
8、动态路由配置
9、路由嵌套
10、管理路由
11、命名路由
12、命名视图
13、路由重定向
14、Resource请求数据

第45天 基于ES6语法VueX项目实战

1、创建应用程序
2、创建路由
3、创建store
4、工具方法
5、创建组件
6、定义模块
7、组件通信
8、组件交互

第46天 Angular 4.0

1、体验angular
2、创建组件
3、样式
4、插值
5、子组件
下午
6、组件通信
7、事件
8、局部模板变量
9、Ng-if指令
10、Ng-switch指令
11、Ng-for指令
12、自定义管道
13、Form表单以及脏值检测
14、自定义指令
15、自定义服务
16、RxJS与Promise
17、路由模块
18、组件继承

第三章 项目实战

第1天 项目实战

第2天 项目实战

第3天 项目实战

第4天 项目实战

第5天 项目实战

第6天 项目实战

第7天 项目实战

第8天 项目实战

第9天 项目实战

第10天 项目实战

第11天 项目分享

注:
* 红色标题表示项目实战
-- 绿色标题表示阶段考试时间点
 
项目实战20:
初级课
   01 第9天 css 项目实战 游戏网站
   02 第14天 移动端 项目实战 携程网站
   03 第15天 bootstrap 项目实战 博客网站
   04 第28天 jquery 项目实战 Design Studio
   05 第34天 javascript进阶 项目实战 贪吃蛇游戏
   06 第39天 ajax 项目实战 后台管理系统
 高级课
   07 第2天 html5游戏 项目实战 flappy bird
   08 第3天 html5游戏 项目实战 打地鼠游戏
   09 第8天 nodejs 项目实战 相册系统
   10 第9天 node socket 项目实战 聊天系统
   11 第14天 MVC 项目实战 Zeences Design
   12 第19天 Backbone 项目实战 百度图片
   13 第22天 vue 项目实战 美团网
   14 第27天 angular 项目实战 新闻后台管理系统
   15 第28天 微信 项目实战 个人明信片
   16 第38天 react 项目实战 bootstrap官网
   17 第39天 reflux 项目实战 网址导航
   18 第42天 ES6 React 项目实战 腾讯新闻
   19 第45天 vuex 项目实战 百度外卖
   20 第46天 angular4.0 项目实战 备忘录
 
 
不定时更新web前端学习免费教程领取请加QQ  2079576908


8月份基础班免费预订之中请加QQ  2079576908。。。。。。
 
 
目前爱创课程web前端培训的学员就业薪资一般在10K-30k


学员薪资截图:http://www.icketang.com/2017/ickt_state_0105/142.html

视频资源:

爱创课堂1000集视频下载地址:
 


 

相关热词搜索:前端 教程 视频

上一篇:爱创课堂6月4日火爆招生中,基础课免费大放送。
下一篇:最后一页

分享到: 收藏