---
layout: post
title: Weekly
category: Weekly
author: 东岳

---

# Weekly 12/03 - 12/09

周报第十期

- 催稿人:
  [@ComMouse][gh-cm]
- 交稿人:
  [@at15][gh-at15]
  [@arrowrowe][gh-arrow]
  [@ComMouse][gh-cm]
  

[gh-arrow]: https://github.com/arrowrowe
[gh-cm]: https://github.com/ComMouse
[gh-at15]: https://github.com/at15

## 入门

Web 组的童鞋你们好~ 为了能够让大家更快的熟悉东岳，特此推出一份入门任务哦~ 任务将会分为数期，每期集中完成一个项目的功能点。希望大家能借助这个项目更好地熟悉 Web 开发哦~

### 第一期

本周的任务是：页面设计

最终目标：完成一个任务列表（To-do list）的首页的页面设计与实现

期限：两周

#### 你将学到的
1. 网页的基本元素
2. 如何设计网页
3. 如何实现网页
4. 如何给网页添加样式

#### 需求
1. 一个基本的 HTML 页面（index.html）
2. 添加样式（CSS）使页面丰富起来
3. 页面上需要有以下元素：
  - 一个导航栏（页面最上面的那一栏），只需要有头像和用户名就可以啦~
  - 一个列表，显示所有的任务
  - 一个添加任务的按钮（假按钮，无需真的实现添加功能）
  - 一个页尾，并注明 "Made By XXX(你的名字)"

#### 建议
1. 完整地学习一遍 HTML 和 CSS，参考资料：
  - [W3School](http://www.w3school.com.cn/) 资料略过时
  - [MDN 文档](https://developer.mozilla.org/zh-CN/docs/Web)
  - [学习 CSS 布局](http://zh.learnlayout.com/)
2. 使用 PS/AI/画图 等工具画出网页的设计初稿
3. 边看文档边实现你的设计稿吧！
3. 编辑器/IDE（集成开发环境）：Sublime Text / WebStorm（学生免费）
4. 如果可以，尝试一下使用框架（如 Bootstrap）吧！

#### 参考
- [IFE 前端学院](https://github.com/baidu-ife/ife)
  - HTML、CSS 基础：[https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0001](https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0001)
  - JavaScript 基础：[https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0002](https://github.com/baidu-ife/ife/tree/master/2015_spring/task/task0002)
  - 石头剪刀布游戏：[https://github.com/baidu-ife/ife/blob/master/2015_summer/task/game_qihang_01.md](https://github.com/baidu-ife/ife/blob/master/2015_summer/task/game_qihang_01.md)
- [谷歌 WEB开发基础](http://wf.uisdc.com/cn/)
- [知乎上的前端介绍](http://www.zhihu.com/question/19637373)

#### 项目提交
在 GitHub 或我们的 GitLab 上创建新项目，在本仓库（ https://github.com/dyweb/web-stuff ）开 issue 附上项目地址即可。

#### 代码风格
1. HTML 全部标签用小写，属性用双引号
2. CSS  暂无

#### 注意
__本任务非强制性，但欢迎大家学习！__

## 新闻

- [ECharts 3 带来了什么](http://echarts.baidu.com/related/blog/ec3new/ec3new.html)
  一篇 [EChart 3](http://ecomfe.github.io/echarts-builder-web/echarts3.html) 的安利贴

- [PHP 7.0.0 正式发布](http://php.net/archive/2015.php#id2015-12-03-1)

## 阅读

- [nuprl/10PL](https://github.com/nuprl/10PL),
  10 个 PhD 学生应该知道的 paper。

- [从 300 到 300 万，一个远程外包团队的发展历程和经验](http://yizaoyiwan.com/discussion/79)

- [走进增长黑客](http://www.csdn.net/article/2015-12-03/2826383)

- [How to fix a bad user interface (超长文......)](http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack)

- [远程工作资料](https://github.com/greatghoul/remote-working)
  @scottsun94 远程的设计也有


下列内容转自 https://github.com/zenany/weekly：

- [前QQ浏览器产品负责人薛珺：从0到1深度认识产品经理（万字长文）](http://toutiao.com/i6223360372221411841/)

- [一专多能！成为一名强大优秀的全栈设计师吧！](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401039038&idx=1&sn=a09d09fe363c184d9b486c8650d5d869&scene=0#wechat_redirect)
  > @艺术家乾乾    (@swaylq)

## 技术

- [WAI-ARIA 无障碍网页应用属性完全展示](http://www.zhangxinxu.com/wordpress/2012/03/wai-aria-%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%98%85%E8%AF%BB/)

- [10 Mistakes to Avoid on AngularJS](http://codecondo.com/10-mistakes-to-avoid-on-angularjs/)

  > 其实我还没看
  >  --[@arrowrowe][gh-arrow]

- [Background jobs with php and resque](http://kamisama.me/2012/10/09/background-jobs-with-php-and-resque-part-1-introduction/)

  > 好像是国人写的, PHP 和后台 Job 入门.
  >  --[@at15][gh-at15]

- [各种运维工具的对比](https://valdhaus.co/books/)

  > 只要 $279... 不过觉得我们可以用 http://www.ansible.com/
  >  --[@at15][gh-at15]

## 专题

### PHP 7 Released

- [PHP 7.0.0 正式发布](http://php.net/archive/2015.php#id2015-12-03-1)

#### 性能提升

- [PHP The Right Way](https://github.com/codeguy/php-the-right-way/commit/323e0d686594849d456473eabd6831d37305caec)

- [让 PHP7 达到最高性能的几个 Tips](http://www.laruence.com/2015/12/04/3086.html)

#### 内核

- [深入理解PHP内核(Thinking In PHP Internals)](https://github.com/reeze/tipi)
  似乎 5.5 以上没有提及。。

## 项目

### 前端

下列内容转自 https://github.com/zenany/weekly：

- [Parker](https://github.com/katiefenn/parker)
  CSS 静态分析工具

- [The Birth of Webster Hall](http://www.websterhall.com/timeline/)
  一个时间线

### 后端

- [Kue](https://github.com/Automattic/kue)
  A feature rich priority job queue for Node.js backed by Redis

- [Amp](http://amphp.org/)
  A non-blocking concurrency framework for PHP applications

- [Vuvuzela](https://github.com/davidlazar/vuvuzela)
  Private messaging system that hides metadata


- [Administrate](https://github.com/thoughtbot/administrate)
  A super-flexible admin dashboard 虽然不是太复杂，但是有完整的测试

- [rails-ant-design](https://github.com/DGZ-F2E/rails-ant-design)
  在 Rails 里使用 Ant Design @arrowrowe

  > btw: DGZ 就是 GitCafe, guess still have someone I know working there .... 
  >  --[@at15][gh-at15]

- [Keystone](https://github.com/keystonejs/keystone)
  Node.js CMS and Web APP framework

### 杂项

- [HearthSim](http://hearthsim.info/)
  Hearthstone Simulation & AI.
  > FYI @swaylq @spacemeowx2

- [Boxel](http://verizoncraft.github.io/)
  A near real-time pixelator and "codec" for Minecraft

## 工具

### 后端

- [httpbin](http://httpbin.org/)
  可以用来测试各种 HTTP 请求的服务
- [Phan](https://github.com/etsy/phan)
  PHP 静态分析工具

### 其他

- [Oh](https://github.com/michaelmacinnis/oh)
  A Unix shell written in Go.

  > Hey you Go guyes @at15 @spacemeowx2
  > --[@arrowrowe][gh-arrow] 

- [node-imap](https://github.com/mscdex/node-imap)
  > Node 的 IMAP 客户端, 可以用来做个简易的邮件客户端?
  >  --[@at15][gh-at15]

- [MathJax](https://github.com/mathjax/MathJax)
  - ([Offical Website](https://www.mathjax.org/))
  Beautiful math in all browsers -- A JavaScript display engine for mathematics that works in all browsers. No more setup for readers. It just works.

  > 我不会说我是试图不学 LaTeX 才想起它的...
  > --[@arrowrowe][gh-arrow]

## 百味

- https://duckduckgo.com/

  > 一个不会跟踪你的搜索引擎, 基于 apache solr, but ... 怎么盈利呢...
  >  --[@at15][gh-at15]

- http://www.zhokhov.com/
  一个在中国的俄罗斯程序员... 

  > 因为奇怪为什么会有外国人用中文分词找到的
  >  --[@at15][gh-at15]
