40个前端练手项目合集

最近有很多小伙伴反应 ——

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

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

如果你还没有前端基础，推荐从这 3 门课开始学起 ——

基础阶段：

1. HTML5 简明教程

课程将从网站的基础概念开始，带你了解其运行机制。然后，我们会学习 HTML 基础知识，了解各种常用标签的意义以及基本用法。此外，课程还会涉及 HTML5 的内容，这是 HTML 的最新标准，它添加了一些新的语法特征。

2. CSS3 简明教程

CSS 层叠样式表用来描述 HTML 文档的呈现，是前端开发过程中一项重要的知识技能。课程从最基本的 CSS 概念开始，逐步深入，教你学会如何使用 CSS 同时控制多重网页的样式和布局。同时，课程还会涉及最新版本 CSS3 的内容，带你掌握新的标准化组件。

3. JavaScript 基础入门

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

基础项目，这些项目都配有完整的教程和源码，可以帮助你更好地巩固理论知识。

这些已经打包好了，领取方式如下：