前端小项目种类很多，可以根据你的技能水平、兴趣爱好和项目难度来选择。以下是一些建议的项目：

1. **个人网站/博客**：展示你的个人信息、作品集或写一些技术博客，使用HTML、CSS和JavaScript实现。

2. **响应式设计**：创建一个简单的响应式网站，让它在不同设备上都能自适应显示。

3. **天气应用**：使用API获取天气数据，显示在网页上，可以实现简单的美化和交互。

4. **Todo List**：创建一个简单的待办事项列表，用户可以添加、删除和编辑任务。

5. **计时器/倒计时器**：实现一个简单的计时器或倒计时功能，可以用于健身、考试等场景。

6. **网页游戏**：如2048游戏、扫雷等简单的HTML5游戏。

7. **导航栏动画**：为网站的导航栏添加一些动画效果，提升用户体验。

8. **轮播图插件**：自己编写一个简单的轮播图插件，用于展示多张图片。

9. **基于Ajax的动态加载**：实现一个新闻动态加载或者搜索结果预加载的页面。

10. **静态网站生成器**：如Jekyll、Hugo等，学习如何创建和管理静态网站。

11. **响应式图片显示**：学习如何优化图片在不同设备和屏幕尺寸上的显示。

12. **简单的电商网站**：使用React、Vue或Angular等框架，实现一个简化的商品浏览和购买功能。

13. **网站图标生成器**：创建一个简单的网站，用户可以上传图片并生成相应的图标集。

14. **个人简历网站**：展示自己的专业技能和经历，可以使用Bootstrap等框架。

15. **网页版的棋类游戏**：如五子棋、国际象棋等。

16. **SVG动画**：学习SVG基础，创建一些简单的矢量动画。

选择一个项目后，你可以先确定需求，然后一步步地设计、编码和测试。这些项目不仅可以让你的前端技能得到提升，还能帮助你了解项目管理流程。

40个前端练手项目合集

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

学前端怎么能没有练手项目呢？30个入门练手项目，赶紧拿去练习

可以做哪些前端小项目

最近爆火的Github前端练手小项目

现在前端要掌握的技术包括：除了基本的 html 、javascript、css 外创业小项目视频讲解稿，还有 js 的三大框架 vue、react、angular；后端语言 node.js ；小程序；打包工具 webpack 。

长沙前端培训机构：10个适合新手练手的前端项目

这篇文章千锋长沙前端培训机构整理了10个前端实战项目，这些项目都有完整视频教程和配套源码及学习资料可以咨询右下角领取，大家可以从当中选择自己想做的项目进行参考学习练手，你也可以从中寻找灵感去做自己的项目。

别再说找不到web前端项目练手了，这套最全的前端实战案例请拿去

前面介绍了前端开发游戏的项目教程，当然前端还可以开发一些非常实用的功能，比如小到网站的导航条啊，一个抽奖页面啊等等，这些在网页上经常看到的页面展示功能，基本都是前端开发出来的，因此，下面介绍一些比较实用的前端项目教程。

web前端还是很有趣的，可以较快的上手然后自己开发一些好玩的项目来练手，网上也可以一抓一大把关于前端开发的小项目，可是还是有新手在学习的时候不知道可以做什么，以及怎么做，因此，实验楼就整理了一些前端项目教程，希望可以帮助正在学习前端的小伙伴。

40个web前端练手项目，偷偷练习卷死他们，得不到的永远在骚动

Adam可以看作是Momentum与RMSProp的结合，既然Nesterov的表现较Momentum更优，那么自然也就可以把Nesterov Momentum与RMSProp组合到一起了，首先来看Nesterov的主要公式：

Adam的名称来自Adaptive Momentum，可以看作是Momentum与RMSProp的一个结合体，该算法通过计算梯度的一阶矩估计和二阶矩估计而为不同的参数设计独立的自适应性学习率，公式如下：

并且AdaGrad算法虽然在凸函数(Convex Functions)上表现较好，但是当目标函数非凸时，算法梯度下降的轨迹所经历的结构会复杂的多，早期梯度对当前训练没有太多意义校服丢了还能做什么小生意，此时RMSProp往往表现更好

会越来越大，整体的学习率会越来越小。所以，一般来说AdaGrad算法一开始是激励收敛，到了后面就慢慢变成惩罚收敛，速度越来越慢

Nesterov Momentum是Momentum的改进版本，与Momentum唯一区别就是，Nesterov先用当前的速度

def update(self, g: np.ndarray): # g = J'(w) 为本轮训练参数的梯度

等形式），不过相比SGD，用的更多的还是小批量梯度下降（mBGD）算法，不同之处在于一次训练使用多个样本，然后取所有参与训练样本梯度的平均来更新参数，公式如下：

9个项目助你在2020年成为前端大师！

为了帮助你在2020年成为一个前端大神，我收集了9个使用了不同JS框架/库的项目，你可以去构建或者将他们加入到自己未来的开发计划中。记住，没什么比实际开发一个项目更有帮助。所以，不要犹豫，试着去开发一下。

无论你是编程新手还是经验丰富的开发人员。在这个行业中，我们不得不一直学习新概念和新语言或是框架，才能跟上快速变化。以React为例 —— FaceBook 四年前开源，现在它已经成为了全球JS开发者的首选。但是与此同时，Vue 和 Angular 也有自己的追求者。然后是 Svelte，Next 和 Nuxt.js，Gatsby，Gridsome,quasar 等等，如果你想成为专业的 JavaScript 开发人员，你在使用自己熟悉的框架进行开发的同时，还需要对不同的框架和库有一些了解。