从基础开始学习前端
如何成为一名程序员
前端，是现在web领域的热门行业，这个行业从最开始的切图人转变到现在也是经过了很多的技术洗礼，从最基础的css+html写一个页面，到之后使用bootstrap+jquery形成一个动态可刷新数据的网站，到现在，已经是使用各类的前端框架，来实现一个很大的平台。
这个过程，说是技术的更新换代也不为过，但是，如果从一个零基础开始，那么，我们的学习经历或许就如果这个发展过程一样，这时候可能有人会问，现在不是只用学习那些很时髦的技术就能快速成型，立马上岗成为一名开发么？
这个想法，从最终结果来看，是没错的，但是，程序员现在面临的问题，并不是你使用的技术有多么的时髦，有多么的新颖，而是，你能够在这慢慢涌起的浪潮下，站立的有多稳。人下盘稳，站得就稳，程序员的下盘在哪呢？当然，也就是你的基础。
从基础开始
HTML
html是网站页面的骨架，就像人体内的骨骼一样，撑起整个人体。
现在html又分为html4和html5两个小分类，html5又成为h5，虽然也是html，不过是在其之上多了很多新的特性，它的学习需要有JavaScript的支撑，可以在学习完JavaScript之后再来详细了解。
推荐学习网站: w3school
CSS
除了有骨架，那么皮肉也是需要的，如同人的面貌一样。css就是一个网站页面的面貌，长什么样子，取决于你给它的什么值。
同样，很多后端程序员诟病的地方，就是css不好写，一个优秀的前端工程师，css的代码很有层次性，而一般的程序员，写的就很乱(比如我)。
很注重实践学习，推荐使用谷歌浏览器进行随时的查看优秀案例，一遍编写代码与调试。
推荐学习网站: 菜鸟教程
JavaScript
ES5
这算是前端最重要，也是只是体系最为庞大的一部分。我们经常使用的JavaScript根据版本又分为ES5和ES6版本。目前先不纠结学习哪个，因为这两个学习是需要循序渐进的，也就是从老到新，从5到6，学习过程中，不需要特别区分两个版本，等你回过头来看，其实两个都已经有学习了。
JavaScript是一种脚本语言，是能够让页面动起来的关键，直接在浏览器中执行，写了就可以立即看到效果，那么，我推荐的学习方法就是先通过快速教程，把相关的基础知识体系有个大概的了解，然后迅速的使用起来，这样，在使用的过程中融会贯通。
推荐学习网站: 现代JavaScript
ES6
如果只学习ES5，你也可以开发出合格的页面，但是，ES6的出现并不只是作为一个简单扩展，和HTML5一样，ES6的推出，也是为了响应这10年以来，web开发中越来越强烈的“大前端”需求。从而能够构建强壮、复杂的大型前端程序。
除了以上大趋势以外，ES6还是我们学习React，NodeJs等前端技能的基础，也可以说，ES6相当于新一代前端开发的基础语言，是每个人都需要有系统认识和学习的。而且，ES6带来的新特性中，诸多的语法糖，能够简化我们的开发，让代码更加简洁。
推荐学习网站: ES6入门教程
HTML5
单独和HTML分开，也正是说明了这一部分其实也是很重要的。H5中很多新特性需要JavaScritp支持，例如，Canvas绘图，Local Storage本地存储，WebSocket通信协议等
相对于HTML4它有如下几个特性：
- 淘汰过时的或冗余的属性
- Indexed DB本地存储功能
- 脱离Flash 和Silverlight直接在浏览器中显示图形或动画
- 一个HTML5文档到另一个文档间的拖放功能
- 提供外部应用和浏览器内部数据之间的开放接口
这几点特性我们只需要简单了解即可，目前不需要特别深入。
开发工具推荐
工欲善其事，必先利其器。作为一个开发，必然也需要一款趁手的开发工具才行，合适自己的工具，开发效率才会提升，也不会被其它开发外的东西干扰，一心一意的投入编码。
首先，作为初学者，一定会很疑惑，市面上有很多开发工具，应该选择哪一款，我现在就能明确的告诉你答案：vscode。优势：免费易用，支持中文插件，这两点就够了。
总结
目前只推荐了前端最基础三个部分，Css + HTML + JavaScript。不管前端如何变化，这三个还是最为基础的部分，是作为前端程序员重中之重。
我在上面只推荐了网站，并不是意味着你只需要看这些网站就可以了， 我只是认为这些网站在基础部分比较全面，可以作为入门的知识点工具书和学习笔记。
当然，阅读相关的书籍也是不错的选择，这些书籍我就不过多推荐了，程序员除了需要学习，还要会学习，尤其是信息爆炸的现在，能够在繁多的内容中寻找自己需要的东西，也是需要我们具备的。
