我该怎么自学前端?

请问下各位大佬，我在阿里学堂里自学的html5+css和js。感觉是把原理教了。但是感觉有些东西没教，比如（断点）debug.这些是要自己重新找教程学还是去实战找经验学习，求大神告知！

2020这个时间点选择自学其实是找罪受。

目前前端早已不是那个学一点东西就能找工作的年代了，要不然你让人家计算机相关专业的学生脸往哪放。

如果想学东西，请认真对待这个东西而不是觉得它人傻钱多速来，并且选择一个效率高的方式。

我也赞成不要自学。很多人误以为前端简单而一脚踏了进去，最后发现自己不适合了。前端和后端开发只是负责不同的工作方向和内容，但是二者存在很多关联。前端要懂的知识甚至比开发要广，而后端则相对前端的工作内容要深入。常见的现象是后端转前端，而很少见前端转后端的。现在对前端的要求越来越高了，而且本身这个行业技术更新频繁，需要不断的跟进最新的技术，你现在选择自学确实容易落后。但不管怎么样，给你一个百战的课程大纲作为参考吧，希望对你有帮助。

自学路线一言难尽，简单来说先html css再简单js

然后这个时候需要结合做一些demo去领会学到的技能点

然后再开始尝试用vue react 做静态页面

再用请求做前端虚拟数据

总之要不断制定要做的demo的小目标，然后一点一点引入需要学的东西

比如数据交互页面跳转前端国际化换肤封装组件代码检查打包部署等等等等

如果你想要一份细致的自学路线，可以私信我，技术行业，取经好过自己走弯路。

优秀的前端开发工程师在知识体系上要有广度和深度，要具备快速学习的能力。

初学者应该如何学习前端？

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化及一些基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、分层语义模板和浏览器分级支持等。零基础也可以去程序员编程网下载一些资料学习下。

前端工程师至少要满足四类客户的需求

1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说，产品经理都追求丰富的功能。

2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI设计师侯倾向于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成1px 的误差。

3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。

4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。

好了，列举了这么多…… 接下来做好准备，一起享受学习前端的乐趣吧！

零基础学web前端要学哪些内容？该怎么学？

新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切勿急躁。在这里一定要对自己做分析，然后找出一种适合的学习方法。也可以加下我自己创建的【web前端学习群】

正确的学习方向大于无谓的努力

初学者应该如何学习前端？

很多时候，成功除了勇气、坚持不懈外，更需要方向。也许有了一个好的方向，成功来得比想像的更快。如果在错误的路上奔跑，再怎么努力也是白搭，学习Web前端也是如此。

「君子生非异也，善假于物也」，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。

每个人的成长与基础不一样，结合自己的实际情况，再执行。还是重复一下，前端的核心是js，css，不难但需要积累。对前端我是这么看的：

人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。感谢前端，他使我们更加的相信，撑起一片天空需要十八般武艺。

下面我给你学习前端的新手几个建议：

第一：切记学习前端开发不可以依赖任何人，我做了开发这么久，5年了，见过很多依赖老师的学生，这样的后果就是自己没有解决问题的能力，也没有自主学习的能力，面试不能通过，找工作会非常难，因为学习开发就是锻炼这种自我学习的能力。

如何自学WEB前端开发？自学WEB的方法应该是怎么样的？

第二：必须而且一定要有一个老师带著学，无论是学习PHP还是前端，根据我见过的人的经验，如果没有一个明白人帮你解决一下问题，首先会浪费非常多的时间。而且学习的不专业，对于基础的把握不牢靠，后面的都是白扯。第三：坚持很重要，确实有很多学习前端的人在学习PHPScript的时候学著学著就放弃了，这叫知难而退，PHPScript确实难，但是就是因为难才有价值，我们评判一个前端开发者是什么水平，就是用PHPScript来说话。

下面是基本的学习路线，跟著这个基本没有什么问题：

第一阶段：HTML+CSS/HTML5+CSS3

web前端新手学习群543761540项目实战：淘宝官网、京东官网、小米官网等等。基本可以做了五个静态这样的网页，静态部分就不会有任何的问题。

如何自学WEB前端开发？自学WEB的方法应该是怎么样的？

第三阶段：PHPScript高级/Ajax/JQweb前端新手学习项目实战：自动义插件封装

如何自学WEB前端开发？自学WEB的方法应该是怎么样的？

第四阶段：前端主流框架项目实战：大型网站建设

如何自学WEB前端开发？自学WEB的方法应该是怎么样的？

这是我自己总结的学习路线，比较简洁，一般跟著这个走，这些知识都学会了找到工作没有任何的问题。有什么前端不懂的问题可以随时问，希望帮助每一个想学习的小伙伴学到东西。

首先找准定位，是真的喜欢还是为应付任务，如果真的喜欢那可以上浏览器多找几张，前端学习框架图

我该怎么自学前端：以下是前端学习的路线和学习方法

第一阶段：HTML的学习

第二阶段：CSS的学习

第三阶段：JavaScript的学习

第四阶段：基本框架jQuery和bootstrap

第五阶段：HTML5和CSS3

第六阶段：停下来写案例吧，把你在网页上见到的东西用代码写出来

第七阶段：JavaScript面向对象/前端自动化

第八阶段：各种框架了解及学习

那么对于想自学web前端的应该如何掌握上述相关技术？

一：首先，有这样的一种情况很常见，对于想自学web前端的人来说，他们大多数都是非常盲目的，不知道自己改如何入手，很多人在网上找一些视频，然后疯狂的过视频，很快就把一块内容都学完，他们理解的学完了就是视频看完了，但是让他们动手去做东西却做不出来，而我的理解学完了就是自己能写出东西，所以对于初学者来说一定不能盲目，要有自己的规划，不然就是浪费时间白忙活。

二：既然是学习专业技术，我个人的建议是，一定要有一个能指导你的人，不能都靠自己闭门造车，这样的行为并不聪明，结识一位这方面的人才，时不时去问问人家问题，不然你可能会发现一个小问题能困扰你一天，最后还不知道是什么原因。

三：学习web前端技术，不能跟学数学语文一样对待，比较刚接触代码是不容易记住的，所以要掌握上述的技术，你还要知道学习web前端技术有哪些「坑」。对于学习方法这块是尤为重要的，怎么学才能让你学完了能记住之前学的那些，不至于学完了就忘，这个问题值得你学习之前去思考的。

四：根据我多年的学习情况来看，你平时一定要养成好的学习习惯，就说我自己吧！我就喜欢把自己曾经遇到的问题整理在电脑的日记本上，然后我会搜集一下博客相关的技术文章，一些我认为比较有用的网站，以后都能用的上，这是我个人的学习习惯，相信我，如果你想走的更远，一定要养成习惯。

基础：HTML+CSS页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发

核心：web前端核心技术JavaScript，ecmasript，dom，ajax，json，正则，作用域，运动框架，核心演算法，高级函数，插件封装，jQuery。

高级：html5+高级JavaScript开发，大数据可视化，webapp交互介面，lbs定位，微信sdk，es6标准，高级演算法，数据结构，插件封装。

框架：bootstrap、vue、react、angular、sass企业开发应用。