零基础该如何学习前端开发？

这种问题经常出现，我以前也学过不少类似的文章。但随着我做课程，讲课的时间日渐长久，我对于这个问题的理解和体会也在不断的变化着。

之前我对于这个问题，最直接的回复就是，零基础啊，那你就学呗，从html、css开始，然后学原生js，然后再学一些jq，然后学一些node，然后vue、react，然后做一些实例、demo，然后把简历搞一搞，你就可以去面试了。

有啥不会的你就百度查一查。整个过程不会超过三个月，这个套路肯定是没问题的。我一直是这么说，也是这么做的。之前的web前端零基础课，就一直是这么讲的。通过一个大实例，引导穿接整个web前端知识体系。

后来我发现这个课程，并不能真正的帮助到完全零基础的同学。

是啊，怎么发现的呢？
这源于我在去年和一个同学的交流。他报名参加之后，我问他，“你觉得现在的web前端零基础课，是不是适合你的需要？”

你们猜他怎么回答的，他说，“不知道，他并没有太细看我的课程设置的内容”。当时我是很惊讶的，我说你没看就报名？！怎么决定的呢？他说，“基于对我的信任”。

在这里我再一次的感谢他的对我的信任。
但我想要说的是，那时我才明白，【真正完全100%零基础的人，可能他连html、css、js这些东西的存在，都不知道。他可能只是听说或看到，某些人、同学、同事在做web前端开发，据说发展还不错，工资也挺高，然后就想要学习一下然后去做这工作。】

在这种情况下，怎么学习前端开发？完全没概念的。这时你跟他说，网上有再多的教程也是没用的，他根本就不知道怎么去看。

很茫然的，就好比现在让我去改行搞生物科技，我肯定也是一头雾水，一片茫然，分不清方向的。

然后我又回顾了一直以来的这些学生，我发现真正完全零基础，一片空白的学生很少，几乎是没有的。也就是说，我的学生，或多或少，都是有些基础的。

那么按照上文提到的真正完全的100%的零基础的同学，他要学习前端开发，该怎么做？

第一，他应该先搞懂web前端开发工程师，这个工作，他到底是在做什么？

第二，是需要用哪些技术去工作？

第三，才是怎么去学这些东西的过程。

这里面有一个重要的问题，【前端开发不是技能的罗列、堆叠】。前段时间跟一个粉丝聊天，他说在一个线下培训机构，学四个月交了好几万。

内容的量很大，方方面面的，天天学，晚上还要自习，然后每个框架、库、知识点的讲解最长就没有超过一周的。到现在学了三个月了，连之前的css都忘了。

就说现在自己已经很努力了，学的每天头都疼，但也赶不上老师的进度，感觉找工作有难度。问我怎么办？
我就跟他说，你现在已经这样了，接下来就专攻VueJs，先把它掌握了。培训班里讲的其它内容你就先放过吧。

他这不是个例，具体就是培训机构的课程设置过于大而全，导致一直在填鸭式的不断学习新东西。到底能不能掌握，先放在一边。首先就是有一些技术，并不是需要你在开始阶段就掌握的。

例如，angularJs，这个东西就不适合零基础新人去学习，它的学习曲线比较陡峭。

对于前端新人来讲，真正需要的是大量的重复性的练习。通过大量的重复来加深理解，直至真正掌握。而不是不断的学习新东西，导致没有哪一样东西是真正拿得出手的。就像上面提到的那个同学，他很有可能四个月学完之后，脑子里只知道一些前端技术方面的名词。

学习一个新技术，就有点像男女朋友谈恋爱。先看见对方了，然后去了解，再加深了解，最后修成正果。学习前端开发也是一样。不懂，就先了解，接触，看看是不是真的适合自己。

第1、先接触，了解。在网上加一些前端开发的群，看看里面的人在聊什么。在网上看一些前端开发方面的关于职位发展的非技术类的文章。

第2、大体上了解一下前端开发工作的技术构成。都用到哪些技术？叫什么名字？挨个的百度查询一下看看。最起码的也要知道前端开发需要html、css、js这三大块。

第3、可以有针对性的去看看html、css、js都是些什么东西？百度查一查它们的相关资料。现在还不是去专门的学习，依然只是了解阶段。

第4、经过了前3个步骤之后，应该已经对前端开发的工作、发展、技术构成有了一个大概的了解。这时可以去线下的培训机构看看，试听一下，看看讲的怎么样，能不能听得懂？

至少找三家线下的培训机构去试听，这样才能比较出差异。谁讲的适合自己，自己更能听懂哪个老师的讲解。

第5、回家，不交钱。去网易云课堂或是腾讯课堂，找一些前端开发方面的入门视频教程，看一看。

不要求看懂、学会线上的，只是为了和你之前在线下试听的去比较一下。看看差别有多大，多体会，多感受。找到最适合自己的。

第6、经过第4、5二个步骤，应该已经对自己的理解、接受能力有一些把握。这时你可以决定，【我是自己学呢？还是报班自学】。

怎么决定呢？其实很简单，
如果你想快一点，就报班；如果你想省点钱，就自学。

前提是，你确定线下的试听和线上的视频教程，你感觉自己学起来还行，不吃力，不抗拒。

到了这一步，如果你决定自学，那么说明你对自己的理解、接受能力和学习能力都是比较自信的。那就简单了，就像我之前说过的，html、css、js、jq学一些、node、react、vue，做几个例子，写简历，ok了。

这是一个线性的过程，中间不要有跳过。

这里是我要重点写的。
许多前端纯白的同学，因为种种原因，最终都会选择线下的培训机构。现在线下的培训机构的学费价格很贵，非常贵，一二万都是平常的。

1、所以我们选择线下培训机构的时候，要先从试听着手，多试听，至少3、5家，找到适合风格自己的老师。

2、课程内容的话，这个基本上没什么选的，因为线下的那些培训机构，他们的课程设置都大同小异。而且为了收高价，把学期拉的越来越长。上午讲新课，下午练习，晚上还要自习，搞3、4个月算少的，我看最多的能搞到8个月，收3万多。

这方面，我个人主观建议，你不要完全从价格方面考虑。别选个最贵的，也别选个最便宜的。中庸嘛，选个中间差不多的就行。

【对于培训机构来讲，如果不把课程学期拉到4个月、半年，它怎么好意思张嘴跟你要好几万的学费呢？】

所以，你要明白一点，【培训机构里讲的内容，并不全是必须的】。

也就是说，有些内容，你是完全不必去学习的。也就是说，“在学习中，你要有一条属于自己的技术学习路线”。而不是完全被动的，人家讲什么你就听什么，结果之前学的没时间练习全忘了。

那么这个【属于自己的前端学习路线】，怎么搞呢？
前端技术很繁杂，各个分支、应用场景、插件、新技术，层出不穷；前端开发技术又很单纯，只有三大块html、css、js，所有的其它技术都是根植这三者之上。