learn web development

学习 - 开发

从2017年的顶级文章中学习Web开发

英语版本| 中文版本

在2017年1月至12月之间，我们比较了近16,000个网络开发文章，以选择前45名。

我们认为，在该领域拥有动手经验的网络开发人员学习是发展您职业生涯的好方法。该目录旨在使您的生活更轻松，因为它组织了2017年撰写的最有用的教程，经验丰富的网络开发人员在构建和运送Web应用程序方面分享了他们的课程。

该目录有20个关键主题：

如果您想要带有图像的版本：转到我们的媒体链接

目录

1. 一般指南
2. AWS
3. Docker
4. 安全
5. 最佳编码实践
6. git
7. Google Analytics（分析）
8. 引导程序
9. https
10. vim
11. 网络字体
12. HTML电子邮件
13. WebAssembly
14. Chrome Devtools
15. 案例研究
16. 表现
17. 渐进的网络应用程序
18. 面试
19. 经验教训
20. 用户界面

推荐学习

A）游戏AI：建立人工智能的初学者指南。

5,041推荐，4.7/5星

B）计算机视觉：深度学习和计算机视觉AZ™：学习OpenCV，SSD和GAN并创建图像识别应用程序。

8,161推荐，4.5/5星

一般指南

• 前端开发人员手册2017 -Cody Lindley
• 2017年成为网络开发人员的路线图
• 前端清单：现代网站和细致开发人员的完美前端清单
• 我们的500多个工程师都使用此前端开发指南

AWS

• 亚马逊网络服务的开放指南。
• Hitchhiker的AWS ECS和Docker指南

Docker

• 这是您开始使用Docker的方式
• Docker简介

安全

• Web开发人员安全清单
• auth-Boss：在网络上了解不同的身份验证方法。
• 绕过使用伪密码字段的浏览器安全警告

最佳编码实践

• 程序员的设计模式
• Google的关键软件工程实践[PDF]

git

• git-flight-rules：使用git的程序员指南，涉及出现问题时该做什么。

Google Analytics（分析）

• 我在构建的每个网站上使用的Google Analytics（分析）设置

引导程序

• Bootstrap 4：您需要知道的一切

https

• HTTPS的6步“快乐之路”

vim

• 15年后VIM

网络字体

• 网络字体：当您需要时，当您不需要时

HTML电子邮件

• 构建和发送HTML电子邮件的介绍 - 粉碎杂志

WebAssembly

• WebAssembly的删节卡通介绍 - 粉碎杂志

Chrome Devtools

• 提高您的网络开发技能：Chrome Devtools上的150个动画技巧
• DevTools：2017年工会状态（Google I/O '17）
• 使用Chrome Developer工具获取泰勒·斯威夫特（Taylor Swift）的下一场音乐会的门票
• Chrome的预加载，预取优先事项 - Addy Osmani，Google的员工工程师

案例研究

• 我们如何建造R/地方
• 我学会了编码，构建网络应用程序并在2个月内启动产品狩猎

表现

• 网络状态：有影响力的绩效改进指南
• 基本图像优化-Addy Osmani
• 网络缓存 - 您需要知道的一切
• 通过小型机器学习加速您的网站

渐进的网络应用程序

• Pinterest渐进式网络应用程序绩效案例研究
• 渐进式网络应用程序和前端网络的初学者指南
• 使用JavaScript框架的生产渐进式网络应用程序（Google I/O '17）

面试

• 我刚刚在Facebook找到了开发人员工作。这是我为采访做准备的方式。
• 30分钟摇摆您的下一次编码面试的指南
• 我刚在Snapchat找到了开发人员工作。这是我学到的以及它如何帮助您进行求职。
• Google编码面试问题和答案＃1：第一个重复的角色

经验教训

• 我将如何向2007年的时间旅行者解释网络开发的十年
• 我一直是网络开发人员已有17年了，这就是我学到的 - 丹尼尔·汗（Daniel Khan）
• 开发人员的优势：如何成为高级开发人员
• 老将CTO（有多个成功的退出）回答了您的最高创业问题

用户界面

• 重新思考拖放：拿一些基本的东西并使其变得美丽
• 扩展网格项目动画
• 菜单悬停效果的灵感