感约，想入前端这个行业的同学们想必都很关心吧，在解答之前，首先聊聊我，我就是一名典型的80后老程序员，我刚从事这个行业的时候根本没有前端程序员之说，那时候我主要用C#.net 进行开发网站，前端和后端的工作都是我一个人完成的，前端开发岗位也是最近几年的事情，由于我对前端有着浓厚的兴趣，才逐步专注前端的，接下来我和大家聊聊如何自学前端，仅供参考：
首先明确你是否喜欢前端，以及前端学习的方向
有句话怎么说的，兴趣是成功之母，如果你选择这一行业，一定要是发自内心的喜欢这个行业，尤其你是自学，如果你是为了工作而工作，去自学的话，很容易坚持不下去。还有一个需要强调的是，前端这个行业发展很快，需要不断的学习，有可能你还没学完，新的内容又更新了，前端是一个不断学习自我提升的过程。如果你对这个行业没兴趣的话，建议你还是不要学习前端。
前端的内容和框架很多，现在很流行大前端，前端可以做网站开发、手机端开发、桌面软件开发、游戏开发、视觉特效，3D开发、VR、后台开发nodejs、物联网等。方向很多，进入这个行业前，你一定要选择一个感兴趣的方向深入下去，如果都想精通，也不太现实。
建议了解、掌握一门后端语言
由于前端Javascript语言的特点，和高级语言比如JAVA、C# 有不少的差距，如果你没有编程基础的话，建议先从这些高级语言学习基础语法和编程逻辑，这里并不是让你很深入的去学习这些语言，掌握基础的语法和应用就够了，主要是为了让你理解编程语言的特点和思维逻辑。还有就是前端往往需要和后端开发人员进行配合，有了这样的基础后，日后配合起来沟通更方便。有了这些基础后，你再学前端，你会发现前端很简单，掌握其语法和前端逻辑也是几周的事情。
如果你是非计算机专业，建议学习一些基础的算法和数据结构
算法和数据结构是每个计算机专业出身的必修课，是开发人员的基础和核心竞争力，如果你是非科班出身，建议还是学习掌握一些基础的数据结构和算法后再去学前端，因为现在前端产品也越来越复杂，这就意味着对前端性能要求越来越高，如果你能从算法和数据结构的角度去优化前端性能，这意味着你能在这个行业能走的更加长远。
接下来我们从基础的 HTML、CSS、Javascript语言学习，一定要看书，再看视频
前端最基础的内容莫过于 HTML、CSS、Javascript 这些内容了，切记在还没有深入掌握这些内容后，就去学习前端的一些框架，比如vue、react、angular,建议先把基础内容夯实后，再去学习这些框架也不迟。学习这些基础内容，不要一上来就看视频，因为视频的内容不够系统化，知识比较散落，没有文字的梳理和归纳。建议还是静下心来，从书本看起，建议你选择前端的经典入门书籍红皮书或封面是犀牛的前端书籍，为了避免推销之嫌，感兴趣的可以私信我索要书名。基于书本内容再结合视频内容学习，这样学习效果才会更好。
一定要动手实践，切记光看不练习
学习知识最好的方式，就是动手实践，哪怕你现在手里没有什么项目或者不知道练习什么的话，你可以把书上的例子和代码一点点的敲出来，这样潜移默化会加深你对知识的理解。学到一定的程序，你一定要动手亲自实践下如何布局一个网站，这个过程一定不能省，我发现不少前端开发人员不喜欢弄布局，但是布局是前端的基础，一定要把CSS布局的思想吃透了。
掌握以上基础后，建议学习下JQuery、bootStrap这些类库
虽然 JQuery 没有像以前这么火了，但是作为一名的合格前端，这个工具我们是必须要掌握的，只有掌握了这个，你才能更深入的理解前端的工作，因为这个库容易上手，通过这个库的学习，你能快速进去前端开发岗位的状态，去做一些更有针对性的实践，比如亲自练手一个新闻站点、博客站点的前端制作。
bootStrap 也建议前端初学者掌握，Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。使用这个框架后，能很方便的让我布局出现代感十足的响应式网站。
最后选择一个前端框架，比如vue、React或 Angular
大多数公司的前端产品，不可能是一个人去完成，而是一个团队，团队开发就需要有一个工具进行支撑，来保证项目的代码的质量和进度。因此掌握一个或两个前端框架是我们必备的技能。vue、React这两个框架入门比较简单，中文资料也比较多，你可以根据自己情况选择一个就行。
小节
关于如何学前端就和大家聊到这里，总而言之，自学前端一定要有兴趣，从基础的 HTML、CSS、Javascript 学起，边学边动手实践，最后才是vue、React或 Angular框架的学习，还有一点需要强调的是，自学自律性一定要强，要有个清晰的学习计划和目标。
感谢大家阅读，如果你有什么好的想法欢迎到留言区分享交流，如果你赞同我的解答，欢迎给个赞和转发，谢谢支持。
想要入门前端，可以看书，看视频，或者是跟着老师去学习，但是哪儿种方法都是需要你真的用心去学的。如果不用心，那么一切都是白费！
前端入门可以看什么书？
《响应式Web开发项目教程（HTML5+CSS3+Bootstrap）》
互联网的世界离不开前端开发，大前端时代最大的特点在于一次开发，同时适用多个平台，可以说是Web统一的时代。
本书将当前热门响应式Web开发与HTML5和CSS3完美的结合起来，以项目为导向，深刻且通俗地揭示了Web前端开发的内幕。
全书共8个单元，详细讲解了HTML5、CSS3、Javascript基础、响应式Web设计、Bootstrap等技术的应用。
第1单元从宏观角度介绍了响应式Web开发的基本概念以及HTML5和CSS3的新特性，让读者对它们一个初步的理解和认识；
第2~4单元讲解了HTML5和CSS3中的一些常用标签和属性，它们是响应式Web开发必备的基础知识；
第5单元讲解了HTML5画布，作为HTML5的标志性突破，它是本书的一大亮点；
第6单元讲解了HTML5的音频和视频功能；
第7单元深入讲解了响应式Web设计的相关技术点，它是高级的前端开发人员的必要修养；
第8单元讲解了Bootstrap的下载、安装以及相应组件的基本应用，它是一个非常高大上的响应式设计神器，爱技术的你，绝对值得拥有。
前端入门可以看什么视频？
传智播客、黑马程序员有很多前端的视频都可以看，有大牛老师讲的，你可以去看，并且还有学习路线图可参考哦！
原创文章，作者：普尔小编，如若转载，请注明出处：http://www.puerpx.cn/pxwd/7023.html
