2018年1000集大型web前端视频教程爱创课堂全套基础视频教程z
资源详情
爱创课堂由前百度工程师.《ja危aｓｃｒｉｐｔ设计模式》张容铭老师创立.公司秉承纯干货.不忽悠的态度专注前端培训.让每个零基础的学员都能真正的从入门到精通。目前基础班免费读！！新课程增加20个实战项目.5个月助你成为真正前端工程师。web前端开发工程师.主要职责是利用html、xhtml、css、ja .vaｓｃｒｉｐｔ、flash等各种web前端技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发.开发ja危aｓｃｒｉｐｔ以及flash模块.同时结合后台开发技术模拟整体效果.进行丰富互联网的web前端开发.致力于通过技术改善用户体验。第一阶段：页面制作基础从这一基础阶段开始.正式学习web前端开发需要的编程语言html.css和ja危aｓｃｒｉｐｔ。html和css用于web静态内容的展示.ja危aｓｃｒｉｐｔ用于web动态交互。完成这一阶段前端开发的学习.你就可以独立实现一个动静结合的web前端项目啦！第二阶段：主流框架应用优秀的web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的web前端框架.包括bootstrap、angularjs等.来提高前端开发效率。在学习前端框架本身的同时.也希望你能掌握任意一种快速上手的web前端框架的方法！?第三阶段：前端技术进阶web前端开发进阶阶段的学习.主要是让大家快速掌握当今流行、实用、最新的技术.比如：less、sass、json、ajax等.并将这些前端技术快速用于实践.开发出更加符合客户体验度的web前端页面。第四阶段：前端技术拓展web前端技术发展日新月异.因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于、backbone、bootstrap等技术的拓展学习和web前端项目的实战开发演练。爱创课堂教学大纲web前端100天教程 v 5.0 (2018-1修订)本次更新内容：项目有20个变成24个vue.react框架有es5语法编程改成es6语法编程升级了angular6.0 版本.webpack.ajax2.0.vuex.axios升级 react 到 v16.20 版本.vue 到 v2.5.13版本.angular1.0到1.6.9版本新增 es2016.es2017规范新增 angular6.0 项目.reactnative项目.vue-cli项目新增 redux新增 koa 框架新增毕业设计综合项目：koa+mongodb+es6+webpack+react+angular+vue项目html.css.html5.css3局部更新第1天 开班典礼1、开班典礼2、老师介绍3、学生介绍4、安装软件5、配置环境第2天 html1、http协议2、html是纯文本3、html骨架4、dtd文档类型5、head标签6、body标签7、html基本语法8、h系列的标签9、p标签10、img标签第3天 html1、路径2、a标签3、div和span含义1、无序列表2、有序列表3、定义列表6、表格基础7、合并单元格第4天 css1、三个划分区域的语义标签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天 css1、类选择器2、标签选择器3、通配符4、高级选择器5、高级选择器6、css的继承忄生7、css的层叠忄生8、color属忄生9、font-size属忄生10、font-family属忄生11、line-height属忄生12、ps的切图13、fw的简单操作第6天 css1、font-weight属忄生2、font-style属忄生3、text-indent属忄生4、text-align属忄生5、text-decoration属忄生6、盒模型的初步认识7、padding详解8、margin详解9、border详解10、清除默认样式第7天 css1、盒模型的拓展知识3、宽度剩余法4、height高度设置法5、margin特忄生之垂直方向上的塌陷6、margin特忄生之不能用儿子去踹父亲7、父子盒模型的特忄生8、居中的几种设置方法9、认识标准文档流10、标准文档流的特忄生11、块级元素和行内元素的特忄生12、bfc与ifc13、浮动的基础知识14、浮动的作用15、浮动的特忄生之浮动的元素脱离标准文档流16、浮动的特忄生之浮动的元素没有margin塌陷17、浮动的特忄生之浮动的元素依次贴边18、浮动的特忄生之浮动的元素让出标准流的位置19、浮动的特忄生之字围效果第8天 css1、浮动存在的问题2、清除浮动的方法之给父盒子加高度3、清除浮动的方法之加clear属忄生4、清除浮动的方法之加隔墙法5、清除浮动的方法之overflow法6、网页大布局的书写7、a标签的伪类8、a标签伪类的顺序不能颠倒9、a标签伪类的应用实例之按钮实例10、a标签伪类的应用实例之导航栏实例11、background-color背景色的详解11、background-image背景图的详解12、background-repeat背景重复的详解xa0xa0xa013、background-position背景定位的详解14、精灵图的使用方法及案例15、使用ps制作精灵图xa0xa0xa0第9天 css1、background-attachment背景是否滚动的设置2、背景的应用之文字换图片案例xa03、背景的应用之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天 css1、position：absolute的实例之呼吸轮播图布局2、position：absolute的实例之滚动轮播图布局3、position：fixed的详解4、z-index属忄生的详解5、css常用单位总结：em.rem.px.pt.pc.in.mm.cm6、html hack的详解7、css值hack的详解8、css选择器hack的详解9、ie6的兼容忄生问题第11天 项目实战1、制作博雅互动的页面2、分析页面的结构3、搭建html结构代码4、搭建css样式代码第12天 html 51、html5的简介2、html5的新骨架和语义化标签3、新的input控件4、placeholder属忄生的详解5、autofocus属忄生的详解6、autocomplete属忄生详解7、datalist标签的详解8、video标签的详解9、audio标签的详解10、css3的简介第13天 css 31、属忄生选择器的详解2、儿子序选择器的详解3、儿子类型序选择器的详解4、节点关系选择器的详解5、表单的伪类6、节点的伪类7、伪类的应用8、伪元素的应用第14天 css 31、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 31、2d变形实例2、空间移动2、@keyframes规则的详解3、animation属忄生的详解4、animation属忄生制作动画的实例5、box-sizing属忄生的详解6、响应式布局的详解6、百分比布局的详解7、弹忄生盒与flex布局8、列表布局9、双飞翼布局10、圣杯布局11、rem布局12、其他常用响应式布局第16天 bootstrap1、固比固模型的详解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天 ja危aｓｃｒｉｐｔ基础1、ja危aｓｃｒｉｐｔ简介2、ja危aｓｃｒｉｐｔ的书写位置3、alert语句4、console.log（）语句5、数字字面量6、字符串字面量7、变量的声明8、变量的赋值9、变量声明的提升第20天 ja危aｓｃｒｉｐｔ基础1、数据类型的检测方法2、数据类型的转换方法3、数学运算符4、math对象的几种方法5、比较运算符6、逻辑运算符7、短路语法第21天 ja危aｓｃｒｉｐｔ基础1、赋值运算符2、综合运算的顺序3、if语句的详解4、三元运算符的详解5、switch语句的详解6、for循环语句的详解7、穷举思想的详解8、累加器和累乘器的实例第22天 ja危aｓｃｒｉｐｔ基础1、do while语句的详解2、while语句的详解3、break用法的详解4、continue用法的详解5、函数语句的声明6、函数语句的调用7、函数的参数详解8、函数的返回值的详解9、函数表达式10、函数的数据类型第23天 ja危aｓｃｒｉｐｔ基础1、函数声明的提升2、递归函数的详解3、局部变量和全局变量的详解4、变量的作用域5、作用域链的详解6、函数的作用域7、闭包的详解8、arguments的详解9、iife的详解第24天 ja危aｓｃｒｉｐｔ基础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天 ja危aｓｃｒｉｐｔ基础1、正则表达式的概念2、正则表达式的精确匹配3、正则表达式的预定义特殊字符4、正则表达式的字符集5、正则表达式的修饰符6、正则表达式的边界7、正则表达式的预定义类8、正则表达式的量词9、正则表达式的分组10、正则表达式的或操作符11、正则表达式分组的反向引用xa0xa0xa012、正则表达式的中文13、正则表达式的实例第26天 ja危aｓｃｒｉｐｔ基础1、settimeout（）方法的详解2、setinterval（）方法的详解3、dom的基础知识4、操作html的方法5、getelementsbyid（）方法的详解6、getelementsbytagname（）方法的详解7、操作css的方法8、getcomputedstyle（）方法的详解9、currentstyle（）方法的详解第27天 ja危aｓｃｒｉｐｔ基础1、dom中事件的几种方法2、批量添加事件监听的方法3、对应思想的实例4、排他思想的实例5、选项卡实例6、对象基础知识7、json的基础知识8、json的遍历方法第28天 jquery1、jquery简介2、使用方式3、$函数4、jquery对象5、选择器6、jquery函数7、常见方法8、css方法9、show方法、hide方法10、on.trigger.off()方法第29天 jquery1、slidedown方法、slideup方法2、fadein方法、fadeout方法3、html方法4、addclass方法、removeclass方法5、attr方法6、节点关系
