疯狂html5+css3+javascript讲义 pdf_【热荐】必须推荐的10个JavaScript基础开发项目

关注老K玩代码公众号,回复"Python入门书"获取免费python入门教材

  • javascript是一度被学界认为最有可能一统江湖的语言,虽然最近它的风头被python盖过去了,但依然不影响它的普及率
  • 现在您浏览的所有网页,基本都是由javascript实现的。
  • javascript虽然叫java,但其实和java没有半毛钱关系。用现在时髦的话说,javascript那时候是在碰瓷java。
  • 学习javascript,也有很多有趣的项目,这里老K为您整理了10大精品免费项目,快来看一看吧~!

1. jQuery 基础入门

地址https://www.shiyanlou.com/courses/22
学习人数2.8k
关注人数331

jQuery是一个优秀的轻量级Javascript库,兼容CSS3,还兼容各种浏览器,在Web前端开发中广泛使用。课程将从 jQuery 基础入手,我们会学习到 jQuery 的具有鲜明特征的用法,例如 jQuery 选择器、jQuery 的事件和动画等,最终达到熟练掌握 jQuery 的目的。

2b9a6164a6e7121ea21d31df70cc224a.png

2. HTML5 Canvas 实现小游戏

地址https://www.shiyanlou.com/courses/361
学习人数11.3k
关注人数367

本课程基于 HTML5 的 canvas 实现了一个小游戏,着重介绍了 HTML5 游戏开发的流程及游戏开发中需要处理的东西。对 Web 游戏开发感兴趣的同学可以通过这个项目实践 HTML5 及 JavaScript 基础知识。

1c6c3d1d2c93e7f8725caf36c5ebe782.png

3. Javascript基础

地址https://www.shiyanlou.com/courses/21
学习人数20.5k
关注人数1.3k

注意:本课程已经不再更新维护,推荐学习新版课程《JavaScript 基础课程》,课程地址:https://www.shiyanlou.com/courses/1238。

af6e147e1a13663ec8a7365f366ff4fb.png

4. Bootstrap 3 基础入门

地址https://www.shiyanlou.com/courses/50
学习人数10.3k
关注人数859

Bootstrap是一个 简洁、直观、强悍、移动设备优先的前端开发框架,Bootstrap 让web开发更迅速、简单。

de481500ed0d8ab89bcbfa6ab2d42ea7.png

5. HTML5 实现拼图游戏

地址https://www.shiyanlou.com/courses/161
学习人数8.4k
关注人数404

本课程基于 HTML5 实现网页版的拼图游戏。实现过程中将涉及到 HTML5,CSS3 及 JavaScript 相关知识。完成这个项目,可以进一步扎实前端基础知识。

632d023390356ca47fa990fbe0683ed4.png

6. HTML5 实现本地图片裁剪

地址https://www.shiyanlou.com/courses/363
学习人数7.1k
关注人数249

本期实验意在实现利用 HTML5 的 canvas 技术,结合 HTML5 的 File AP I来实现图片的本地裁剪。通过本实验将学习到如何结合 HTML5 与 JavaScript 编写简单的单页应用。本课程难度一般,适合刚入门前端的同学,需要了解 cavas 并且有 JavaScript 基础。

82fbbb5acee255fb2eebdee74506dd47.png

7. 网页版别踩白块游戏

地址https://www.shiyanlou.com/courses/306
学习人数7.5k
关注人数327

本课程使用最基础的 HTML+CSS+JavaScript 实现网页版别踩白块游戏,通过完成这个简单有趣的游戏,可以实践你的前端技能。

cb8904939b959a804f821082f8bcbc50.png

8. HTML 实现扫雷游戏

地址https://www.shiyanlou.com/courses/144
学习人数3.7k
关注人数172

本课程带领大家实现经典小游戏扫雷,你可以通过实践 JavaScript 和 CSS 等基本的 Web 开发知识,学习如何对游戏中的对象进行抽象和封装。

d1da545549190a096e2e2ef56b4f2c0e.png

9. Collabtive 系统跨站脚本攻击实验

地址https://www.shiyanlou.com/courses/285
学习人数2.3k
关注人数227

跨站点脚本(XSS)是一种常见较弱的web应用程序漏洞,攻击者使用这个漏洞注入恶意代码(例如JavaScript)来攻击受害者的web浏览器。

93f861fa312075364fd08eb7fe979046.png

10. JavaScript 基础入门

地址https://www.shiyanlou.com/courses/1238
学习人数10.3k
关注人数436

课程从什么是 JavaScript 开始,一步步讲解 JavaScript 基础语法、关键特性、JSON、WebAPI 等知识点。内容将会涉及网页窗口交互的方法以及通过 DOM 进行网页元素的相关操作。

9b7aa6be84aef153ee21406f1cf5af6e.png

  • 感谢您一路读到了最后,部分内容整理自网络,侵删
  • 如果这篇文章对您有帮助,请记得分享点击‘在看’这篇文章。
  • 如果对文中的内容有疑问、错误或有意见想告诉我,欢迎留言
149d705d59171bf261b388ee0c7167d4.png
欢迎关注《老K玩代码》公众号,获得更多实战案例和行业资讯。
目录 第1章 HTML 5简介 1 1.1 HTML历史与HTML 5 2 1.2 HTML 5的优势 6 1.3 HTML 5的基本结构和语法变化 8 1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6 HTML 5新增的语义元素 55 2.7 HTML 5头部和元信息 59 2.8 HTML 5新增的拖放API 63 2.9 本章小结 71 第3章 HTML 5表单相关的元素和属性 72 3.1 HTML原有的表单及表单控件 73 3.2 HTML 5新增的表单属性 83 3.3 HTML 5新增的表单元素 90 3.4 HTML 5新增的客户端校验 96 3.5 本章小结 100 第4章 HTML 5的绘图支持 101 4.1 使用canvas元素 102 4.2 绘图 103 4.3 坐标变换 118 4.4 控制叠加风格 123 4.5 控制填充风格 124 4.6 位图处理 128 4.7 输出位图 132 4.8 动画制作 133 4.9 本章小结 136 第5章 HTML 5的多媒体支持 137 5.1 使用audio和video元素 138 5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4 伪元素选择器 167 6.5 CSS 3新增的伪类选择器 176 6.6 在脚本中修改显示样式 195 6.7 本章小结 197 第7章 字体与文本相关属性 198 7.1 字体相关属性 199 7.2 CSS 3支持的颜色表示方法 205 7.3 文本相关属性 206 7.4 CSS 3新增的服务器字体 212 7.5 本章小结 215 第8章 背景、边框和边距相关属性 216 8.1 盒模型简介 217 8.2 背景相关属性 217 8.3 使用渐变背景 226 8.4 边框相关属性 239 8.5 使用opacity控制透明度 246 8.6 padding和margin相关属性 247 8.7 本章小结 249 第9章 大小、定位、轮廓相关属性 250 9.1 width、height相关属性 251 9.2 定位相关属性 255 9.3 轮廓相关属性 257 9.4 用户界面和滤镜属性 258 9.5 本章小结 263 第10章 盒模型与布局相关属性 264 10.1 盒模型和display属性 265 10.2 对盒添加阴影 275 10.3 布局相关属性 278 10.4 CSS 3新增的多栏布局 285 10.5 使用弹性盒布局 289 10.6 本章小结 306 第11章 表格、列表相关属性及media query 307 11.1 表格相关属性 308 11.2 列表相关属性 313 11.3 控制光标的属性 316 11.4 media query和响应式布局 317 11.5 本章小结 323 第12章 变形与动画相关属性 324 12.1 CSS 3提供的变形支持 325 12.2 CSS 3新增的3D变换 337 12.3 CSS 3提供的Transition动画 341 12.4 CSS 3提供的Animation动画 345 12.5 本章小结 349 第13章 JavaScript语法详解 350 13.1 JavaScript简介 351 13.2 数据类型和变量 356 13.3 基本数据类型 364 13.4 复合类型 376 13.5 运算符 381 13.6 语句 391 13.7 流程控制 395 13.8 函数 403 13.9 函数的参数处理 425 13.10 面向对象 429 13.11 创建对象 437 13.12 本章小结 443 第14章 DOM编程详解 444 14.1 DOM模型概述 445 14.2 DOM模型和HTML文档 446 14.3 访问HTML元素 448 14.4 修改HTML元素 456 14.5 增加HTML元素 458 14.6 删除HTML元素 463 14.7 传统的DHTML模型 467 14.8 使用window对象 469 14.9 navigator和地理定位 479 14.10 HTML 5增强的History API 485 14.11 使用document对象 490 14.12 HTML 5新增的浏览器分析 493 14.13 本章小结 496 第15章 事件处理机制 497 15.1 事件模型的基本概念 498 15.2 绑定事件处理函数 499 15.3 事件处理函数的执行环境 505 15.4 事件类型 521 15.5 本章小结 534 第16章 本地存储与离线应用 535 16.1 Web Storage 536 16.2 Indexed数据库API 545 16.3 离线应用 564 16.4 本章小结 571 第17章 文件支持与二进制数据 572 17.1 HTML 5增强的文件上传域 573 17.2 ArrayBuffer与TypedArray 578 17.3 Blob类 583 17.4 本章小结 587 第18章 Web Worker多线程API 588 18.1 使用Worker创建多线程 589 18.2 与Worker线程进行数据交换 591 18.3 Worker线程嵌套 594 18.4 使用SharedWorker创建共享线程 597 18.5 Promise 603 18.6 本章小结 611 第19章 客户端通信 612 19.1 跨文档消息传递 613 19.2 使用WebSocket与服务器通信 621 19.3 使用Server-Sent Events API 630 19.4 使用Beacon 635 19.5 本章小结 636 第20章 HTML 5的疯狂俄罗斯方块 637 20.1 俄罗斯方块简介 638 20.2 开发游戏界面 639 20.3 俄罗斯方块的数据模型 640 20.4 实现游戏逻辑 644 20.5 本章小结 654
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值