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