11款学习编程的好玩的浏览器游戏(译)

扫描二维码

玩视频游戏经常涉及用逻辑推理和不断的试错来解决复杂问题。你还能想到别的什么会要求有这样的技能吗?没错,就是编程。
这篇文章为你准备了11款浏览器游戏,非常适合web开发者和编程人员。你可以通过它们学习到JavaScript,CSS和HTML,或者也可以作为一场你web技能的测试。其中一些游戏很简单,另外一些非常难,但是它们都很好玩。

Code Combat

虽然Code Combat是为学校里的学生而制作的,但是这款游戏还是受到很多成年人的喜爱。通过编程来控制一个勇敢的英雄通过成百的地牢,与敌人战斗并收集宝石。完成整个游戏大概需要20+小时,并能覆盖绝大多数的编程概念。

在线直播&回顾

扫描二维码

知乎Live

千聊直播&回顾

Web新技术:PWA-Progressive Web App

扫描二维码

什么是Progressive Web App?

Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术,由Google实现,让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。

概览特性:

  • 添加到屏幕
  • 从屏幕点击启动
  • 加载屏
  • 支持离线应用
  • 支持Push Notification

Top 15 - Material Design框架和类库(译)

扫描二维码

Material design是Google开发的,目的是为了统一公司的web端和手机端的产品风格。它是基于很多的原则,比如像合适的动画,响应式,以及颜色和阴影的使用。完整的指南详情请看这里(http://www.google.com/design/spec/material-design/introduction.html)
虽然Google的设计看起来主要是应用在Android上的应用,但是也是个很好的机会应用到web和hybrid应用。为了帮助使用者更好的创建Material design风格的web工程,有很多的框架和类库已经实现了相应的组件和样式。下面就是我们推荐的Top 15!

Material Design Lite


Material Design Lite是Google官方提供的框架,你可以经常的更新最近版本来知道其践行的标准。它看起来非常棒,很容易使用,并且没有其它的依赖。

编程之外,8种拓展方式

扫描二维码

编程不是目的,然而编程之外,有更多精彩需要我们体会,毕竟人生可不止于编程。今天我们就讨论下编程之外的8个拓展自己的方式。如果你有自己的好的方式,欢迎参与讨论。

1、扩展边界型
TED:世界之精彩纷呈,有此可见一般,扩展自己的视野边界,看到不一样的态度
网易公开课: http://open.163.com/ted/

Draft.js

扫描二维码

Draft.js是一个用React实现的富文本编辑器。由facebook出品。
Draft.js可以很容易的构建任何富文本的输入,甚至是多行的文本样式或者是复杂结构的文章。
在Draft.js的世界里,任何都是可定制的-提供可构建的区块来达到自定义的控制用户交互。

2年来站立办公的体会

扫描二维码

我是个程序员,对着电脑工作有7、8年的时间了。刚毕业那会还年轻,经常性的加班,对着电脑就是十几个小时,也没感觉到累,睡一觉就感觉恢复了精神头。锻炼的时间还多,能找小伙伴们打打球,踢踢球,吹吹牛,扯扯淡。但是工作几年后,生活和工作压力慢慢增加,锻炼的时间少了,扯淡的时候少了,就出现有腰疼的症状,也没当回事,贴一贴膏药,稍微注意下就好了。后来接触的老程序员多了,才知道他们身上都有长久的职业病,腰疼背酸那是太平常了,甚者,拄着拐杖敲代码的也有,后来一问,说是自己摔得。

Chrome开发者工具的实用技巧(译)

扫描二维码

最近我比平时多花了点时间在chrome开发者工具上。过程中我发现了一些我以前没有遇到过的好的特性(至少我没有主动去研究的;像:blackboxing和asynchronous stacktraces)。因此,我想总结下我认为非常不错的特性给大家。

  • 这个小的放大镜图标指向这个元素的CSS的属性最终是在哪个CSS文件里定义。举例子来说,选择“检查”在页面上的任意DOM元素,并切换到“Computed”的子标签。找到你关心的CSS属性并点击放大镜图标,就会直接进入对应的css文件(当你的项目是个很大的web应用时,这个功能是非常有用的).

37个最好的学习新东西的网站(译)

扫描二维码

忘掉那些在学校或者课堂上学习反而收获甚微的方式吧。这些网站或者APP涵盖科学、艺术和技术。它们会教你一些特别的东东,像用node.js构建APP, 而且大部分是免费的。这不会强制你掌握一个新技能,却能扩展你的知识,甚至促进你的职业。你可以在你喜欢的地方学习或者是你自己的舒服的家里。真的不能再简单了。你还等什么呢?

1、在线课程

edX - 世界上最好的大学的在线课程
Coursera  - 获取世界上最好的课程,在线,免费

小鲜 - 推荐5个前端开源代码和工具

扫描二维码

1、notie.js

一个干净、没有其它依赖包的javascript通知插件,支持弹出、confirm、成功、错误、自定义等方式