《前端系列教程》目录

Posted 2022-02-23 孤寒者

专栏地址： 《前端系列教程》

---

更新进度（持续更新中~）

---

第一章 html

【前端】HTML详细教程（上篇）
【前端】HTML详细教程（下篇）

---

第二章 CSS

【前端】CSS详细教程（上篇）
【前端】CSS详细教程（下篇）

---

第三章 javascript

【前端】JavaScript详细教程（一）
【前端】JavaScript详细教程（二）
【前端】JavaScript详细教程（三）

---

第四章 Jquery

【前端】Jquery详细教程

---

第五章 Ajax

【待更新】【前端】简单讲一讲前后交互—重点：Ajax

---

第六章 配套练习

光说不练假把式，所以理论讲完了配套也得有实战，本章小创作是对应上述理论的顺序，大家可以边学边做，也可以学完后统一进行练习~

• HTML：
  纯前端实行—简单的用户信息记录界面

• CSS：
  纯前端实现—用户注册登录界面
  纯前端实现——网页头部以及尾部

• JS（一）：
  纯前端实现—输入属性&&属性值更改标签对应属性

• JS（二）：
  纯前端实现—省市联动
  纯前端实现—初级轮播图

• JS（三）：
  纯前端实现—网页验证码
  纯前端实现—“王者荣耀开局十秒倒计时效果”

• Jquery：
  纯前端实现—表格的行添加和删除
  纯前端实现—下拉菜单

• Ajax：
  纯前端实现—满天星效果
  纯前端实现—网页钟表设计
  （一）使用form表单的name属性简单实现前后端交互
  （二）使用Ajax简单实现前后端交互

---

第七章 拓展小创作

纯前端实现—JQ轮播图（轮播图完全版）
纯前端实现—抽奖小游戏
纯前端实现—猜数字游戏
纯前端实现—点一个小圆圈变四个动画效果
纯前端实现—留言板
纯前端实现—手动轮播图
纯前端实现—按钮操作字体放大缩小
纯前端实现—鼠标轮播图

---

第八章 canvas

为了让师妹20分钟学会canvas，我熬夜苦肝本文外加一个小项目【❤️建议收藏❤️】
canvas画布上平铺图片&&绘制文本
使用 HTML、CSS 和 JavaScript 定制私人版的刮刮乐【一看就会】

【持续更新中】

---

---

👇🏻本专栏所有源码搜索下方公众号获取👇🏻