🚀 Web前端

从JavaScript基础到jQuery进阶，再到Bootstrap实战

JavaScript 基础教程

9节课程

第1课：JavaScript基础输出方法

alert(), document.write(), console.log() 入门

第2课：数据类型与运算符

变量、数据类型、表达式和各种运算符详解

第3课：流程控制结构

条件判断、循环语句、分支结构

第4课：函数定义与调用

函数的创建、参数传递、返回值处理

第5课：数组操作基础

数组创建、访问、遍历和常用方法

第6课：对象与字符串

对象的创建和操作、字符串处理方法

第7课：DOM操作基础

文档对象模型、元素选择和操作

第8课：事件处理机制

事件绑定、事件对象、常用事件类型

第9课：JavaScript综合实战

综合运用所学知识完成实际项目

jQuery 框架教程

11节课程

第10课：jQuery入门基础

jQuery简介、基本语法、选择器入门

第10课扩展：选择器进阶

层次选择器、属性选择器、过滤选择器

第11课：事件处理基础

jQuery事件绑定、常用事件类型

第11课扩展：事件处理进阶

事件冒泡、委托、自定义事件

第12课：基础动画效果

显示隐藏、滑动、淡入淡出动画

第12课扩展：高级动画

自定义动画、动画队列、缓动效果

第13课：DOM元素操作

创建、插入、删除、替换元素

第14课：Ajax基础应用

异步请求、GET/POST方法、响应处理

第14课扩展：Ajax高级应用

文件上传、请求队列、缓存管理

第15课：插件使用基础

常用插件介绍、表单验证、UI组件

第15课扩展：UI组件和高级插件

jQuery UI、轮播插件、灯箱效果

Bootstrap 框架教程

6节课程

第18课：Bootstrap入门

Bootstrap简介、栅格系统基础

第18课扩展：栅格系统高级用法

响应式布局、对齐方式、嵌套栅格

第19课：Bootstrap组件1

按钮、表单、导航组件

第20课：Bootstrap组件2

模态框、轮播图、下拉菜单

第21课：响应式设计

移动优先、断点设置、响应式工具

第22课：主题定制

自定义样式、变量覆盖、主题制作

实战项目

5个项目

项目1：待办事项列表

jQuery实战 - 增删改查功能实现

项目2：简易图片库

jQuery实战 - 图片展示和交互效果

项目3：响应式网站

Bootstrap实战 - 完整网站布局

项目4：管理后台界面

Bootstrap实战 - 后台管理系统

项目5：综合应用

JavaScript + jQuery + Bootstrap 综合实战