0. 工欲善其事必先利其器

先别想这么多，先把开发环境搞定，主要用到的软件及工具有

Git是必备软件，用于控制代码版本，其衍生品Github目前是程序员届的微信（当然对程序员来说，它比微信有价值多了），SourceTree则是Git（命令行）的GUI（可视化）软件。Git可以先学习其命令行操作，这里推荐一点学习资源：

  • 数据结构与算法

不论现在学还是以后学，这关总得过。除了理论知识的学习，日常可以上LeetCode多多刷题（如果你入门了JS）。最后推荐几本算法书：

虽然前端开发涉及不到TCP/IP，但绝对涉及到HTTP。如果没有学习过HTTP，可以尝试阅读图解HTTP或者HTTP权威指南。最后要说的是，要成为一个真正的程序员，还是得系统学习计算机网络，推荐阅读计算机网络：自顶向下方法。

  • 操作系统：Linux

你不一定要深入学习Linux，但是必须了解命令行哦，推荐阅读Linux命令行与shell脚本编程大全 第3版 ,布鲁姆 ,P606.pdf

2. 了解前端这份工作

前端开发是一个兴起不久的开发门类。2009年前，JS还是个玩具语言，因为我们的JS之父仅仅花了十天就完成了JS的设计和开发，所以JS和其他语言比起来还是相对简陋的。不过作为浏览器的第一语言，随着通信技术的发展，web的兴盛，其爆发是必然的。过去十多年，JS语言版本不断更新，几乎一年一版，现在JS业已成长为顶级开发语言；语言进步的同时，除了出现了越来越多的重型web应用，前端还将触角伸到越来越多的领域。
Node.js是基于Chrome V8引擎开发的平台。有了它，高级语言能干的事情，JS一样能干！你可以写Web服务，可以写命令行，甚至可以写操作系统！
React Native是基于React的移动端开发框架。以前开发移动应用，需要既招iOS端的，又招Android端的，费时费力费钱。现在针对性能要求不高的应用，我们可以使用JS快速开发跨平台的移动应用。
移动端可以用JS开发意味着PC端也可以。Electron.js，目前十分流行的桌面端开发框架。同样拥有跨平台的属性，一次开发，可打包生成Windows，Linux，OSX三端的应用。请相信它的实力，因为VS Code也是用它写的。
JS还在不断地进步，其生态之庞大也不是我三言两语能够概括的。这不，现在又搭上了Serverless的东风。

3. 立即收藏必备工具

  • MDN 学习web开发，时时可以查询API的必备网站，推荐指数：⭐️⭐️⭐️⭐️⭐️
  • Can I use 查询所有HTML，CSS，JS特性的兼容性，推荐指数：⭐️⭐️⭐️⭐️⭐️
  • CSS Reference CSS属性可视化网站，遇到不懂的CSS属性可以看看，推荐指数：⭐️⭐️⭐️⭐️⭐️
  • W3C 所有的草案，标准都在这里，一定会用到的，推荐指数：⭐️⭐️⭐️⭐️⭐️

  • 张鑫旭大佬的博客 CSS研究较为深入的一位大佬，又不懂的CSS属性，可以看看他有没有解答，推荐指数：⭐️⭐️⭐️⭐️⭐️

    4. 提前注意技术形象

    技术形象是常常被开发者忽视的一点，但往往也是最有用的一点。技术形象很大程度上决定了你的录用情况。如果你在社区有技术形象，这往往会让你得到意想不到的面试机会。所以从现在开始提前注意你的技术形象，包括不限于：

  • 积极为Github上的开源项目贡献代码（立刻注册一个Github账号吧）

  • 积极在社区发表文章（掘金）
  • 定期维护自己的博客，同时建立自己的第二大脑