[译文]2018 年 Web 开发者路线图

想学习代码吗？没有比现在更好的开始时间了。下面是一个插图路线图，重点是如何在 2018 年成为开发人员。**不要让这些插图吓到你。**您无需了解此地图上的所有内容即可成为一名出色的开发人员。事实上，如果你不愿意，你甚至不需要认真对待它们。相反，请使用这些地图作为起点，以帮助指导您的学习。

成为 Web 开发人员的这个很棒的插图指南由 Kamranahmedse 创建，并根据 CC BY 4.0 许可证发布到 GitHub。本文添加了其他资源/链接。披露：我写评论并从我审查其产品的公司获得报酬。

Web 开发人员于 2018 年

这是你要开始的地方。您可以选择下面的前端或后端路径。无论如何，有八条黄色建议你应该学习任何一条路径。

建议学习任何一条路径

• Git - 你应该昨天学会 Git，15 分钟学习 Git
• SSH
• HTTP/HTTPS
• 终端使用 - 基本 Mac OS，基本 Windows
• 数据结构和算法
• 字符编码
• GitHub -为您的第一个 GitHub 贡献的分步指南

学习前端的前端路径和课程

专注于黄色盒子并从那里成长。地图下方是额外的资源，可以帮助您学习。

Web 开发训练营

您需要学习基础知识并构建 Web 开发原则的坚实基础。有很多方法可以做到这一点，但在我看来，Web 开发训练营是最好和最简单的方法。

Web Developer Bootcamp |Udemy
_学习 Web 开发所需的唯一课程 - HTML，CSS，JS，Node 等等！_Udemy

高级 Web 开发训练营

现在您已经采用了第一个 bootcamp 并且知道如何构建完整的堆栈 Web 应用程序，现在是时候让您的学习更深入了解。Advanced Web Development Bootcamp 引入了复杂的技术，框架和工具，您可以使用它们来构建漂亮，响应迅速的 Web 应用程序。

高级 Web 开发人员训练营 |Udemy
_了解 React 16，Redux，D3，ES2015，测试，CSS Flexbox，动画，SVG，AJAX 等等！_Udemy

HTML / CSS

• 使用 HTML5 和 CSS3 构建响应式真实世界网站

使用 HTML5 和 CSS3 构建响应式真实世界网站
_“通过其他平台上的其他相关课程，我可以说这门课程是最实用和最容易的..._Udemy

• CSSCasts：图书馆，插件，提示和技巧

CSSCasts;CSS 库插件提示和技巧开发人员
_学习现代 CSS，CSS3，CSS4，库，插件，网格，框架，提示和技巧以及构建网站。更新每周_Udemy

• Bootstrap 4 从头开始，有 5 个项目

Bootstrap 4 从头开始，有 5 个项目 |Udemy
_掌握最新版本的 Bootstrap（4.0.0 Beta）并构建 5 个真实世界主题，同时学习 HTML5 语义和 CSS3_Udemy

初学 JavaScript

• 完整的 JavaScript 课程：构建一个真实世界的项目

完整的 JavaScript 课程：
使用市场上最完整的 JavaScript 课程构建真实世界的项目_主 JavaScript！__包括项目，挑战，期末考试......_Udemy

高级 JavaScript

• 高级 JavaScript 和 ES6 初学者指南 - ES2017

高级 JavaScript 和 ES6 初学者指南 - ES2017
_学习诸如“这个”，范围，“新”，吊装，ES6 等强硬话题！将您的 JS 知识提升到新的水平！_Udemy

反应 JS

• 与 Redux 的现代反应

与 Redux 的现代反应 |Udemy
_法师的反应，终极版本教程为您开发与应用的基本面做出反应路由器的 WebPack 和 ES6_Udemy

• 高级 React 和 Redux

高级 React 和 Redux |Udemy
_有关高级 React 和 Redux 概念的详细演练 - 身份验证，测试，中间件，HOC 和..._Udemy

Angular JS

• Angular 5（以前的 Angular 2） - 完整指南

Angular 5（以前的 Angular 2） - 完整指南
Master Angular（Angular 2+，包括 Angular 5），并与 Angular.js_Udemy_的继任者构建了令人敬畏的反应式网络应用程序

• 完整的角度 4 课程：从初级到高级

完整的角度课程：初级到高级
_最全面的 Angular 4（Angular 2+）课程。使用 Angular，Firebase 和 Bootstrap 构建一个真正的电子商务应用程序......_Udemy

Vue JS

• Vue JS 2 - 完整指南

Vue JS 2 - 完整指南（包括 Vue Router 和 Vuex）
_Vue JS 是一个非常棒的 JavaScript 框架，用于构建前端应用程序！VueJS 混合了 Best of Angular + React！_Udemy

• Ultimate Vue JS 2 开发人员课程

Ultimate Vue JS 2 开发人员课程 |Udemy
_通过使用 Vue 构建 3 个专业的真实 Web 应用程序来学习和掌握 VueJS！_Udemy

后端

专注于黄色框并从那里开始。地图下方是额外的资源，可以帮助您学习。

节点 JS

• 完整的 Node.js 开发人员课程（第 2 版）

完整的 Node.js 开发人员课程（第 2 版）
_通过使用 Node，Express，MongoDB，Mocha 等构建实际应用程序来学习 Node.js！_Udemy

• 使用 React 的节点：Fullstack Web 开发

使用 React 的节点：Fullstack Web 开发 |Udemy
_使用 NodeJS，React，Redux，Express 和 MongoDB 构建和部署 fullstack Web 应用程序。_Udemy

红宝石

• 学习使用 Ruby 编写代码

学习使用 Ruby 编写代码 |Udemy
_全面介绍使用 Ruby 编程语言进行编码。完全初学者欢迎！_Udemy

蟒蛇

• Python Bible™| 你需要用 Python 编程的一切

Python Bible™|
使用世界上最有趣的基于项目的 Python 课程，您需要在 Python 中构建 11 个项目并使用Python_从初学者到专业版进行编程！_Udemy

• 使用 Flask 和 Python 的 REST API

使用 Flask 和 Python 的 REST API |Udemy
使用 Python，Flask，Flask-RESTful 和 Flask-SQLAlchemy_Udemy_构建专业的 REST API

PHP

• PHP 初学者 - 成为 PHP 大师 - CMS 项目

PHP 初学者 - 成为 PHP 硕士 - CMS 项目
_UDEMY 最大的 PHP 课程之一........ UDEMY 最佳评分 PHP 课程......新讲座加入所有..._Udemy

Java 的

• 完整的 Java Masterclass

完整的 Java Masterclass |Udemy
_学习如何逐步掌握 Java 8 和 Java 9 核心开发，并在 30_年代_制作您的第一个独特的高级程序..._Udemy

MySQL 的

• Ultimate MySQL Bootcamp：从 SQL Beginner 转到 Expert

终极 MySQL 训练营：从 SQL 初学者转到专家
如果你想学习如何从数据中获取洞察力但是被数据库_吓到了，知道从哪里开始，那么..._Udemy

结算笔记

你完成了文章的最后...祝你的 Web 开发之旅顺利！这当然不是一件容易的事情，但按照本指南，您距离实现目标还有一步之遥。

原文链接 https://codeburst.io/the-2018-web-developer-roadmap-826b1b806e8d