星云开发者开放注册啦,提交一个DApp即可获得100个NAS(大约7000元),更有周、月度大额奖金等你拿!开发者今年最大的机会, 会JavaScript即可。
注册链接:https://incentive.nebulas.io/cn/signup.html?invite=HjuhT

Web技术

Chrome的扩展插件

扫描二维码

用处

本质就是web页面,调用web上的原有api还有浏览器提供的一些接口(像右键菜单、桌面通知、覆盖页面等等)。做一些工具性的插件。

manifest.json

{
    "name": "My Extension",
    "version": "2.1",
    "description": "Gets information from Google.",
    "icons": { "128": "icon_128.png" },
    "background_page": "bg.html",
    "permissions": ["http://*.google.com/", "https://        *.google.com/"],
    "browser_action": {
        "default_title": "",
        "default_icon": "icon_19.png",
        "default_popup": "popup.html"
    }
}

参数说明

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

扫描二维码

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

Code Combat

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

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官方提供的框架,你可以经常的更新最近版本来知道其践行的标准。它看起来非常棒,很容易使用,并且没有其它的依赖。

Draft.js

扫描二维码

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

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

扫描二维码

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

1、在线课程

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

Chromecast的杀手级特性 — NFC

扫描二维码

Chromecast + NFC



新版本的Chromecast已经发布。我已经喜欢上了新版本中存在的的JavaScript API。新的设计让我产生了一些想法。其中一个特性他们应该给予更多的支持和普遍的应用:更多的支持NFC.

5篇好文推荐

扫描二维码

前端开发规范手册

此手册主要实现的目标:代码一致性和最佳实践。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。

此手册是在开发中积累下来的经验和参考其它规范/指南制定的,它只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论,它会随着时间而变化。

Facebook:我们是如何构建第一个跨平台的React Native APP

扫描二维码

今年早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后为了保持速度、保真性、并达到原生的体验。今天我们很高兴发布React Native的Anroid版本.

在Facebook我们已经应用React Native在发布的产品有超过一年的时间了。几乎是整整一年之前,我们的团队开始规划开发广告管理APP。我们的部门是创建一个新的APP来让数百万的Facebook广告主来管理他们的账号并能创建新的广告。在完成的时候,这不仅仅是FB的第一个全React Native APP而且是第一个跨平台的APP.在这篇文章里,我们希望能和你分享我们是如何构建这个APP,React Native是如何让我们更快的,还有这个过程中我们的经验。

git使用ssh密钥

扫描二维码

git使用https协议,每次pull, push都要输入密码,相当的烦。 使用git协议,然后使用ssh密钥。这样可以省去每次都输密码。

大概需要三个步骤:
一、本地生成密钥对;
二、设置github上的公钥;
三、修改git的remote url为git协议。