學習 - 開發
從2017年的頂級文章中學習Web開發
英語版本| 中文版本
在2017年1月至12月之間，我們比較了近16,000個網絡開發文章，以選擇前45名。
我們認為，在該領域擁有動手經驗的網絡開發人員學習是發展您職業生涯的好方法。該目錄旨在使您的生活更輕鬆，因為它組織了2017年撰寫的最有用的教程，經驗豐富的網絡開發人員在構建和運送Web應用程序方面分享了他們的課程。
該目錄有20個關鍵主題：
如果您想要帶有圖像的版本：轉到我們的媒體鏈接
目錄
- 一般指南
- AWS
- Docker
- 安全
- 最佳編碼實踐
- git
- Google Analytics（分析）
- 引導程序
- https
- vim
- 網絡字體
- HTML電子郵件
- WebAssembly
- Chrome Devtools
- 案例研究
- 表現
- 漸進的網絡應用程序
- 面試
- 經驗教訓
- 使用者介面
推薦學習
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
安全
- Web開發人員安全清單
- auth-Boss：在網絡上了解不同的身份驗證方法。
- 繞過使用偽密碼字段的瀏覽器安全警告
最佳編碼實踐
- 程序員的設計模式
- Google的關鍵軟件工程實踐[PDF]
git
- git-flight-rules：使用git的程序員指南，涉及出現問題時該做什麼。
Google Analytics（分析）
- 我在構建的每個網站上使用的Google Analytics（分析）設置
引導程序
https
vim
網絡字體
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（有多個成功的退出）回答了您的最高創業問題
使用者介面
- 重新思考拖放：拿一些基本的東西並使其變得美麗
- 擴展網格項目動畫
- 菜單懸停效果的靈感
