2018年Web 開發者路線圖：最全的教程、資源和在線課程

編者按：WEB開發是一個非常熱門的職業。該工作的技術性很強, 它需要你必須不停地提高、不斷地加強, 才不會被別人比下去, 才能保住飯碗。看了以下文章，希望對你提高技能能有一些幫助。本文編譯自Brandon Morelli在Medium上發表的文章The 2018 Web Developer Roadmap。

想學習代碼？沒有比現在更好的時候了。 下面是一個關於在2018年如何成為一名網路（Web）開發人員的路線圖。不要讓這些圖片嚇倒你。 要想成為一位優秀的開發人員，你並不需要了解該圖上的所有內容。 事實上，如果你不願意，你甚至不需要認真對待他們。 從另一個角度來說，你可以使用這些圖片作為出發點，來幫助和指導你的學習。

你可以從這裡開始，選擇通往前端或後端的發展方向。 無論你做出何種選擇，對應該學習哪些內容，我們有以下八條建議(黃色文字部分)。

注: 該圖片由Kamranahmedse創建,並以CC BY4.0許可證的形式發布到GitHub上。本文增加了資源/鏈接部分。

前後端都適用的基礎部分

Git?—你昨天就應該學習Git了，15分鐘學會使用Git

SSH

HTTP/HTTPS

使用Terminal ?—Basic Mac OS,Basic Windows

數據結構與演算法

字元編碼

GitHub?—為你的第一個Github做出貢獻的分步指導

1. 學習前端的路徑及課程

專註於黃框部分，然後再做進一步延伸。 在圖片下方，是一些幫助你學會這些技能的資源。

網站開發訓練營

你需要學習基礎知識，要為掌握Web開發原則奠定堅實的基礎。 有很多方法可以達到這一點，但在我看來，Web開發培訓營是最好也是最簡單的方法。

高級Web開發訓練營

現在你已經有了第一次訓練營的經驗，知道如何完整地構建Web應用程序。接下來，我們可以進行更深入一步的學習了。高級Web開發訓練營介紹了更複雜的、可用於構建漂亮，響應式的Web應用程序，框架和工具。

HTML / CSS

用 HTML5 和 CSS3來構建用於現實世界的真正網頁

CSS專輯: 資料庫，插件，提示和技巧

從頭至尾手把手教你用Bootstrap 4搭建5個項目

JavaScript初學者

用JavaScript 做一個實際項目的完整教程

高級 JavaScript

從初級到高級 JavaScript指導 & ES6?—?ES2017

React JS

現代 React 及 Redux

高級 React 及 Redux

Angular JS

Angular 5 (以前的 Angular 2)?—?完整指導

Angular 4完整教程: 初級到高級

Vue JS

Vue JS 2?完整教程

Vue JS 2 終極開發課程 | Udemy

2. 後端

專註於黃框部分，然後再作進一步延伸。 在圖片下方，是一些幫助你學會這些技能的資源。

Node JS

Node.js 完整開發教程(第二版)

Node 與 React: 全棧網路開發教程| Udemy

Ruby

學習Ruby

Python

The Python Bible? |Python里你所要用到的全部知識

用 Flask 與 Python搭建REST APIs

PHP

適合PHP?初學者—?成為一名PHP 大師?—?CMS 項目

Java

完整 Java Masterclass

MySQL

MySQL終極訓練營: 從 SQL 初學者到專家

結束語

現在是結束本文的時候了......祝你的網路開發之旅進展順利！當然，這不會很容易，但通過遵循本指南，你離實現目標的征程將更近了一步。

編譯組出品。編輯：郝鵬程

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！