JavaScript从入门到精通的技术图谱
目录
【基础篇】：JS基础语法与表达式
JS是网页编程的第一步，本周开始学习JS编程语言，掌握基础语法结构、变量声明和命名规则、数据类型、表达式和操作符，学完本周内容可以进行简单的JS代码编写。
课程安排：
1、掌握JS基本语法使用
2、掌握JS变量声明与提升的机理
3、掌握JS运算符操作与表达式
4、学习基本数据类型和复杂数据类型使用
5、深入理解数据类型转换与检测
6、小案例
【基础篇】： JS流程控制语句与数组
本周继续深入学习JS编程语言，掌握条件分支语句、循环语句和数组，学完本周内容可以用简洁的代码实现强大功能。
课程安排：
1、掌握if，if elseif，switch等条件分支语句使用
2、掌握for、while、do while循环语句使用
3、掌握数组基本使用和常用方法
4、break和continue语句的特点及应用
5、运用数组知识，学习基本算法
6、使用简单的逻辑实现复杂业务逻辑
7、小案例：常见算法综合运用
【基础篇】： jS函数与DOM
如想实现更炫的动态效果，那么操控网页元素很重要，通过掌握函数编程、DOM操作、事件以及BOM对象，让你能实现典型的触发和动态交互效果。
课程安排：
1、掌握DOM操作和DOM事件
2、掌握函数基础与函数高级应用
3、掌握BOM浏览器对象模型，与浏览器“对话”
4、掌握函数封装，提升编码质量
5、小案例：有趣的交互效果开发
【进阶篇】： 面向对象
面向对象是开发中非常重要的思想，在本周我们将开始运用面向对象思想进行程序开发，编写高质量代码，解决企业级编程协同问题。
课程安排：
1、学习this规则与使用
2、掌握构造函数概念以及创建、调用与使用
3、理解原型和原型链的关系与运用
4、闭包和作用域应用
5、熟练使用面向对象思想进行DOM编程
6、掌握JS模块化编程方式，编写高质量代码
7、掌握模块化开发技巧，解决企业级编程协同问题
8、小案例
【进阶篇】 ES6基础入门
ES6是JavaScript新的语法规范，让代码更规范、可读性高、方便操作。本周将开启ES6的学习，这是学习前端必备的一步。掌握ES6相关知识后，能够更便捷的编写代码，提高开发效率。
课程安排：
1、ES6基本语法与使用
2、掌握ES6中变量和常量的使用与区别
3、学习可以嵌入表达式的字符串字面量--模板字符串
4、掌握箭头函数的特点与应用
5、掌握如何自动解析数组或对象中的值
6、了解对象字面量更加简洁与灵活的表达方式
7、掌握参数默认值的使用
8、剩余参数与展开运算符的对比进行学习
9、了解如何实现减少逻辑或操作符的使用
10、认识ES6中新增的数据结构
11、了解ES6中新增的方法
12、了解遍历原理，以及学习新的循环方式
13、学习如何高效解决回调地域问题
14、了解如何运用ES6 Promise进行异步编程
15、掌握Class基本语法的使用
16、掌握更加清晰与便捷的对象继承方式
17、掌握更高级的面向对象编程思想
【进阶篇】 HTTP 协议、存储、Ajax
本周将开启前后端数据交互的学习，来理解前后端开发的区别，了解网络通信的相关概念，并对与后台通信、获取数据有一个初体验。概念比较抽象，先作为了解。在后面项目开发环节，随着对知识的运用，对概念会有更深一步的理解。
课程安排：
1、了解如何区分前后端
2、理解HTTP协议，熟悉网络通信相关概念
3、学习本地存储的多种方式，了解数据缓存机制
4、了解JSON数据的几种书写格式
5、熟悉原生Ajax请求流程与细节
7、学习如何自己封装Ajax
8、了解基于promise的Ajax插件——Axios
【精通篇】： 项目实战
项目实战：html+css+js网页完整开发
实战出真知，本周综合运用H5、CSS3和JS所学知识，从0到1完成一个具备CSS3动画和JS特效的多特效旅游网页。掌握企业常见的网页开发方式和各类特效实现方案。
课程安排：
1、结合H5/CSS3/JS，完成PC端仿某旅游网页特效开发
2、项目动画效果分析，帮助更快梳理思路
3、实现典型JS特效效果：Banner轮播图、返回顶部动画、垂直菜单
4、学习正则表达式，完成常见手机号、邮箱、姓名等功能验证
【精通篇】 实战篇目、面试题、技术扩展（项目源码）
1、开发一个常用的JavaScript工具库
2、基于js +echarts的数据可视化项目分享
3、微信公众号开发之Jsapi调用指导
4、three.js项目
5、node.js项目分享
6、万字javaScript2022面试题（带答案）奉送
- 点赞
- 收藏
- 关注作者
评论（0）