前端的自学入门简单，html，css，js入门都简单，包括现在的前端框架入门也简单，难的地方是js的精通和深入。在你入门的时候，请先不要看那些太完整的经典书，比如css权威指南，js高级程序设计这类书。
入门应该怎么做呢？首先你需要知道基础知识，html和css基础，有这两样东西，你可以先做出一些静态的东西来，那么推荐几个网站，w3c，菜鸟教程，mdn。当你学完这两样，可以去网上找一些网站去模拟布局了，布局是很重要的部分。
有一定的练习之后，可以先尝试着学习js基础，js作为编程语言，我个人觉得看视频学习是对编程语言了解最快的方式，等看完基础部分，可以先使用自己所学的，完成一些页面项目，重点先作用js的dom操作。
之后的延伸学习，比如jquery，一个js的框架，封装了js的一些功能。h5一些新标签，css3新属性，ajax一些基础学习。
jQuery基础学的差不多的时候，就可以回头去看整体书了，这个时候，你才需要去看那些经典书，为什么我推荐到后面有一定的基础的时候才看这类书呢？因为这些经典教程讲的太透彻，深入的很透彻，你容易迷失在里面，如果是新手看这类书，学着学着就不懂了，但是如果你有一定的时间基础，那麽你在实际中运行了一些知识，你没用懂这些原理，而是带着疑惑来看这本书的，这才是最好的吸收。
当然对于前端而言，最难的莫过于js，现在的js做的事情很多，各类前端框架，插件，node后台，又是各类框架，都是以js为基础的。当然，当你真的学习js，这就不是对dom和bom的操作了，你需要学习基础的数据结构以及算法，用js去解决问题，这才是一门真正的编程语言。
以上东西弄懂以后，可以进行前端框架的学习了，前端三大框架vue,react,angular，入门我先推荐vue，原因，三大框架里面最容易学和入门的，如果你要成为一个很好的前端，框架那么不要停留在一个上面，在学习过程中，还可以去学习css的预处理器，less和sass，这两个推荐，当然less简单点，可以从这个开始入手。vue的学习过程中，请好好学习npm，webapck工具使用，并且看视频听懂一定的原理。
vue前端框架入门了一个，接下来呢？成为一个高级前端，你只做前端还是不够的，去学node.js把，尝试用js编写一个简单的后台，在学习后台的编程中，你更能从中理解到更为基础的网络知识。以及前后端之间更友好的数据交互，这样，你才能更好的配合后台，写出良好的前后端页面交互。学习node.js过程中，还可以学习数据库，服务器等知识，可以尝试自己搭建一个完整的前后端分离项目。等你完成这一步，基本已经成为一个合格的菜鸟前端工程师了，接下来还要接受更多的挑战。
知道服务器的ssr渲染吗？vue的nuxt.js做ssr渲染，今年阿里开源的weex有vue的适配，可以做Hybridapp开发，electron适配vue可以做pc端应用开发，还有各类vue的ui框架等等。
程序的学习是没有止境的，还需要我们的更多尝试。
最后，最重要的一点，眼界比你现在的知识更加重要，眼界会决定你所走的方向以及可以走多远，你所看到的这些，还只是仅仅的调用api。更多的呢？框架怎么来的？插件怎么来的？那么你所向往的到底是一个api调用工程师写写业务逻辑代码还是作一名自己造轮子能给更多人用的工程架构师呢？
架构师加油吧少年！每个人都不容易，没有谁的成功是突然的，都是一步一个脚印走出来的。