web前端开发入门课程

  第一阶段:网页制作






  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布局实战






  Bootstrap:响应式,媒体查询,栅格系统,栅格参数,组合模式,列偏移/列排序/自动列,列对齐/列嵌套,文本与颜色,按钮,导航,图文混排,模态框,轮播图






  移动端开发:移动端简介,移动端视口约束,移动端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模块






  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






  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请求过程






  性能优化






  JavaScript代码优化提升文件加载速度






  webpack






  webpack的特点webpack的缺点安装webpack基本应用配置文件入门







  vue






  MVC模式MVVM模式基础语法实例属性/方法生命周期计算属性数组的更新检查事件对象Vue组件路由使用路由导航嵌套路由命名视图

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61648.shtml

张贴在2