自学前端的路线？自学能找到工作吗？

秒速五厘米 2022-11-19 04:28 247阅读 0赞

前端是个最近几年火起来的工种，而且持续火热中，有个词叫水涨船高，来的人多了，竞争多了，标准也就提高了。现在对前端工程师的要求跟当年前已经不能同日而语了。

当然了，所谓的趋势，不是一天两天就到来的，它是未来的一个技术方向，我们之所以关注趋势，是要关注变化，技术的发展与普及不是一日之功，一定是慢慢过渡的，但是你能够比其他人提前看到方向，真正的市场到来的时候，你就可以提前做好准备，提前发掘机会。

前端技术是否真的变化如此之快?

无论是新手还是几年的前端开发程序员，都会又这样的经历：当学习了一种前端技术的时候，同时会有几种新的前端技术诞生。还有，你选择的那种前端技术，也许已经过时了。

在抱怨过后，会继续去学习新技术，或者慢慢放弃。但是很少人会考究，为什么会出现这个问题。

普遍解释似乎是 web 开发者天生不耐烦，永远追求最前沿的技术，赶时髦。总的来说：前端技术更迭如此之快是整个开发者社区的不明智（而你的不明智行为完全取决于你无法控制的因素）。

不管真实原因是否是这样，前端开发确实存在这样的问题。

很多人，在接触编程的前夕都有考虑是否要去报个培训班。

直到现在我想说的是，我们的终点都是差不太多的，我们只是选择走什么路线达到终点。

首先简单回答一下，目前前端的学习路线，之后会附上详细的学习路线图。

1 基础技术

前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。

先说“”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.

再说“”——CSS。CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等

最后“”——Javascript。这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS 横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为魂的原因。

而现在，CSS3和HTML5的发展，又将web推向下一个时代，一个更为丰富多彩的时代。

2 环境基础

设备、浏览器以及工作原理

必须指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万，也不是每个都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发，做了一些更为接地气的功能，了解下就可以了，主要有QQ浏览器，UC，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。

3 计算机基础

计算机网络，http协议。既然是web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，我们做的不是静态的页面，而是动态的，所以必然涉及到与后台之间的数据的传输和存储，这个是要掌握的。

必须懂：Ajax，必须会的工具：fiddler

4 流行框架

流行的前端UI框架：

Bootstrap、jQuery UI、Amaze UI

流行的前端框架：

Node.Js

jquery mobile

angular.Js

Vue.js

React.js

5 可视化组件

Echarts

tableau(收费)

6 新应用

针对移动化以及物联网方向发展

7 锦上添花—

UI、 UX 、交互设计、 SEO（包括SEM） 、产品，更主要一个同理心。好的设计和交互才能带来的好的体验，赢得用户。

SEO则在推广层面，好的SEO让我们以最低的成本，借力搜索引擎，获得更加跟多的曝光机会，毕竟这是个酒香也怕巷子深的时代。

最后是产品，站在产品角度，融合（前后端）技术和商业，让产品产生价值，实现价值。

将学习拆解为内外条件：

外部条件即资源、学习方式、方法、机遇……

内部条件即自我驱动、总结归纳知识、理解力、专注度、自我解决问题、独立思考等

当你的内部条件不充分的时候，哪怕是给人在背后用皮鞭鞭挞，大神360度24小时无死角环绕式洗脑教学。你仍然不具备一个程序员应该有的基础素养，脱离了有答案的日子后，那你的答案又该从何处寻找？

> 我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流3000人裙：前面：851>中间：231> 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

所以在学习过程中，经验和知识固然很重要，但这伴随着你学习获得的能力，是决定了你成就高度的因素。如果你拥有这些能力，那500块就能学到的知识，为什么还要去花20000+呢？

1、开始学习前端的前夕：

1）首先我列举了开发人员的需要的特性：

①对新事物，新知识保持高度的热诚；

②热爱开发，热爱计算机（不只是玩游戏）；

③足够的专注力；

④清晰的逻辑思路，擅长总结分析；

⑤自我独立解决和思考问题的能力；

2）然后我要将开发人员需要的特性与自身的特性作比较；

①真诚的分析自己，是不是符合上述的条件；

②如果自己有不符合的地方，自己是否有足够的毅力和决心能克服和改变；

③自己克服和改变需要耗费的时长，付出和投入的比例；

3）选择一门语言

①去了解市面上的语言；

②每一门语言的用途，特点；

③选择自己喜欢的；

4）制定好学习的计划，细化

举个例子HTML+CSS我规定自己2周内要初步掌握布局，样式的编写，能独立制作或仿制网站。后续的知识如果暂不知道是什么，需要多久 ，可以暂时不制定，可以了解后再制定。

学习中的细节：

5）遇到难题：

遇到难题，自己要先思考，想大概要用什么知识，然后去有针对性的查询这些知识是怎么用的，然后回顾过来再想如何解决我现在面对的 难题。如果想不到，再去百度、谷歌，看答案的时候也需要思考，为什么可以解决，通过什么方法。然后去学习，去总结。

千万不要直接问人这个应该怎么做，学习提问的艺术

自学能找到工作吗？其实这个问题没有很绝对的答案，你会问出来，就是因为你对自己不够自信，你没有做好自己的职业规划。

很多人认为自己学了很多，看了很多，但是又说不出个所以然。其实这压根不算什么学习，充其量只是记忆了一些知识的描述，并没有学到问题和答案之间的关联是什么。就比如说 111 \* 120 答案是多少，你可能并不能马上回答出来。但是你知道他和答案的关联，你就能通过这个关联找到答案。

我们就是需要学习这个关联。

学习的第一步是知道自己学习的这个知识问题是什么，答案是什么，然后找到这些问题和答案之间的关系，这个关系是我们需要学习的东西，最后能把这个关系通过通俗易懂的语言输出出来，那么这个知识你一定学会了。

在学习的过程中，我并没有阅读很多书，或者说看完的书一只手都可以数过来，同时也没有一大早起床或者很晚睡觉。我也喜欢打游戏，也喜欢刷刷手机，大家喜欢的我应该都喜欢，并没有像很多学霸一样一直在学习。

总归来说，我和大部分人一样，那么你可能会诧异，你到底咋学的？

首先我可以流畅阅读点英文，也有不错的网络条件可以访问想访问的网站，这些条件能够让我接触到更高质量的资料，能够通过搜索引擎更快地解决问题可能是一个方面。

第二方面，我喜欢列点计划。对长远的事情会早早的考虑周全然后定好计划，对于短期的事情会设立一个 deadline 争取去完成。就比如我的开源是很早就有一个大的计划的，然后逐步分解这一个大的开源项目到具体的时间。管理好自己的时间，在可控的时间内完成预期的计划，其他的时间就是我打游戏、刷剧的时间了，毕竟劳逸结合还是很重要的，我始终做不到抛弃这些一直学习。

其他几个方面就是些很零散的东西了。比如说花钱买点知识付费的线上课程，不要把有限的时间都浪费在找寻资料的过程中；比如说在工作中发现需要学习的内容，解决不知道要学习什么的困惑；比如说时刻有一个危机感，有一个清楚的自我认知，知道自己现在还很弱。

另外，我并不打算列举一堆资料出来，我其实认为这个没什么必要。因为想学的自然找的到资料，不想学的，列举多少资料也只是徒增了一个书签而已。

更多的可能是找到一个适合自己学习的方式，而不是靠一堆资料来增加一个虚假感。毕竟时间就那么多，我们不可能学完那么多的东西。我们应该先思考什么是自己适合的学习方式，然后再去找寻对应的资料学习。条条大路通罗马，只要找到了适合自己的学习方式，然后持续学习，那么迟早有一天你会成为别人口中的大牛。

有些人就是能 4，5点起床学习，有些人就是一年能读很多书，但是这种途径强加于自己身上，可能就是不能坚持，那么这个途径就不是适合自己的。既然不适合自己，就不要强迫自己去干这件事情。可能这话有点丧，但是如果真的你能把一件不喜欢的事情持续坚持下去，你一定是极少数的那批人。但是，大部分的我们，真的很平庸，我也很平庸。

对于我个人而言，列好计划，知道自己需要学习什么，然后努力去完成，这样就对得起这些时间了。

选择，远比努力重要。

毕竟学就行了。途径是怎么样的，谁关心呢？只要有结果就行了。