激活WebStorm2018
2. Visual Studio Code微软开源免费产品，受到非常多技术人员的喜爱，基本上成为前端开发者的必备编辑器，强大的插件扩展，可以灵活的打造自己喜欢的风格。给你们送上常用插件列表拿走不谢。
Visual Studio Code：官网下载地址。
VSCode拓展推荐
使用顶级 VSCode 扩展来加快开发 JavaScript
vscode 插件推荐
3. atom也是一款免费开源的编辑器，受到很多人的喜爱，但是我本人用的较少，所以插件方面就不推荐了，大家可以按照自己的爱好去寻找。
4. 科学上网每个程序员都应该具备的工具和能力，否则很多事情都无法办到，至于怎么做，你可以自己查阅资料，这里不就不在多说了。而且下面推荐的很多资源都是需要科学上网之后才能访问，所以一定要学会，一定要学会，一定要学会。
5. Google在使用「Google」之前必须学会科学上网，不然无法访问，学会使用搜索可以帮助我们解决很多问题，一个人的知识是有限的，掌握了搜索的技巧才能以不变应万变，很多时候百度出来的东西重复性很大，最重要的是垃圾信息很多，在百度找不到的答案，在这里很容易找到，Google 是我的必备搜索。
6. Github全球最大的「同性」开源交流社区，没有账号的赶紧注册，在这有很多优秀的资源项目，各种大神。观摩优秀代码是我们学习的很好路径。另外在开发过程中，很多时候任务重、时间紧，应该避免重复造轮子，这里能够找到你需要的工具或代码。
7. Stack Overflow国外著名的技术问答交流社区，开发时碰到的很多问题在这里都能找到答案。
8. SegmentFault对应的国内版的技术问答交流社区，如果你英文不好，也可以在这里找找答案。
9. MarkdownMarkdown 轻量级标记语言，简洁的语法，让作者专注内容而非复杂的格式要求，我认为人人都应该掌握，特别是经常写博客的人。想想你在用 world 时的场景，每次写完文章之后，不得不话费很多时间进行格式的排版，使用它你就可以避免这些烦恼。
Markdown 中文文档
有道云笔记：我自己一直在用的在线 Markdown 编辑器。
HTML 篇一些准备就绪之后，开始我们的学习之旅，首先我们先从 HTML 开始。
HTML名为「超文本标记语言」，是整个页面的结构基础，它承载了我们的页面内容。
1. 基础w3school 在线教程：内容非常的基础，适合小白学习，对 HTML 有一个入门了解。
freeCodeCamp：一个非常好的入门学习网站，采用闯关的模式，就像游戏打怪升级一样，非常的有乐趣，准备自学的小伙伴不妨试试。
2. 进阶MDN HTML：这里的内容质量更好，错误更少，内容也更加的全面。
HTML和CSS编码规范：掌握一些代码技巧，写出更好，更高质量的代码。
CSS 篇HTML 承载了页面的内容，但是有时候会略显单调与「丑陋」，CSS 的作用就是为这些内容加上样式，就像一个美女也要有漂亮的外衣去修饰才会更加漂亮，「人靠衣装马靠鞍」，网页的内容也是需要穿上一件漂亮的外衣去吸引用户。而 CSS 则完成了这个装饰。
1. 基础学习CSS布局：带你一步一步的完成 CSS 的学习。
CSS参考手册：对CSS可以有一个全面入门的学习。
w3school CSS 参考手册：同上也是非常基础的知识，适合入门。
2. 进阶书籍：
《CSS揭秘》：非常推荐的一本 CSS 书籍，可以学到很多鲜为人知的技巧。
在线系列：
MDN CSS：和 HTML 都是 MDN 社区文档，质量保障。
HTML和CSS编码规范：掌握一些代码技巧，写出更好，更高质量的代码。
大漠老师的CSS系列：大漠老师对CSS有非常深入的认识和丰富的实践经验，《图解CSS3：核心技术与案例实战》的作者。
大漠老师的SASS系列：大漠老师的 sass 文章系列。
SASS中文网：成熟、稳定、强大的 CSS 扩展语言解析器，它可以让你使用变量，条件语句等书写 CSS。
Stylus官网：同样是 CSS 预编译器，但它省去了一些符号，让 CSS 写起来更加的简洁，清爽。
HTML5和CSS3：详解HTML5 和 CSS3。
知识点：
别说你懂CSS相对单位：深入了解 CSS 的相对单位rem，em区别。
CSS 进阶内容：常见知识点的深入了解。
Flex 布局教程：语法篇：阮一峰老师的flex讲解。
Flex 布局教程：实例篇：阮一峰老师的flex讲解。
“CSS相关”目录存档：张鑫旭大佬的CSS系列文章，深入浅出，《CSS世界》作者。
CSS绘制的40种形状和图形：利用CSS绘制出的40各种图形形状。