首先要搞清楚前端要学什么？
前端这个岗位也是最近几年才火起来的，以前前端的工作都是后端开发人员完成的，随着互联网产品对性能、速度的要求，一个人已经不可能完全精通前后端了，才会有现在前后端分离之说，所谓的前端具体的工作说通俗点就是完成产品使用户能够直观感受的内容，比如产品界面直观的感受，在界面上填写表单点击按钮等等。要完成这些工作，你的学习步骤应该是这样，但是有个前提你必须对这行有兴趣，因为这行更新实在太快，没有兴趣是很难保持激情去不断学习的：
你需要先从基础的HTML、CSS、JavaScript学起。
学完后在去学习JQuery、BootStrap这样的脚本库进行前端项目的练手。
然后去学习前端相关的框架Vue、React、Angular任选一种即可。
最后学完框架再去选型兴趣方向，专注动画、基础业务应用、手机端、小程序、WebGL、后端NodeJS等。
对于初学者要搞清楚HTML、CSS、JavaScript这三者的区别
前端最基础的内容，莫过于HTML、CSS、JavaScript这三样技术，首先大家来看下面的几张图片，现有个直观的认识：
1、HTML就如同网页的骨架和结构，设计之前，大家先打草稿
2、CSS就好比上色器，对草稿进行完善和上色，让其更加美观
3、JavaScript主要用于和用户进行交互的，比如用户在电商网站上进行购买商品
通过以上三张图，大家是否搞明白了三者之间的区别和关系了呢，如果还没弄明白，偶再说的直白点，就拿大家买房子来说，新房大部分都是毛坯房，毛坯房就好比刚才提及的HTML，买完房子，你肯定不会直接住毛坯房吧，你肯定需要对房子进行装修和添置家具、电器了吧，这就好比刚才提及到的CSS。如果你想再让房子更“潮些”，你也许会引入“智能设备”，让你随时掌控房子的一切，这就好比刚才提及到的JavaScript。
对于初学者，基础的HTML、CSS、JavaScript该怎么学呢？
本文开头，偶已经提及了学习顺序，这里再强调下，就好比建房子，连砖头都没成房子的形状，你怎么装修和添置家具呢，不言而喻，大家首先要学习HTML标记语言，然后在学习CSS、JavaScript。
学习HTML可以先把基本的标签弄明白是什么意思，然后在理解怎么没有引入CSS的情况下，完成网页基本结构的布局。
如果前面的内容都掌握了，就要学习CSS了，学习CSS建议看书和视频结合的形式，这样比较直观。通过学习你要搞清楚常用的CSS的属性（字体、单位、引入规则、浮动、背景等内容）、布局用的盒子模型、flex弹性布局，然后尝试做简单的网页，你可以先从简单的企业站模仿做起，理解HTML、CSS这两者是如何结合在一起使用的。
前端的基础学完了，在考虑学习JavaScript，建议看书，比较推荐的是前端入门圣经红皮书或那本犀牛封面的书籍。不要一上来就看视频，要不基础知识太薄弱，后面学习框架就会有莫名其妙的问题，找问题就十分费劲。
学完这些后，就要动手实践做前端项目了，建议学习JQuery这个JS库，基于这个JS库，能帮助你很快上手前端项目，尽早熟悉前端编程思维，快速积累经验。
小节
今天的内容就和大家分享到这里，感谢大家的阅读，希望偶的解答能够帮助到你。