web前端开发发展经历 优秀的Web前端工程的成长路线

我爱编程网小编给大家带来了web前端开发发展经历 优秀的Web前端工程的成长路线相关文章，一起来看一下吧。

web前端方面的工作经历都有哪些呢？

1、三大基础技能，js、css、html这三项技能是前端工程师能力中的基础，任何框架、工具、库都是基于这三者只上的。这是硬实力，决定了整个前端生涯能够达到的高度，以及在后面的技术栈拓展中的顺畅程度和能够达到的效果。
2、工程能力要有，前端工程师首先是个工程师，做项目就是在做工程，所以懂得如何把一个项目的前端部分的工程运行起来，是另一项必备技能。
grunt、gulp、webpack都是著名的工程类工具，这些工具只要能熟练使用，就基本符合工程能力的要求。但是如果想要拿到更高一个层次的offer，理解工作原理必不可少。这些工具的根本作用，就是对资源的处理，包括代码的压缩打包、本地服务器的架设等。
3、调试能力要必备，如果还在用alert、console来调试程序定位问题，那么你还不符合要求。
学习chrome调试工具的使用，Elements查看元素、Network查看网络请求、Sources查看代码，设置断点定位问题、call stack查看调用栈。这个能力很少有人提到，但是掌握这些技能，不仅能在面试时加分，更重要的是在日后实际的项目中发挥的作用。
4、团队协作能力指的就是git，在项目开发中必不可少，熟练使用git，掌握常用的命令，学会解决冲突。
5、热门框架的使用vue、react是当前两个最热门的框架，能够熟练使用是基本要求，如果你想在众多求职者中脱颖而出，你还需要理解原理，还是那句话，你跟offer的差距就是使用与实现的差距。试着理解virtual dom的原理，响应式的原理，双向数据绑定的原理。
6、项目经验要可靠，不是“仿了几个页面”，而是“项目”的经验，是经历过整个项目从0到1全过程的经验，在这个过程中遇到了什么坑，如何解决的，解决的过程中是如何思考的。

我爱编程网

前端是什么时候兴起的

现在的“ 前端开发 ”是从“网页制作”演变而来的。网页制作是Web 1.0时代的产物，产生在2005年左右。那个时候的网页主要是静态页面。开发工具是网页三剑客“Dreamweaver、Fireworks、Flash”3款软件。
在Web 2.0时代，网页分为两种：“静态页面”，“动态页面”。为了满足大量数据交互开发需求的，现在的“页面开发”，更接近传统的网站后台开发。因此，不再叫“网页制作”，而是叫“前端开发”。需要学习的工具语言是HTML、CSS和JavaScript（简称JS）

优秀的Web前端工程的成长路线

今天小编要跟大家分享的文章是关于优秀的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、程序设计这个阶段我们需要学习OO、UML、设计模式、设计方法，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这
样，我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。


为什么要学习程序设计呢?主要是，就算我们不用Flash的
ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出
现问题。程序设计能力，在技术人员仍然被看作是程序员的这个年代，是灰常、灰常重要滴。


三、成型阶段


如果能达到这个阶段，就证明后续的成长之路是异彩纷呈的，是成为一个资深WEB前端工程师，还是成为一个资深WEB架构师，亦或其他，都要具体分析自身的特点和兴趣所在。如果是资深的前端工程师，我觉得更重要的是去作新技术的研究，互联网技术发展速度日新月异，不断学习新技术，否则就被淘汰。


此外，我建议在知识的广度、深度方面最好能挑选一个自己最擅长和最感兴趣的一两个领域深入钻研，不要挑太多，多而不精。如果是资深的WEB架构师之路，我建议要深入了解后台技术，这种深入了解一定要伴随着实际的项目开发，基本方法是：按照别人设计的架构实现几个Server—>自
己设计并实现几个Server。


最后结语：好了，说了那么多，相比很多跃跃欲试的零基础朋友，别急，北大青鸟开设“Web前端开发工程师”课程，无论你是零基础、有基础、有经验，我们这里都有按照你的基础开设的班级，满足你的需要，保障所有学员达到最好的学习效果，入行好选择。想要了解更多web前端学习内容，记得关注北大青鸟web前端培训官网。

以上就是我爱编程网小编给大家带来的web前端开发发展经历 优秀的Web前端工程的成长路线，希望能对大家有所帮助。