從1.6萬篇文章中挑出的最棒的 Web 開發學習指南

2017 Web 開發者技能學習路線圖

前端清單：為現代網站和細心開發者準備的完美的前端清單

我們這超過 500 名工程師都在使用這份前端開發指南

AWS

Amazon Web Services 開放學習指南

亞馬遜 ECS 與 Docker 服務的打包指南

Docker

從這裡了解你該如何開始使用 Docker

Docker 介紹

Web 安全

Web 開發者安全清單

Auth-Boss: 了解 Web 上不同的認證方法

用偽密碼欄位繞過瀏覽器安全警告

編程最佳實踐

程序員需要了解的設計模式

Google 的軟體工程實踐精選[PDF]

Git

Git-flight-rules: 為使用 git 的程序員準備的指南，他會在你遇到問題時告訴你該怎麼做

Google Analytics

我在構建的每個網站上都會使用的 Google Analytics 設置

Bootstrap

關於 Bootstrap 4 你所需要知道的一切

HTTPS

通向 HTTPS 的六步「快樂之路」

Vim

15年後的 Vim

Web Font

Web fonts: 你究竟什麼時候才需要它

HTML Email

向 Web 開發者發送 HTML 電子郵件的構建指南 – Smashing Magazine

WebAssembly

漫畫簡介 WebAssembly – Smashing Magazine

Chrome DevTools

增強你的 Web 開發技能樹：在 Chrome 開發者工具的150個動畫提示

Chrome 開發者工具：2017發展概況 (Google I/O 『17)

使用 Chrome 開發者工具獲取 Taylor Swift的下一場演唱會門票

Chrome 中的預載入，預取和優先順序 - Addy Osmani, Google 工程師

案例分析

我們是如何開發出 r/Place 的

我是如何在兩個月內學會編程，開發了一個 Web 應用並將其發布到 Product Hunt 上的

性能

Web 發展狀態：有效性能改進的推進指南

基本圖像優化 - Addy Osmani

有關 Web 緩存你所需要了解的一切

用一點機器學習的知識來加速你的網站

Progressive Web App

Pinterest Progressive Web App 性能分析

Progressive Web Apps 與 Web 開發新手指南

使用 JavaScript 框架開發 Progressive Web Apps (Google I/O 『17)

面試

我剛拿到 Facebook 的工作機會，我是這樣準備我的面試的……

30分鐘備戰你的下一個編程面試

我剛拿到 Snapchat 的工作機會，我從中學到了什麼以及它能如何幫助你找到工作

Google 編程測試問題與答案 #1: First Recurring Character

從業收穫

我該如何向一位來自2007年的時間旅行者解釋這十年里的 Web 發展

我從事 Web 開發已經17年了，這是我所學到的一切 - Daniel Khan

開發者優勢：如果成為一名高級開發工程師

資深首席技術官（多次成功經歷）為你解答最受關注的創業問題

用戶界面

重新思考拖拽（drag and drop）操作：簡化操作，使其優美

Grid 內容展開動畫

菜單懸停效果帶來的靈感啟示