Web前端开发教程
JavaScript
jQuery
Bootstrap
实战项目
🚀 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 综合实战