初学Web前端该如何系统性地入门？这里有一份过来人的建议

初学Web前端该如何系统性的入门？这里有一份过来人的建议，下面和千锋广州小编一起来看看吧！

第一、梳理知识架构;

梳理知识架构的目的在于，我们要了解清楚,哪些技术是前置、哪些技术是后继， 哪些技术是深度、哪些技术是广度,按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

第二、分解目标;

我认为，大抵可分解为三个阶段，包括:起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标:

起步阶段:

1、基本知识的掌握

在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了,就认为这部分知识和内容掌握了。

2、常用工具的掌握

对于常用工具的掌握应该掌握一些有大公司或专业团队背 景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。我们只有在检验自己对于知识和技能熟练程度的时候，才会自式的用Notepad去编写页面、Css和脚本等内容。

3、沟通技巧的掌握

通常做技术的人会被定位为"不善沟通”的人，这是为什么呢?究其原因，主要是因为多跟程序和代码打交道，跟人的沟通较少导致。这种时候我们要特别注意增加和人沟通的机会，着重提升这块儿的能力。

另一方面，我们通常被称为"不懂沟通技巧”的人。作为一个技术人员，包括我自己，似乎天生就有-些难以接受挑战的缺陷。在国内，我们的技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开发，久而久之,我们习惯于信任自己的观点在自己的视角看问题，对于挑战总是百般地"据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在用户的视角看问题。

4、良好的开发习惯

开发习惯是养成的，一旦有不好的习惯,对于将来去修正带来的将是很大的麻烦，我们在培养良好开发习惯一定要从起步时做起，例如:写代码之前先分析、文档、先写注释。定义变量最好能用直接可理解的语义，最好是拼音，别整英文,尤其是生僻单词，将来自己忘了还要开金山词霸。文件最好有有意义的文件夹命名来管理，文件名最好有意义，需要版本号的最好能和项目版本号-同更...等等。

提升阶段:

1、高级技术的掌握

在提升阶段对于知识和技能掌握,我们需要从梳理好的知识架构中选择更深一层次的技术进行学习,选择之前，我们先通过类比或预估的方法，衡量自身学习的难点，以学习难点和自己最不感兴趣的部分为主。这样推荐大家的原因是:这个阶段我们兴趣正浓，已经度过了苦涩的起步阶段，到达了兴奋的提升阶段，我们要用兴趣和兴奋去挑战最困难的部分,在

我们在信心受挫和兴趣浓厚之中找到平衡。同时，辅以其他的深层次知识一起学习和研究。

2、产品思想的学习

没有正确的产品思想，很难设计出良好的程序,无论从界面、交互，还是接口、逻辑,不能够理解产品、理解用户需求，我们会给自己造成很大的麻烦，例如:我们千辛万苦用最新技术、最复杂的实现做出的功能，却得不到使用者或领导、同事的认可。为了使我们的工作和学习更加有效率、避免无用功,我们需要不断地学习产品的思想，只有理解了产品的思路，我们才知道用我们的技术去输出什么。

3、各种框架的学习

框架是我们提高工作效率的优秀手段,对于框架的学习是成长必经之路。我们学习框架的路线通常应该是:使用->分析->个性化定制->模仿编写自己的框架。只有大量的使用，才能明白设计框架者在设计背后的思路,只有了解到设计的思路，才能做正确全面的分析,只有正确全面的分析才能支撑我们去对其裁剪或扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是:学习、理解、模仿、创造。

4、富客户端应用的学习

随着带宽和计算机性能的提升，以及WEB2.0的如火如荼，富客户端应用充斥着互联网，如果你不懂得富客户端应用,你就不能称之为-一个合格的前端技术人员。可以按照: Flash动画-> Flash编程- > Flex->-> Air-> Silverlight动画- > Silverlight编程的步骤学习，先学Flash后学Siverlight的原因一来Silverlight还不太成熟， 二来，实际Silverlight借鉴 了很多Flash的思想，最好在学习的时候不要本未倒置。

5、各种网络协议的学习

WEB前端技术就是云上的技术，云的协议有N种，我们应该着重学习: TCP/IP, UDP, HTTP，POP3, SMTP这几种协议，在开发WEB前端应用过程中,这些协议是我们的技术的载体,有时候决定了我们的应用是否能实现、有时候决定了我们的应用是否高性能，同时，这些协议还是我们和后端技术交互的重要手段，这些协议就像是密码字典，帮助我们把后端;传输过来的密文解释成我们前端技术能够理解的明文。

6、程序设计

这个阶段我们需要学习00、UML、 设计模式、设计方式....... 我们要让技术开发工作变成有目的性、有计划性,并且,这些目的和计划必须有理论的支持，这样,我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。为什么要学习程序设计呢?主要是，就算我们不用Flash的 ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出现问题。程序设计能力，在技术人员仍然被看作是程序员的这个年代，是灰常、灰常重要滴。

以上就是今天分享的内容，希望对大家有帮助哦