Html学完没事干了？这三个前端项目让你玩转前端基础

近有很多小伙伴反应 ——

“ 刚学前端，学完了 HTML、CSS、JS 、jQuery四大件就没事干了，有没有适合刚入门小白的练手项目呀？”

今天就给大家带来 20 个适合新手的前端练手项目，由浅入深、层层递进，内容也非常有趣（以游戏为主），具体项目如下：

1、HTML5 实现 2048 游戏

本课程基于 HTML+CSS+JS+jQuery 实验网页版 2048，你能学到 Web 应用程序的开发流程，从布局，初始化到编写游戏逻辑，以及如何让应用在移动端自适应以应对各种大小的屏幕。

课程地址：

https://www.shiyanlou.com/courses/62

2、网页版别踩白块游戏

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

课程地址：

https://www.shiyanlou.com/courses/306

3. HTML5 Canvas 实现放大镜效果

本课程基于 HTML5 的 canvas 实现了放大镜效果。主要依靠 canvas 中的 drawImage () 函数，这节课也主要讲解这个函数的具体用法，希望能通过实现这个简单的项目来让大家初步认识 canvas ，学会基本的 canvas 操作。

课程地址：

https://www.shiyanlou.com/courses/59