小心！这22个前端教程，可能会让你撩到妹子（滑稽）

我好无聊！我好无聊！

我上学无聊，我上班无聊！我无聊到哭！我无聊到死！

上前端干货前，先上一个神器：

这是什么鬼？！被罩急，听我解释：这个网站叫做Bored Button无聊按钮。当你无聊的时候打开，你会发现，他比你无聊10000倍！

你不信？这世上没人比你更无聊？我先举个小栗子：

来来，请盯着屏幕2分钟，什么都别做。放松，我帮你计时。如果你觉得这不无聊，那么还有一个游戏：请按住屏幕上的虚拟按钮，看谁按得时间长，排名第一的记录是5338分钟！！！

Bored Button是一个奇葩网站，每次点击这个纽扣，就出出现一个无敌脑洞无聊的Web小游戏。比如下面这几个：

电鳗打耳光。你可以控制电鳗的尾巴，打这个人的耳光，慢镜头下还会有电鳗身上的粘液飞溅，无比逼真，无比爽快！再比如下面这个脑残的2048版flappy Bird：

有意思吧？

假如，妹子无聊的时候，你丢给她一个链接，打开后是一个为她量身定做的有趣游戏，游戏中还暗藏着你想对她说的情话....岂不是美滋滋？

前端Web开发的市场需求一直没有下滑过，但是现在很多毕业生的目标都是热门的大数据、人工智能等方向，使得Web开发人才越来越稀缺，同时也钱越来越值钱。下面为大家整理了一波前端教程：

入门系列

1、HTML 基础课程 

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

2、HTML5 基础教程 

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

3、CSS 基础课程 

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

4、JavaScript 基础课程 

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

5、Bootstrap3.0入门学习 

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

基础项目系列

1、纯 CSS 打造网页版「大白」 

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

2、网页版拼图游戏 

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

3、网页版2048 

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

4、网页版别踩白块游戏 

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

5、基于 jQuery 实现图片轮播 

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

6、基于 HTML5 实现刮刮乐效果 

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

7、基于 CSS3 实现抽奖大转盘 

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

8、基于 Canvas 实现放大镜效果 

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

9、jQuery 在购物车的使用 

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

10、CSS3实现“红包照片”模糊效果 

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

11、基于HTML5 Canvas实现小游戏 

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

12、瀑布流加载图片墙 

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

13、基于 HTML5 实现本地图片裁剪 

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

强化进阶系列

14、基于 Bootstrap 和 PHP 实现有道翻译 

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

15、纯前端打造实时markdown编辑器 

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

16、React+Express+MongoDB 实现网易云音乐 

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

17、Vue.js 实现富文本编辑器 

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

大家加油学习噢！别忘了点“在看”鸭！爱你们~

对了，Bored Button的网址是：

https://www.boredbutton.com/

相关推荐

50个Python练手项目，拿去过冬吧！

10个不到500行代码的超牛Python练手项目

10个精彩Python视频教程整理，10种新技能轻松Get！

30本Python学习参考书，从入门到大师全了！

大牛推荐的10本学习Java必看书

如何开始使用Java机器学习

再别说找不到C++练手项目，这20个拿去不谢！