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 初学者到专家

结束语

现在是结束本文的时候了......祝你的网络开发之旅进展顺利！当然，这不会很容易，但通过遵循本指南，你离实现目标的征程将更近了一步。

原文链接：https:///the-2018-web-developer-roadmap-826b1b806e8d

编译组出品。编辑：郝鹏程