学习编程
首发于学习编程
有哪些适合新手练手的前端项目?

有哪些适合新手练手的前端项目?

学习编程专栏连载编程新手练手项目系列之前端项目篇,同样也欢迎热爱学习、对Java感兴趣的朋友学习翻阅上三两篇内容。(连载系列的项目整理以后会在每个月进行一次重新整理,也欢迎大家进行项目的投稿,投稿请私信我。)

有哪些适合新手练手的Java项目? - 学习编程 - 知乎专栏
有哪些适合新手练手的Java Web项目? - 学习编程 - 知乎专栏有哪些适合新手练手的Python项目? - 学习编程 - 知乎专栏

继上一篇过去已经很久了,也答应大家出这一篇的前端项目推荐。恰逢国庆,就用些时间仔细的整理一番。同时希望各位把自己觉的不错的项目放在评论区,觉得不错的,我会放到文章中

第一个:实例索引
部分目录(请点击原文链接进行练习)

图片列表:鼠标移入/移出改变图片透明度倒计时时钟星级评分系统用键盘控制DIV仿腾讯微博效果移动效果(按轨迹移动)iPhone手机解锁效果仿苹果电脑任务栏菜单自动轮播广告(面向对象版)面试题-动态生成表格眼镜在线试戴酒店价格中心-Demo

第二个:GitHub - baidu-ife/ife: Baidu Institute of Front

部分目录(请点击原文链接进行练习)

通过HTML及CSS模拟报纸排版实现常见的技术产品官网的页面架构及样式布局行星与飞船(一)表单(三)联动表单(四)实现表单自动生成工厂
听指令的小方块(一)UI组件之浮出层多功能相册之拼图布局王牌特工 准备工作(一)微型调查问卷平台多功能相册王牌特工

第三个:GitHub - qieguo2016/demos: 茄果的作品集

部分目录(请点击原文链接进行练习)

超炫的HTML5粒子效果进度条 VS 如何规范而优雅地code扑面而来的碎片--图片3D炸裂效果初体验简单的转盘抽奖——CSS动画优化demos/fakeZhihu at master · qieguo2016/demos · GitHubdemos/wxShake at master · qieguo2016/demos · GitHubdemos/heal at master · qieguo2016/demos · GitHub

最后最后,推荐几个小游戏给你们去做一做,相信一定会有不少的收获。

1、GitHub - gabrielecirulli/2048: A small clone of 1024 (https://play.google.com/store/apps/details?id=com.veewo.a1024)2、HTML5超级玛丽小游戏源代码

学习编程,欢迎关注专栏:学习编程 - 知乎专栏


程序员常用的技术网站 - 学习编程 - 知乎专栏
如何学习Python爬虫[入门篇]? - 学习编程 - 知乎专栏
哪些知乎收藏夹关注数超过一万? - 学习编程 - 知乎专栏
编辑于 2017-05-23

文章被以下专栏收录

    微信公众号:牛客网 莫道君行早,更有早行人。 全心敲代码,天道自酬勤。