先想清楚：这门课解决什么工作场景

很多上班族和转行者买前端课，最怕的就是跟着视频敲完一遍，回到工位依然写不出一段能跑的逻辑。这门以 JavaScript 为核心的资料，针对的就是“看得懂语法、写不出功能”的断层。它不讲花哨的框架，而是把日常页面交互里最频繁的诉求拆开讲：怎么用事件响应用户点击、怎么用函数把重复逻辑封好复用、怎么用循环和数组处理一批数据。如果你平时的工作场景是给产品落地页加交互、处理表单验证、或者需要看懂并维护同事留下的原生 JS 代码，这套体系课就是用来补这块底层短板的。

适合什么基础，建议先看哪几块

这套资料的门槛很低，只要你对 HTML 和 CSS 有基本了解，知道标签怎么排版就行，完全没碰过编程也能跟着走。但如果你已经熟练掌握各类前端框架，想钻研底层源码或高阶架构，这套内容可能对你偏基础。对于刚转行或者一直只写静态页面的上班族，建议先集中看“事件”与“函数传参”这两块。这两部分直接决定了你能不能把页面上的按钮和背后的逻辑连起来，也是平时写业务代码调用最频繁的知识点。看完这两个再去碰“作用域与闭包”，理解变量在什么范围内生效，能帮你避开很多改不动 bug 的死胡同。

资料怎么配合练习，学完能独立做什么

这套资料最大的特点是每个语法段落后面都跟着实战案例，千万别只用眼睛看视频。正确的用法是：先跟着过一遍概念，然后关掉视频，自己尝试把案例里的交互效果写出来。比如讲到数组和循环时，试着自己写一个简单的列表数据渲染；讲到 JSON 时，试着模拟一组数据并提取特定字段。把这些案例当作自测题，卡住了再倒回去找对应的语法点。完整顺下来之后，你应该能独立完成一个带轮播图、选项卡切换、表单内容校验的交互页面，并且能看懂原生的逻辑流转，遇到简单的交互需求不再依赖去别处找现成插件。


01 扎实基本功JS精通 · JavaScript课程资料(202103).zip · 资料

课程目录

*   01 扎实基本功JS精通/

  *   01 从零开始认识JavaScript/

    *   01 认识JavaScript

    *   02 从零开始编写JS

    *   03 变量是什么

    *   04 JS基础-事件

    *   05 函数-重用代码的基础

    *   06 函数-应用、传参

    *   07 代码执行顺序、onload

    *   08 总结

    *   09 实战案例

  *   02 深入JS语法-上/

    *   01 数据类型

    *   02 数据类型转换-上

    *   03 数据类型转换-下

    *   04 运算符

    *   05 数组、循环

    *   06 总结

    *   07 实战案例

  *   03 深入JS语法-下/

    *   01 变量声明、作用域

    *   02 生存周期、闭包、switch

    *   03 json与数组

    *   04 json实战应用

    *   05 深入理解函数-1-抽奖实例

    *   06 深入理解函数-2-数组

    *   07 深入理解函数-3-字符串

    *   08 深入理解函数-4 递归

    *   09 总结

  *   04 浏览器对象DOM、BOM/

    *   01 认识DOM、BOM

    *   02 DOM元素操作-上

    *   03 DOM元素操作-下

    *   04 BOM浏览器操作

  *   05 深入理解事件、定时器/

    *   01 认识定时器

    *   02 定时器应用、封装库基础

    *   03 事件深入 1-事件绑定、引用

    *   04 事件深入 2-事件流

    *   05 事件深入 3-事件对象-1-鼠标

    *   06 事件深入 4-事件对象-2-键盘

    *   07 事件深入 5-事件对象-3-默认行为

    *   08 事件应用

  *   06 实战应用/

    *   01 下拉提示框-1.准备与布局

    *   02 下拉提示框-2-事件处理逻辑

    *   03 下拉提示框-3-动态选项、搜索、选中

    *   04 下拉提示框-4-组件化重用

    *   05 用户表单-1.准备与布局

    *   06 用户表单-2.批量校验规则

    *   07 用户表单-3.input校验

    *   08 用户表单-4.校验库封装

  *   07 正则表达式/

    *   01 认识正则

    *   02 从零开始编写正则

    *   03 正则基础

    *   04 正则实例-1

    *   05 正则实例-2

    *   06 正则实例-3

    *   07 正则实战：表单校验 1-表单构建

    *   08 正则实战：表单校验 2-正则部分

  *   08 面相对象/

    *   01 认识面向对象

    *   02 对象的组成、ES5写法-上

    *   03 prototype使用与原理、ES5写法-下

    *   04 ES6面向对象、class

    *   05 实例：简易用户类封装

    *   06 类的继承

    *   07 实例：对象在React中的应用

    *   08 相关面试题解析-上

    *   09 相关面试题解析-下

  *   09 附加：直播公开课分享/

    *   01 闭包是什么？一节课彻底讲清楚

    *   02 事件循环、宏任务、微任务？一节课彻底清楚

    *   03 百度校招页面特效详解

    *   04 前台如何使用富文本编辑器，一节课讲清楚

  *   10 数据交互-基础/

    *   01 章节介绍、数据交互、异步、ajax与http

    *   02 基础最重要——认识http协议-上

    *   03 基础最重要——认识http协议-下

    *   04 原生Ajax请求——xhr对象基础使用

    *   05 实战：上-真实API、接口文档、post、json

    *   06 实战：中-封装自己的request、其他接口对接

    *   07 异步操作、promise、async和await

    *   08 实战：下-request、promise与动手封装

  *   11 数据交互-实战/

    *   01 实战：后台管理系统-布局、搭建、动画

    *   02 实战：后台管理系统-注册

    *   03 实战：后台管理系统-token、登录、登出

  *   12 数据交互-进阶/

    *   01 xhr之外的另一种选择——fetch函数

    *   02 最流行的ajax库——axios.js使用

    *   03 FormData文件上传

*   JavaScript课程资料(202103).zip

*   资料/

  *   JavaScript文件资料202012.zip

  *   JavaScript课程资料(202103).zip