【热荐】必须推荐的10个JavaScript基础开发项目

“

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

“

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

1. jQuery 基础入门

“

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

2. HTML5 Canvas 实现小游戏

“

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

3. Javascript基础

“

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

4. Bootstrap 3 基础入门

“

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

5. HTML5 实现拼图游戏

“

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

6. HTML5 实现本地图片裁剪

“

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

7. 网页版别踩白块游戏

“

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

8. HTML 实现扫雷游戏

“

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

9. Collabtive 系统跨站脚本***实验

“

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

10. JavaScript 基础入门

“

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

“

• 感谢您一路读到了最后，部分内容整理自网络，侵删
• 如果这篇文章对您有帮助，请记得分享或点击‘在看’这篇文章。
• 如果对文中的内容有疑问、错误或有意见想告诉我，欢迎留言。

欢迎关注《老K玩代码》公众号，获得更多实战案例和行业资讯。