从前端小白到技术专家,这里有3点可执行的建议

新人刚接触前端,你可能会问:

零基础能学前端课程吗?

要如何开始学习前端呢?

如果你是前端工作者,你可能会问:

我要怎样让自己变得更优秀?

前端天花板低发展,真的遇到瓶颈了吗?

接下来,我会从学习、实践、进阶三个方面来回答这些问题,分享我的前端成长经历。

1.学 习 篇

学习前端,首先建议大家打好基础。这里的基础分为两大类:计算机基础和专业基础。

有些人可能会认为:即使没有这些基础也能做前端(这也是我们之前说门槛低的原因),但是对这些基础知识的掌握情况和理解程度决定了我们可以走多远。这部分的学习是一个循序渐进的过程,不可能一蹴而就。

那如何学习这些基础知识呢?

我建议从书籍、代码、标准三方面入手。

书籍:当需要了解某个知识点时,可以多看几本相关书籍,看不同作者对这个问题的不同阐述,加深自己的理解。对比着看效果更好。

代码:检验我们是否已经掌握知识的好办法就是阅读代码。它不仅帮助我们加深对知识的理解,还可以查漏补缺,让我们得到一些新的启示。有哪些源码值得我们去读呢?

  • 书籍里的代码
  • 前辈们留下来的代码
  • 论坛里的经验
  • 某个网站的代码
  • 很多开源代码都可以作为我们的参考来源
  • 归纳总结自己以前写的代码,你会得到不一样的惊喜

标准:当我们平时遇到问题时,需要追本溯源。而查阅标准就是关键。互联网技术更新迭代太快,而且网络上的资源良莠不齐。所以我们甄别的重要方法之一就是查阅标准。前端相关的标准主要分为两方面,即行业标准和厂商标准。

制定行业标准的组织主要包括:ecma组织/IETF组织/W3C组织

制定厂商标准的平台主要包括:IE/Chrome/火狐等

2.实 践 篇

实践阶段对于遇到瓶颈的同学十分重要,因为不管以什么样的方式去学习,最终目的就是为了解决实际问题。

围绕着实践中的问题,实际上可以分为:发现问题、分析问题、解决问题、沉淀问题四个方面。

发现问题的途径有很多,包括产品的功能需求、开发的非功能要求以及疑问、建议、抱怨等。更多的时候需要前端工程师进行思考和归纳,这也是我们面临的挑战。

当我们发现问题时,不要急于上手解决,要分析问题的本质,确定产生问题的因素,和多方沟通,提出多种解决方案,分析各自利弊,再对照实际情况做出取舍最后解决问题。

在业务中,80% 的bug主要是业务逻辑考虑不全面,漏掉逻辑判断处理,数据格式不规范等引发的。这种bug改起来比较快,但是容易往复循环,或者引入新的bug。这些bug切碎了开发者的有效工作时间。

另外还有15%的bug是由开发者自身coding的问题引发,属于技术性的bug,但随着开发者对软件平台以及框架的熟悉,以及自身编程水平以及编程素养的提升,这类 bug会逐渐减少。

最后,对问题进行沉淀,加深理解,进而将简单问题的解决方式应用于复杂问题情况下,这也是提升的方式。

3.进 阶 篇

到了一定程度之后,个人能力很难再提升,遇到了瓶颈。此时,需要先从个人角度出发,了解是否触及天花板,另可以从团队角度出发,寻找突破点。

个人能力可以从深度和广度方面进行分析。深度分为三个阶段:表象、原理以及实现。表象就是之前提到的基础阶段。下一个阶段就是能了解其中原理,对知识点能够把握和识别。实现阶段就是能够充分利用已有的知识体系,进行运用。

再从广度角度出发,可以分为专业技能和领域范围两部分。专业技能可以从知识体系的覆盖面和了解度出发。也就是覆盖面够不够广,以及对常见解决方案的了解程度。而领域范围的拓展就需要对其他产品进行了解,比如移动端、桌面端等的了解。

以上方面如果都很优秀的话,就是一个很优秀的前端工程师了。但是仅仅个人优秀还不够,我们还需要团队优秀。

团队方面的突破,重点关注流程、效率和协作。目前在网易的工作模式,基本遵循以下的流程,相对来说还是比较细致和规范的。

  • 新需求上线

需求→交互→视觉→开发→自测→测试→bug修改→测试→bug修改→测试→交互确认→视觉确认→上线申请→确认→上线

  • Hotfix上线

问题反馈→bug修改→测试→bug修改→测试→上线申请→确认→hotfix上线

最后给大家分享两句话:

  1. 始终保持一份谦虚谨慎的心态。
  2. 始终加强学习能力的培养。 

作者:佚名

来源:51CTO

时间: 2024-09-16 15:47:50

从前端小白到技术专家,这里有3点可执行的建议的相关文章

图片-jsp页面如何实现tag标签自动插入的特效?(前端小白)

问题描述 jsp页面如何实现tag标签自动插入的特效?(前端小白) RT: 这个特效怎么做?有没有类似的特效 解决方案 已经解决 用的是tag-it 解决方案二: 当选中了某个类型时,调用个方法创建一段html代码append到那个容器内,加个css效果就好了,

小白在学习qt刚入门的问题执行了qmake xxx.pro

问题描述 小白在学习qt刚入门的问题执行了qmake xxx.pro 没有像qt书上说的将gotocelldialog.ui生成ui_gotocelldialog.h,然后debuy和release下也没有exe,o文件生成 为什么好不懂啊? 解决方案 qmake -project 生成.pro文件 qmake 生成makefile文件 make 编译输出 解决方案二: http://bbs.csdn.net/topics/390027117

如何从前端小白变身为前端大神

作为刚刚接触前端的童鞋,对学习的方向可能会感到迷茫,通过阅读者篇文章相信会对你的学习方向有所帮助! A. 初级阶段 本阶段主要是基本的网页技术,学会这些技术你就会制作一些常见的网页和简单的特效. Photoshop:几乎无人不知的作图软件,对于做前端的朋友来说可以作图,还可以用来切图: http://www.ps-xxw.cn/shiyongjiqiao/2538.html 互联网原理和HTML:作为前端工程师就要了解互联网的基本原理,像是协议.网站运行原理等等:HTML不用多说必须熟练掌握的超

阿里云前端周刊 - 第 11 期

推荐 1. JavaScript 模块现状 https://zhuanlan.zhihu.com/p/26567790 最近 在 twitter 上有很多关于 ES Module 现状的讨论,尤其是在 Node.js 上,他们计划引入新的文件扩展名 *.mjs.人们有足够理由对此感到 担忧和不确定,因为这个话题异常复杂,接下来会尽力阐述清楚问题. 2. 一文看透丑陋而又神奇的JSX http://mp.weixin.qq.com/s/6stAmqneDm5GJbSCzoYppA JSX这种混合使

FuncUnit 和 Cucumber —— 前端测试的最佳搭档

这周我花了些时间研究FuncUnit 和Cucumber. 本文中我将说明为啥要联合使用这两个框架及使用它们进行前端测试. Cucumber 这是 Cucumber wiki: Cucumber 可以执行基于文本描述的功能自动化测试 Cucumber 可以运行根据基于文本定义的自动化测试.它是基于BDD开发模式的,他方面了非技术人员的测试用例开发. 我一开始定义了一些功能实现.这是一个多选功能,就涉及选中和取消选中: 功能点: 取消选择场景: 取消全部选项 使用多选控件和选项 当用户点击取消全部

nodejs-有用过去哪儿网的前端框架fekit的吗

问题描述 有用过去哪儿网的前端框架fekit的吗 我使用fekit,执行min给文件压缩后,执行server发现每个静态文件都会有两个请求,一个是加了md5戳的和一个没加md5戳的,这个问题怎么解啊?居然请求数增多了. 还有一个问题,使用自带的server服务器可以成功运行,但是放到我的tomcat中运行后,就找不到文件404了,怎么办啊?忘各位帮帮忙了. 解决方案 去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?

前端工程化:云构建

背景 通常个人在开发项目的时,都是在本地编写构建脚本对项目进行构建,这个脚本可能是 Gulp,可能是 Grunt, 可能是 webpack,也可能是其他的一些脚本,每次代码发布之前,都要对代码进行构建,代码仓库里面包含构建脚本和构建之后的代码.对于个人开发,这样做是没有问题的,但是涉及到多人开发或者团队开发就会有一定的问题.说是问题也不是问题只不过是会导致开发效率降低,构建错误的情况越来越多. 在本地对项目进行构建,通过脚手架工具来分发构建脚本对于团队开发来说有很多问题: 构建脚本的开发维护者很

前端在人工智能时代能做些什么?

之前很长的一段时间内,一直在做阿里云人工智能产品 ET, 做为了一名前端工程师,参与了当中的一些工程工作,分享出来,希望对大家有所帮助.  前端工程在人工智能的团队到底能做什么,体现怎么的价值?对此,可以先下图的一个总结,然后我会逐条分析      从我们的实践看,要完成一个完整的人工智能项目,三种东西是不可或缺的:算法,数据和工程. 而前端在这三个方向种,最容易参与进去,同时也最容易做出彩的地方就是在工程方面,我们把这块内容叫做大前端. 具体的大致可以分为五块内容:人机交互,数据可视化,产品W

最全前端资源汇总

一.概要 这份汇总整理,很程度上参考了GitHub最全前端资源汇总:云集前端教程.开发资源.免费书籍.手册规范.求职面试等等,旨在为前端学习 & 技能提升提供方便.当然,并不期望这成为一个前端武学收藏夹:毕竟,只有自己掌握,才是真正拥有:况且前端发展如火如荼,日新月异.这里会尽量保持探索 & 学习 & 更新.欢迎大家推荐,反馈,谢谢! 二.优秀的网站 JS前端开发群月报 前端开源资源库 国内老牌技术社区:OSChina.博客园.CSDN.51CTO 免费的it电子书:http://