想尝试转前端，但不知道从何学起

心已赠人 2022-11-09 14:10 113阅读 0赞

上周，有个读者朋友找我聊一下，关于前端学习和职业方向的问题。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
聊完后，我觉得他遇到的问题和困惑，很多初学开发的人也会遇到，征得他本人的同意，打码分享一下。

说句真实的话，如果走技术路线，走后端会比前端吃香。

同级别的水平，后端的薪资会更高，而且后端的职业晋升，会比前端更加容易。

毕竟系统的核心业务逻辑和技术难度，大部分都集中在后端。

作为一个在职场快7年，从前端一路杀到技术经理的我，对这事还是有点发言权的。

鬼知道我经历了什么，为此付出了多少努力！

但是，不是每个人都适合后端岗，这一点要看个人的兴趣。

前端和后端的工作内容和技能模型，还是有很大差别的。

前端会更注重页面排版，审美感，交互逻辑，甚至是产品sence，离用户更近一点。

后端更注重数据库设计，业务逻辑实现，数据处理，服务端性能，接口安全等。

我留意到他提到了一点：“写出前端页面的时候，自己觉得很开心很有成就感”。

这一点十分重要，以前我在大学的时候，就喜欢这种自己能亲手编写出一个好看的网页那种成就感和满足感，毅然决然地决定，从前端开始进入职场。

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

![在这里插入图片描述][20210315163941661.png]

既然他已经想清楚自己的目标岗位了，接下来就是如何学习前端的事了。

从他的描述来看，前端还算是没入门。我列了一下学习计划给他。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
html和css，刷w3cschool网站就好了，简单易用，也不收费，还能在线调试，还可以自己用IDE编辑器对着写。

非常适合新手学习，就没必要去找那些杂七杂八的课程了。

时间大概在1个月内就可以撸完了，如果你是白天上班，晚上才有时间学习，这个学习时间可以拉长到2个月。

JavaScript学习，新手建议可以找视频课程，不建议自己看书，看书有点枯燥，要找好的视频。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]  
边看边听，边敲代码，先跟着视频做出点东西来，有点小小成就感，会更有利于你继续坚持学下去，这叫短期激励。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]  
ES6语法的学习，可以看我的《趣味ES6》教程，整个系列阅读量已经超过10万了，没有比这个更适合新手学习的教程了，通俗易懂。

这个阶段自学时间大概花费在1-2个月左右。

前期一定要找基础的课程，别上来就看什么实战演练，那些不适合你。

也要找好的课程平台。比如极客时间，网易云课堂，腾讯课堂这些课程，收费也无妨，只要在你经济能力范围内。

接着要学vue了，vue是目前最火的前端框架，招聘需求也是最大的，找工作不难，学习难度相比react会更简单，所以最值得推荐。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]  
虽然写的时候是2.0，现在vue更新到3.0了，但我的教程内容跟3.0的变更不大，新手用来上手还是完全没啥问题的。

如果仅仅学了基础，没有任何实战经验， 面试关也是很难过的。

学完vue基础的，可以学实战经验。新手的痛苦就是没有好的实战机会。

可以看看别人的实战教程，当然有些课程是收费的。看你个人是否愿意花钱去学了。

之前我给大家说过，我的学习理念里，经济能力范围内，花钱买时间是最划算的，时间是不可再生资源。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221023/ed4e7fad7f274cd28804de89f6c67b13.png
[20210315163941661.png]: /images/20221023/74847c09746549738471bede6e584d74.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: /images/20221023/859e74935ed84442abb667541f69f085.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]: /images/20221023/36f8fa18dcb6495e8a568201c8729622.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]: /images/20221023/81fd501a9a134359859ede04393db3df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]: /images/20221023/55a191a8eef8429caca35af3539db5a3.png