JavaScript从入门到精通的技术图谱

举报
国服第二切图仔 发表于 2022/09/26 17:33:53 2022/09/26
【摘要】 ​ ​编辑目录【基础篇】:JS基础语法与表达式【基础篇】: JS流程控制语句与数组【基础篇】: jS函数与DOM【进阶篇】: 面向对象【进阶篇】 ES6基础入门【进阶篇】 HTTP 协议、存储、Ajax【精通篇】:  项目实战【精通篇】 实战篇目、面试题、技术扩展(项目源码)【基础篇】:JS基础语法与表达式JS是网页编程的第一步,本周开始学习JS编程语言,掌握基础语法结构、变量声明和命名规则...

 编辑


目录

【基础篇】:JS基础语法与表达式

【基础篇】: JS流程控制语句与数组

【基础篇】: jS函数与DOM

【进阶篇】: 面向对象

【进阶篇】 ES6基础入门

【进阶篇】 HTTP 协议、存储、Ajax

【精通篇】:  项目实战

【精通篇】 实战篇目、面试题、技术扩展(项目源码)


【基础篇】: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面试题(带答案)奉送

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。