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

640?wx_fmt=gif


有哪些适合新手练手的前端项目?_第1张图片

文中链接无法打开,请点击阅读原文

文末留言功能已开启,欢迎留言。


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

有哪些适合新手练手的Java项目? - 学习编程

有哪些适合新手练手的Java Web项目? - 学习编程

有哪些适合新手练手的Python项目? - 学习编程

继上一篇过去已经很久了,也答应大家出这一篇的前端项目推荐。恰逢国庆,就用些时间仔细的整理一番。同时希望各位把自己觉的不错的项目放在评论区,觉得不错的,我会放到文章中
0第一个:实例索引
部分目录(请点击原文链接进行练习)

  • 图片列表:鼠标移入/移出改变图片透明度

  • 倒计时时钟

  • 星级评分系统

  • 用键盘控制DIV

  • 仿腾讯微博效果

  • 移动效果(按轨迹移动)

  • iPhone手机解锁效果

  • 仿苹果电脑任务栏菜单

  • 自动轮播广告(面向对象版)

  • 面试题-动态生成表格

  • 眼镜在线试戴

  • 酒店价格中心-Demo

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

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

  • 通过HTML及CSS模拟报纸排版

  • 实现常见的技术产品官网的页面架构及样式布局

  • 行星与飞船(一)

  • 表单(三)联动

  • 表单(四)实现表单自动生成工厂

  • 听指令的小方块(一)

  • UI组件之浮出层

  • 多功能相册之拼图布局

  • 王牌特工 准备工作(一)

  • 微型调查问卷平台

  • 多功能相册

  • 王牌特工

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

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

  • 超炫的HTML5粒子效果进度条 VS 如何规范而优雅地code

  • 扑面而来的碎片--图片3D炸裂效果初体验

  • 简单的转盘抽奖——CSS动画优化

  • demos/fakeZhihu at master · qieguo2016/demos · GitHub

  • demos/wxShake at master · qieguo2016/demos · GitHub

  • demos/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超级玛丽小游戏源代码 


热文

爬取了bilibili站644w视频信息之后的故事。

Python对微信好友进行简单统计分析

程序员的生存技巧 —— 搜索技巧

vim/vi命令整理

640?wx_fmt=gif

有哪些适合新手练手的前端项目?_第2张图片 有哪些适合新手练手的前端项目?_第3张图片 戳原文,更有料!

你可能感兴趣的:(有哪些适合新手练手的前端项目?)