小心！这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个拿去不谢！
