# Weekly

Dec 9, 2015 • 东岳

# Weekly 12/03 - 12/09

周报第十期

- 催稿人: @ComMouse
- 交稿人: @at15 @arrowrowe @ComMouse

## 入门

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

### 第一期

本周的任务是：页面设计

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

期限：两周

#### 你将学到的

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

#### 需求

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

#### 建议

1. 完整地学习一遍 HTML 和 CSS，参考资料：
   - W3School 资料略过时
   - MDN 文档
   - 学习 CSS 布局
2. 使用 PS/AI/画图 等工具画出网页的设计初稿
3. 边看文档边实现你的设计稿吧！
4. 编辑器/IDE（集成开发环境）：Sublime Text / WebStorm（学生免费）
5. 如果可以，尝试一下使用框架（如 Bootstrap）吧！

#### 参考

- IFE 前端学院
  - HTML、CSS 基础：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/blob/master/2015_summer/task/game_qihang_01.md
- 谷歌 WEB开发基础
- 知乎上的前端介绍

#### 项目提交

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

#### 代码风格

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

#### 注意

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

## 新闻

- ECharts 3 带来了什么 一篇 EChart 3 的安利贴

- PHP 7.0.0 正式发布

## 阅读

- nuprl/10PL, 10 个 PhD 学生应该知道的 paper。

- 从 300 到 300 万，一个远程外包团队的发展历程和经验

- 走进增长黑客

- How to fix a bad user interface (超长文......)

- 远程工作资料 @scottsun94 远程的设计也有

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

- 前QQ浏览器产品负责人薛珺：从0到1深度认识产品经理（万字长文）

- 一专多能！成为一名强大优秀的全栈设计师吧！

  > @艺术家乾乾 (@swaylq)

## 技术

- WAI-ARIA 无障碍网页应用属性完全展示

- 10 Mistakes to Avoid on AngularJS

> 其实我还没看 --@arrowrowe

- Background jobs with php and resque

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

- 各种运维工具的对比

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

## 专题

### PHP 7 Released

- PHP 7.0.0 正式发布

#### 性能提升

- PHP The Right Way

- 让 PHP7 达到最高性能的几个 Tips

#### 内核

- 深入理解PHP内核(Thinking In PHP Internals) 似乎 5.5 以上没有提及。。

## 项目

### 前端

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

- Parker CSS 静态分析工具

- The Birth of Webster Hall 一个时间线

### 后端

- Kue A feature rich priority job queue for Node.js backed by Redis

- Amp A non-blocking concurrency framework for PHP applications

- Vuvuzela Private messaging system that hides metadata

- Administrate A super-flexible admin dashboard 虽然不是太复杂，但是有完整的测试

- rails-ant-design 在 Rails 里使用 Ant Design @arrowrowe

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

- Keystone Node.js CMS and Web APP framework

### 杂项

- HearthSim Hearthstone Simulation & AI.

  > FYI @swaylq @spacemeowx2

- Boxel A near real-time pixelator and "codec" for Minecraft

## 工具

### 后端

- httpbin 可以用来测试各种 HTTP 请求的服务
- Phan PHP 静态分析工具

### 其他

- Oh A Unix shell written in Go.

> Hey you Go guyes @at15 @spacemeowx2 --@arrowrowe

- node-imap

  > Node 的 IMAP 客户端, 可以用来做个简易的邮件客户端? --@at15

- MathJax

  - (Offical Website) 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

## 百味

- https://duckduckgo.com/

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

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

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