目前前端开发主要通过自学和报班学习两种途径学习，自学的难度高一些。
自学的话，要先规划好自己要学哪些知识，从哪里入手，有困难如何解决。机构学的话，就要选一个靠谱的机构。近几年，前端的发展还是非常好的，市场需求大，加上学习起来也相对简单，有众多人选择并学习。
学习的内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能，建议实地考察对比一下。
祝你学有所成，望采纳。
学习顺序就是第一先从html和css入手，这两个是标签和样式的使用，不涉及逻辑语法，快的话两三天就能明白、上手，可以先做点静态页面，页面上都是写死的，切换轮播都不需要的那种，当然有的效果做不出来。
第二步建议了解点浏览器的东西，javascript也可以了解点，了解什么是dom操作，了解一些概念像浏览器请求加载，不用学太深了解概念为主。
第三步可以学习bootstrap，swiper这些框架的使用，说实话也挺好用的，你可以在官网上查看。他们的使用依赖于jquery调用。使用这些框架会让你的页面更好看，而且响应式布局可以省去很多烦恼，用户体验更好，省去了自己写代码的麻烦，开发效率高。
第四步，javascript建议深入学习下，理解概念，能够使用原生的代码操作，最简单的写个贪吃蛇，就很好了。
第五，ajax的使用和json数据结构，前后台进行数据交互就是ajax请求，了解它的发送和接受，一个是jquery的ajax使用，这个是写好的结构可以直接使用，再者就是javascript原生的书写。
第六，html5+css3这个是必须会的吧，html5新增了很多标签，提升了开发性能，移动端开发更友好，css3让页面的活性更大，阴影、渐变等效果更好。localstorage和sessionstorage让浏览器存储数据，前端的功能越来越大了。使用他们的时候注意浏览器的兼容性。
我觉得以上就很全面了，你就先从Html、Css开始学吧，这个是最简单基础的。
学习前端开发通常是配笔记本，中等配置的电脑就可以学习前端了，当然如果想要提高运行和编码速度，在经济的允许下，建议配置可以高一些，如果经济不允许，那么低配也能满足学习的要求，只是在允许较为大型的前端程序时会稍微慢一点点，以下提供各种硬件配置供大家参考（仅做参考），具体请根据自己经济实力去配置，当初在黑马程序员学习时候就研究比较清楚，买了一台配置稍微高点的。CPU：建议选：Intel i3 4核（低） Intel i5 4核 (中)，Intel i7 4核(高)，不建议使用AMD处理器内存：4G（低）， 8G（中），16G（高）硬盘：128G SSD（固态硬盘经济允许可以购买大一些，可以配到512G,或者1T） 500G-1T的机械硬盘（机械硬盘可以选配，学习资料有视频考虑到占用空间较大，如果选择的是128G的SSD可以选择配一个机械硬盘或者购买一个外接一个移动硬盘，如果SSD本身就配了512G或者1T了，可以不用考虑配机械硬盘了） 显存：集成显卡就可以了操作系统：操作系统如果内存是4G建议安装window7 64位系统（注意一定不要安装ghost版本的操作系统），如果是8G及其以上可以安装windows10 64位系统
