web前端开发入门课程
第一阶段:网页制作
HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体
CSS:CSS介绍,全局样式,行内样式,内联样式,挑选器,字体样式值,文本样式值,彩样式值,盒模型,控制台用法,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位
其次阶段:JavaScript动态交互
HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体
CSS:CSS介绍,全局样式,行内样式,内联样式,挑选器,字体样式值,文本样式值,彩样式值,盒模型,控制台用法,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位
其次阶段:JavaScript动态交互
JavaScript初阶:变量与运算符,规律控制,Math类,函数,Object类,定时器,Array类,String类,Date类
JavaScript进阶:JavaScript DOM基础,this,大事,大事流,JavaScriptBOM基础,call&apply&bind,自定义属性,面对对象编程
ES6/7/8/9:ECMAScript6简介,let和const,ES6+的作用域,对象的扩展,函数的扩展,字符串的扩展,Symbol,Set&Map,Promise对象,async&awiat,箭头函数,模板字符串,rest参数,Class,Module模块
JavaScript高阶:闭包,立刻执行函数,惰性函数,插件开发,多人配合,深复制与浅复制,
数组扁平化,递归,正则表达式全解,函数防抖,函数节流
第三阶段:移动端开发技术实战
HTML5:HTML5简介,HTML5新语法,HTML5新语义化标签,HTML5新表单元素属性,HTML5新手机端新大事处理,HTML5新增多媒体实战,本地存储,Canvas,HTML5地理组件GeoLocation
CSS3:CSS3新增属性,圆角制作企业级计划,CSS3背景属性,过渡动画 transition,变幻属性 transform,特效轮播图实战,企业级flex布局实战,grid布局实战
第三阶段:移动端开发技术实战
HTML5:HTML5简介,HTML5新语法,HTML5新语义化标签,HTML5新表单元素属性,HTML5新手机端新大事处理,HTML5新增多媒体实战,本地存储,Canvas,HTML5地理组件GeoLocation
CSS3:CSS3新增属性,圆角制作企业级计划,CSS3背景属性,过渡动画 transition,变幻属性 transform,特效轮播图实战,企业级flex布局实战,grid布局实战
Bootstrap:响应式,媒体查询,栅格系统,栅格参数,组合模式,列偏移/列排序/自动列,列对齐/列嵌套,文本与彩,按钮,导航,图文混排,模态框,轮播图
移动端开发:移动端简介,移动端视口约束,移动端flex移动端实践,rem,vw,flexible企业级实战
第四阶段:前后端分别技术及常用库类
Ajax:AJAX简介,AJAX作用,封装AJAX,创建XMLhttpRquest对象,同步和异步,AJAX分页
移动端开发:移动端简介,移动端视口约束,移动端flex移动端实践,rem,vw,flexible企业级实战
第四阶段:前后端分别技术及常用库类
Ajax:AJAX简介,AJAX作用,封装AJAX,创建XMLhttpRquest对象,同步和异步,AJAX分页
jQuery:jQuery介绍,jQuery链式语法,jQuery挑选器,jQuery核心,jQuery工具,jQuery大事,jQuery大事对象,jQuery特效,jQuery回调函数,jQuery文档处理,jQuery筛选,jQuery属性,jQueryCSS
Echarts:Echarts概述,Echarts用法,坐标系,雷达图/饼状图/折线图
第五阶段:企业级高级WEB架构开发
Webpack:Webpack的安装和用法,项目模块打包,静态打包模块器,Webpack入口,Webpack输出,Webpack插件,webpack模块
Echarts:Echarts概述,Echarts用法,坐标系,雷达图/饼状图/折线图
第五阶段:企业级高级WEB架构开发
Webpack:Webpack的安装和用法,项目模块打包,静态打包模块器,Webpack入口,Webpack输出,Webpack插件,webpack模块
Vue:Vue用法,Vue响应式,Vue双向数据绑定,Vue相关命令,vue-resource,axios,template选项,Vue生命周期,Vue组件,自定义命令,过滤器,computed属性,Vue-cli 2.x和3.x 脚手架配置,Vue-router,Vuex,Element UI
html/css
html基本结构标签属性大事属性文本标签多媒体标签列表 / 表格 / 表单标签其他语义化标签网页结构模块划分CSS代码语法CSS 放置位置CSS的继承挑选器的种类/优先级背景样式字体样式文本属性基本样式样式重置盒模型样式浮动float定位position扫瞄器默认样式
html5/css3
html/css
html基本结构标签属性大事属性文本标签多媒体标签列表 / 表格 / 表单标签其他语义化标签网页结构模块划分CSS代码语法CSS 放置位置CSS的继承挑选器的种类/优先级背景样式字体样式文本属性基本样式样式重置盒模型样式浮动float定位position扫瞄器默认样式
html5/css3
HTML5 的优势HTML5 废弃元素HTML5 新增元素HTML5 表单相关元素和属性CSS3 新增挑选器CSS3 新增属性新增变形动画属性3D变形属性CSS3 的过渡属性CSS3 的动画属性CSS3 新增多列属性CSS3新增单位弹性盒模型
JavaScript
JavaScript基础JavaScript数据类型算术运算强制转换赋值运算关系运算规律运算三元运算分支循环switchwhiledo-whileforbreak和continue数组数组办法二维数组字符串
正则表达式
创建正则表达式元字符模式修饰符正则办法支持正则的 String办法
js对象
定义对象对象的数据拜访JSON内置对象Math 办法Date 办法
面对对象是一种编程思想
定义对象原型和原型链原型链原型
常用的JavaScript设计模式
单体模式工厂模式例模式
函数
函数的定义局部变量和全局变量返回值匿名函数自运行函数闭包
BOM
BOM概述window办法frames [ ] 框架集history 历史记录location 定位navigator 导航screen 屏幕document 文档
DOM
DOM对象办法操作DOM间的关系DOM节点属性
大事
大事分类大事对象大事流大事目标大事委派(delegate)大事监听
jQuery
jQuery 挑选器属性挑选器位置挑选器后代挑选器子代挑选器挑选器对象子元素DOM操作JQuery 大事容器适应标签样式操作滑动自定义动画
AJAX
工作原理XMLHttpRequest对象XML和HTML的区分get() 和post()
HTTP
HTTP消息结构url哀求过程
jquery自动轮播图代码
性能优化
JavaScript代码优化提升文件加载速度
webpack
HTTP消息结构url哀求过程
jquery自动轮播图代码
性能优化
JavaScript代码优化提升文件加载速度
webpack
webpack的特点webpack的缺点安装webpack基本应用配置文件入门
vue
MVC模式MVVM模式基础语法实例属性/办法生命周期计算属性数组的更新检查大事对象Vue组件路由用法路由导航嵌套路由命名视图
vue
MVC模式MVVM模式基础语法实例属性/办法生命周期计算属性数组的更新检查大事对象Vue组件路由用法路由导航嵌套路由命名视图
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论