【自学前端系列】给同为前端小白的一些建议

【自学前端系列】给同为前端小白的一些建议

前端VS后端

逛过知乎的人可能发现一些现象

谢邀（不邀自来）。人在美国，刚下飞机。从小学习舞蹈国画乐器，家父是一名黑道大哥。在美国攻读博士后，目前就职华尔街某金融机构，日收入10万美金。

知乎上总有些成功人士花式劝退（985化学系面临找不到工作，做销售面临被辞退等等）就引申出这个专业不行了那个专业不行了，一通夸夸奇谈，当然重点是问道计算机怎么选专业，转职想做程序员总有一个神奇的观点那就是，前端简单学前端吧。这里我先卖个关子前端到底简不简单，我们一起看一下。

原始社会

上图是远古时期的网站：那时的网站可以说是很简陋，交互逻辑上也只是跳转页面，搜索查询之类的。展示的也无外乎是一些文字图片，访问时网速也是极为缓慢。
你的标点符号变了？OK，浏览器下载过一个新的页面；
你提交了一个表单？OK，浏览器白屏等待许久，最后返回给你个 “用户名错误”；
你电商网站有一千种商品？OK，那你写一千个页面吧……
这时候的互联网，它的开发者统称为程序员。因为前后端开发是一体的，前端代码是后端代码的一部分：后端收到浏览器的请求 —> 发送静态页面 —> 发送到浏览器。

石器时代

这时候的互联网，兴起了数据嵌入模板，模板直接写样式的开发模式，例如 MVC 模式：
Model（模型层）：提供/保存数据。
View（视图层）：展示数据，提供用户界面。
Controller（控制层）：数据处理，实现业务逻辑。
这个时代中前端出现了（后端的附属产品）
后端将数据写入前端页面，此时前端完全可以由后端工程师书写
ps.此时的网站需要前端工程师写完页面交给后端工程师嵌入数据
前端的诞生是为了页面美观，并且减小后端的工作量。
这就是前端工程师常自嘲到“切图仔”的由来
不过我更喜欢称之为“艺术家”。
这个阶段也是对应着我们前端学习的第一个阶段

铁器时代

随着Ajax的出现前端距离独立迈进了相当一大步
这时候，前端不再是后端的模板，它可以独立得到各种数据。相对于 Web 1.0 的时代，Web 2.0 由石器时代迈向了铁器时代！

javascript 运用越来越多，或许是JavaScript是真正的前端一把梭（至少在我看来确实如此）
前端能做到的也是越来越多，各种js库的出现让前端页面更加“绚丽多彩”。

工业时代

随着前后端分离的概念提出，前端正式独立了，并向多元化发展
伴随着信息时代、大数据时代的到来，jQuery 在大量的数据操作中的弊端体现出来了，它在对 DOM 进行大量的操作中，会导致页面的加载缓慢等问题，这时，有些前端开发人员逐渐觉得力不从心了……
于是真正的前端框架应运而生

2008 年，谷歌 V8 引擎发布，终结微软 IE 时代。
2009 年 AngularJS 诞生、Node诞生。
2011 年 React 诞生。
2014 年 Vue.js 诞生。

不得不说从此前端不可同日而语了，我们看一下现在前端都学些啥

看懂这里的你还认为前端简单吗？
既然了解了前端是什么？那我们聊一聊我该不该学前端，怎么学前端（分享一下个人观点仅供参考）

你准备好学前端了么

先劝退一波，没有自制力坚持不下来的的可以离开了，前端知识点很复杂，需要有耐心一点一点啃
剩下的默认大家已经做好了充足的准备了，准备开始学习前端了。

前端入门容易一大原因是成果可见，有成就感能形成正相关。当然也容易给大家一个思想误区，前端很简单可以速成，转工作很简单，如果这么说就大错特错了，前端可以说和各种计算机相关的东西都有所交集很复杂，要学的也是特别多，因此我们需要一个学习路线

我并不是说看我给的学习路线只作参考
各大平台都有相应的大佬给出的学习路线，我就不多说了。
无论什么学习路线，我希望大家可以自己制作一个学习路线或者学习计划，自己全方面的了解一下前端，自行梳理知识清单。培养自己结构化意识。
如果你说你不会，那么去培训班吧他们会给你的（填鸭式教学），坚持下来一步一步走，也不是什么坏事，市面培训班鱼目混珠，请谨慎小心
我也不黑各种培训班也不给培训班打广告，说到都是心里话

既然有了学习路线那么如何学习呢
B站全中国最大的学习平台了解一下 （b站打钱）不吹不黑b站有很多up主自制的学习教程也有某些渠道流通的盗版课程（如果感觉真的不错建议在力所能及的范围之内支持一下正版）

我们真的要将几百小时的课全部听完吗（我们可以二倍速啊）建议重要知识点多听几次
当然没有那么简单（就我个人而言肯定不会）
就拿html css 举例 初学的你不可能把w3school的所有标签全部记下来，也没什么用，那么就从视频中看比较常用的记下来，其他的用的时候再学也不一定。
其次就是看文档培养看文档的能力，Vue的文档React的文档等等，可以说前端必须学会看文档。
一定要实战一定要实战一定要实战重要的事情说三遍
学习前端开发＝做项目
在项目中有很多书本视频以外的东西需要你去解决，可以帮助你吸收知识
当然只有实战也是不够的建议学习一些其他的计算机基础课程，学一些原理方面的东西

送个干货吧（这个是中文版）
英文原版过于硬核容易劝退

https://www.freecodecamp.one/
一个闯关式学习网站

具体的学习可以关注后面的分享（希望大家都能学有所成）
来自一个自学前端的同学的分享

图片来源于网络
部分引用于
https://www.sohu.com/a/282933022_661296