一张图让你清晰前端入门到底需要学什么

willin 发布于2019-08-26 12:20 / 3170人阅读

摘要：这个就是第二个问题前端入门到底需要学什么达到一个什么水平这里我说的入门，指的是达到工作年的水平能够切出规范的网页能够写常见的特效能够与后台完成数据交互能够使用主流的框架好，我翻译成招聘语言如果大家有类似这样的需求，那么可以继续往下看。

很多0基础或者已经工作一两年的程序员，都有一个“期望”，想得到一份学习计划，知道什么时间该学什么东西，

想系统的、全面的精进一下技术。

今天我们就重点聊一下，关于如何科学合理的制定一份javascript学习计划，提升自己js技能这件事。

第一个问题：为什么这么多人想要类似于“刷怪升级一样的学习计划呢”？

1.工作的压力，对于日渐复杂的前端逻辑，程序员感觉自己知识不够用了，进而产生了提升技能的期望。

2.学习很多知识，感觉很零散不能串起来，或者自己制定完计划感觉执行不了，不合理，坚持不下去。

3.网上太多的学习教程充斥，“全栈课程”满天飞，搞的程序员不知道自己学的东西到底够不够，除了焦虑，没有别的益处，所以渴望得到一份“学习范围合理”的学习计划，并坚持学习达到良好的效果。

基于上面种种理由，前端学习者对于科学合理，详细适当的学习计划的追求，其实是符合学习的特定阶段的，但是在给出这样一个学习计划之前我们先讨论第二个问题，因为这个直接影响着出来一个合理的学习计划。这个就是

第二个问题：前端入门到底需要学什么？达到一个什么水平？

这里我说的入门，指的是达到工作1-2年的水平

1.能够切出规范的网页

2.能够写常见的js特效

3.能够与后台完成数据交互

4.能够使用主流的框架

好，我翻译成“招聘语言”：

如果大家有类似这样的需求，那么可以继续往下看。

第三个问题：明确了最终学习完的效果之后，我们就看看怎么学习比较合理了。

一图抵万言。
这里我强调三点，

第一点很多人说程序员你得先学程序思维或者算法，我觉得前端1-2年或者大学，其实更像我们小学一二年级识字，很多东西先记住或者先用，用熟了再补算法也不迟。比如数组的常用方法都还没记住，for循环还没写过几个例子，就考虑冒泡排序，是无感的。

第二点为什么我这个上面没有加时间？因为我想强调的是学会，而不是学过。很多人一周就把常用的DOM操作会过了，却不会，比如让他写一个todoList都写不出来，这也就失去了学习计划的意义。效果和时间一样重要。

第三点什么叫你入门了，不考虑写法优雅不优雅，随便找一个网站或者手机APP，利用上图的知识，能够完成80%以上的功能，注意是自己用原生js写，如果是练习框架的话只用vue、react、angular核心部分，用尽可能少的插件去完成。就算合格，注意程序员不是插件的搬运工，而应该是生产者。

最后一句，注意上面的只是入门的知识体系，要想成为一个优秀的程序员，要喜欢程序，拥抱变化，乐于接受新的知识。如果你做到了，那么不管你的能力还是收入上都会得到你应有的满意回报。

服务器托管超融合服务器前端需要学什么前端开发需要学什么一张图 web前端开发工程师需要学什么

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108507.html

一张图让你清晰前端入门到底需要学什么

摘要：这个就是第二个问题前端入门到底需要学什么达到一个什么水平这里我说的入门，指的是达到工作年的水平能够切出规范的网页能够写常见的特效能够与后台完成数据交互能够使用主流的框架好，我翻译成招聘语言如果大家有类似这样的需求，那么可以继续往下看。很多0基础或者已经工作一两年的程序员，都有一个期望，想得到一份学习计划，知道什么时间该学什么东西，想系统的、全面的精进一下技术。showImg(htt...

whatsns 2019-08-05 15:03 评论0 收藏0
一张图让自己搞懂(mēng)原型&原型链

摘要：要搞清这三种关系指向之间的关系拗口，其实也就是要搞懂，构造函数由构造函数操作创造出的实例对象和构造函数的原型对象之间的关系。写在前面这篇博客来源于，有天mentor突然传给我了这张祖传的图片，并且发誓一定要给我讲清楚，然鹅在他的一番激情讲解之后，他自己也被绕懵了...于是后来我决定整理一下似乎还有点清晰的思路，记录一下我对这张图的理解。作为一个小白，对于js中这些比较复杂的概念的理...

CntChen 2019-08-22 18:15 评论0 收藏0
一图学Python

摘要：网上有这样一张图片，信息量很大，通常会被配上标题一张图让你学会这张图流传甚广，但我没有找到明确的出处，图片上附带了的作者的信息，很有可能是原作者。为了方便阅读，我把图切割并标注了一下完整图片请进入项目查看。网上有这样一张图片，信息量很大，通常会被配上标题一张图让你学会Python ： showImg(https://segmentfault.com/img/remote/14600...

shleyZ 2019-07-31 10:03 评论0 收藏0
Backbone.js学习笔记（一）

摘要：它通过数据模型进行键值绑定及事件处理，通过模型集合器提供一套丰富的用于枚举功能，通过视图来进行事件处理及与现有的通过接口进行交互。本人兼职前端付费技术顾问，如需帮助请加本人微信hawx1993或QQ345823102，非诚勿扰 1.为初学前端而不知道怎么做项目的你指导 2.指导并扎实你的JavaScript基础 3.帮你准备面试并提供相关指导性意见 4.为你的前端之路提供极具建设性的...

FrancisSoung 2019-08-21 10:21 评论0 收藏0
一张图搞懂clientWidth,offsetWidth,scrollHeight

摘要：由于前端经常会遇到计算位置的问题，那么搞懂等等这些就变得尤为重要。取决于边框的像数值内容区域的宽高，不包括边框宽度值。点击位置距离当前可视区域的，坐标相对于最近的祖先定位元素。由于前端经常会遇到计算位置的问题，那么搞懂clientWidth,offsetWidth,scrollHeight等等这些就变得尤为重要。放上经典图，一张图让你搞懂clientWidth,offsetWidth...

khs1994 2019-08-23 13:52 评论0 收藏0