2018前端工程师成长路线图

译者按： 上王者算什么？有本事刷一下你的前端技术！

• 原文：Modern Frontend Developer in 2018
• 译者：Fundebug

为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。

过去5年，我一直作为一枚全栈工程师，经常会有小朋友问我应该学什么，于是我写了这篇博客，希望可以帮助大家。本文的所有图表都在我的GitHub仓库kamranahmedse/developer-roadmap。

下图是我给前端工程师制定的成长路线图(由Fundebug翻译)，希望对大家有所帮助：

成为前端工程师，第一步应该是学习HTML/CSS/JavaScript，这是基础。

1. HTML

HTML用于定义网页的结构。你的第一步是学习HTML的语法，学会如何把页面拆分为多个部分。

任务： 至少撸5个纯HTML页面，你可以实现任意网站的页面，比如GitHub的profile页面或者Twitter的登陆页面。纯HTML会有点丑，但是不用担心，专注于网页的结构。

2. CSS

CSS，全称Cascading stylesheets，是用来美化HTML页面的。

• 学习CSS语法，并且熟悉CSS的常用属性。
• 学习Box Model，学会使用Grid和Flexbox布局。
• 学会使用Media Queries来实现响应式布局。

任务： 使用CSS美化第1步中实现的HTML页面。如果你实现的HTML是GitHub的profile页面，那你现在就可以使用CSS让它看起来更像实际页面。

3. JavaScript

JavaScript**为静态页面添加交互性**。比如网站的所有弹框、提醒，以及更新页面的部分内容，都是由JavaScript实现的。

• 学习JavaScript的基本语法。
• 学习如何使用JavaScript操作DOM元素。比如，如何删除、添加页面元素等。
• 理解作用域、闭包、变量提升等JavaScript难点。