先弄清楚：这门课解决什么问题

很多上班族和转行者刚接触前端，往往跟着文档抄了几行代码，却发现根本拼不成一个能交互的网页。这门课针对的就是这种“学了语法但写不出功能”的断层。它不谈复杂的工程化脚手架，而是把注意力集中在最核心的脚本逻辑上：怎么用基础语法控制网页元素，怎么操作浏览器对象，怎么让一个静态页面真正动起来。如果你平时的工作场景需要偶尔改一下公司后台的表单校验，或者你想转行做前端却连点击按钮触发事件的逻辑都写不利索，这套资料能帮你把底层的逻辑闭环补齐。

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

这套资料适合完全零基础或者只写过一点点 HTML/CSS 的人。如果你已经能熟练用原生脚本写复杂的业务逻辑，那这套内容对你来说过于基础。对于刚入门的人，建议不要一上来就按顺序死磕。你可以先快速过一遍基础语法里的变量、数据类型和流程控制，确认自己理解了条件判断和循环的逻辑。接着直接跳到进阶功能里的定时器和 DOM 对象操作部分。这两块是让页面产生动态效果的核心，先看它们能帮你最快建立起“代码是如何影响页面”的直观感受。等弄懂了怎么用代码增删改查页面元素，再回头去细啃初级功能里的数组和字符串处理，这样带着做功能的需求去学语法，比干背运算符有效得多。

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

踏踏实实跟着这套资料走完，你能独立完成常规网页交互的编写。比如实现一个能定时自动轮播的广告图，写一个接收用户输入并进行字符查找替换的文本处理器，或者生成一组不重复的随机抽奖号码。资料里自带了像随机图片显示、除重开奖码这样的实操案例，这些就是最好的练习场。在具体使用时，不要光看视频或者文档，必须开着代码编辑器跟着敲。每看完一个案例，先原封不动地复现出来，然后给自己加码：试着改掉里面的触发条件，把周期性定时器改成一次性触发，或者把原本处理字符串的逻辑换成操作数组。只有当你能主动修改案例里的参数和逻辑，并且清楚知道改动后会引发什么页面变化时，这门课的知识才真正转化成了你自己的职场技能。


熟练使用 JavaScript 语法，掌握 DOM 和 BOM 对象，构建一个动态的页面。

课程目录

*   01 JavaScript 基础语法/

  *   01 JavaScript—概述

  *   02 输出语句

  *   03 变量定义

  *   04 数据类型

  *   05 数据类型转换

  *   06 其它运算符

  *   07 流程

  *   08 选择结构

  *   09 循环语句

*   02 JavaScript 初级功能/

  *   01 函数

  *   02 数组对象

  *   03 数组排序

  *   04 操作字符串

  *   05 正则表达式

  *   06 其他对象

*   03 JavaScript 进阶功能/

  *   01 分层实现随机图片显示-上

  *   02 分层实现随机图片显示-下

  *   03 周期性定时器

  *   04 一次性定时器

  *   05 dom对象操作

  *   06 案例生成除重开奖码

  *   07 案例字符查找并替换

*   04 初识 jQuery 框架/

  *   01 认识框架

  *   02 操作元素内容

  *   03 操作元素样式

  *   04 元素管理

  *   05 动画效果

  *   06 案例大图动画滚动切换上

  *   07 案例大图动画滚动切换中

  *   08 案例大图动画滚动切换下

  *   09 元素和数据遍历

*   05 案例—以 MVC 方式开发后台管理系统/

  *   01 后台管理和MVC概念

  *   02 案例开发-后台管理页面开发

  *   03 案例开发-后台管理页面样式优化

  *   04 案例开发-后台管理系统表格样式

  *   05 案例开发-后台管理系统实现删除功能

  *   06 案例开发-后台管理系统查询功能

  *   07 案例开发-后台管理系统增加用户样式

  *   08 案例开发-后台管理系统增加用户元素

  *   09 案例开发-实现增加和修改及登录功能

  *   10 案例开发-本地存储对象功能

*   06 认识异步请求/

  *   01 异步请求的概念

  *   02 ajax原理和应用

  *   03 ajax传输格式

  *   04 ajax封装调用

  *   05 ajax封装调用优化

  *   06 jquery实现异步请求