前端开发人员应该掌握的七大技能

随着互联网快速成为日常工作生活的一部分,对于从事互联网的职业也有了更加清晰的定位:设计,前端开发,后端,编辑,运营等等。在这里我们以前端开发的人员的角度来看看应该掌握哪些技能。

大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用……还能有什么问题?是不是真的没什么问题了呢?那么页面开发还有哪些要求,还要做些什么,这里面的水有多深,让我们舀舀看。

技能一:绘制原型图,实现效果图

优秀的前端开发人员必然熟练掌握一种原型图设计工具,能够将构思通过工具绘制成原型图。同时能够将设计做出的视觉稿通过页面代码的方式表现出来。比如目前最流行,便捷的原型图工具Mockplus,历史悠久的Axure等。能完成这两个内容就可以初步进入页面前端的从业者行列了,但这就代表着我们可以胜任页面开发的工作了?不,才刚刚开始!

技能二:与设计师的沟通和项目的参与

各行各业沟通很重要,作为前端开发人员,接触到的最主要的“客户”就是项目设计师。设计师根据原型图出视觉稿,在这个过程中,前端开发人员需要和设计师进行某些效果实现的探讨,比如对低端浏览器渲染效率影响,是否可以通过CSS3实现从而使结构更加清晰,是否能在视觉效果和代码实现中寻求平衡。前端开发有义务对开发出来的页面稳定性和渲染效率负责。在很多情况下,项目进度要求设计与前端开发同步进行,这种情况下就必须尽可能多的参与到项目沟通。

技能三:搭建良好的页面结构

在前端开发中页面结构的编写好比盖房时的打地基,结构的好坏会直接影响到代码的质量、JS开发、后端的开发以及以后页面的扩展、调整和迭代。当拿到设计稿之后不要急于开工,多观察思考。先分析布局,划分框架,然后规划结构,编写代码。

技能四:优美的代码

随着web项目功能越来越复杂,带来的直接后果就是代码的体量变得很庞大。如何进行协同开发和代码的维护是从前端开发开始就要思考的问题。这种情形下需要考虑完善,统一规划,养成一个良好的代码开发习惯。比如:合理的使用标签、良好的注释、清晰的代码结构、准确使用CSS等。优美的代码,清晰的结构能够为下游开发和协同开发降低了不小的沟通成本。

技能五:保障效率

作为项目开发中靠前的一环,前端开发人员一定要有一个认识:尽早完成为项目后续进展争取更多的时间。“工欲善其事,必先利其器”,除了实战经验和代码习惯的形成可以帮助我们提高效率外,想要提高对自己开发的进度掌控能力,还需要学会使用辅助工具帮助提高页面开发的效率,比如使用Less 或 Sass 可以帮助我们拓展和组织CSS,大大提高 CSS的编写效率增加了可维护性。多多发掘一定会找到最合适自己使用的工具。

技能六:针对服务器的优化

页面开发也需要了解服务器的优化,尽量减小服务器负担。比如css sprite 就是一个典型减小服务器请求数的例子,以及对 class 名进行了混淆压缩避免命名过长的冗余;应用 base64 减少请求数量等等措施。这些都是综合权衡的结果,需要考虑各个方面整体优化。因为当页面访问量达到一定的数量级时,再小的一点优化都会达到可观的效果,否则小问题会带来大灾难。

技能七:永远不停止学习

这是一个飞速发展的时代,同时也是充满机会的时代,HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会,还有太多的东西值得我们去学习去发现。作为一名开发人员,走在技术的最前沿永远是保持竞争力最好的方式。正所谓“唯有高屋建瓴方可水到渠成”。拿苹果 CEO 在斯坦福演讲的一句话“Stay Hungry, Stay Foolish”和大家共勉。

时间: 2024-08-08 05:37:04

前端开发人员应该掌握的七大技能的相关文章

前端开发人员必须了解的七大技能图谱

HTML5知识库 HTML5知识图谱 CSS3知识库 CSS3知识图谱 JavaScript知识库 JavaScript知识图谱 jQuery知识库 jQuery知识图谱 Node.js知识库 Node.js知识图谱 AngularJS知识库 AngularJS知识图谱 React知识库

前端开发人员必须了解的七大技术图谱

前端开发人员必须了解的七大技能图谱(http://geek.csdn.net/news/detail/88239) 标签: 技术图书前端html5知识图谱 2016-07-19 08:48 106人阅读 评论(1) 收藏 举报  分类: 程序人生(8)  web前端技术(29)  目录(?)[+] 文章转自<http://geek.csdn.net/news/detail/88239>,感谢分享! 网上学习资源参差不齐.分散无系统,给爱学习.努力想提高的你是不是造成很多困扰呢? 与其他学习平台

优秀的web前端开发人员需要具备三大技能

注:以下内容是从网上转载的 Web 前端开发在这十年内发生了很大的变化,从市场和销售的角度来看,web 应用甚至常常会超过那些桌面应用.当下,web前端开发可以说是互联网开发中的一个热门职位,很多互联网公司都非常需优秀的web前端开发人员,毫不夸张的可以这么说,市场情景广阔.不过,说到兴趣,还是得看自己喜不喜欢,想不想做,如果一点兴趣都提不起来,那也是在浪费时间,不如不学不做.所以对web前端感兴趣的朋友可以多学多练,成为一名优秀的web开发人员,去走兼顾自己兴趣与生存的最佳人生路径. 不过,成

前端开发必知的7大技能

随着互联网快速成为日常工作生活的一部分,对于从事互联网的职业也有了更加清晰的定位:设计, 前端开发 ,后端,编辑,运营等等. 随着互联网快速成为日常工作生活的一部分,对于从事互联网的职业也有了更加清晰的定位:设计,前端开发,后端,编辑,运营等等.在这里我们以前端开发的人员的角度来看看应该掌握哪些技能. 大部分人会很自然地认为" 页面的开发没什么技术含量,很简单 " .不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题:兼容性,小 case :图片集成,一直都在用 -

前端开发人员需要做什么-随手记

一个前端项目的协作流程应该是这样的: 策划→ 交互→视觉→前端→后端→测试 现在大公司的的流程:策划→ 交互→前端→后端,不需要等到视觉做出来再开始后端开发,做后端的时候视觉做出来再用上就OK了:前端和后端做出来后再到最后的测试. 而我们主要关注点是前端部份,作为前端工程师的职责如下: 职责是把 视觉稿和交互稿实现UI.①视觉稿实现UI的过程叫做页面的制作.②交互稿实现UI的过程我们叫做页面的页面交互逻辑开发. 补充:[视觉稿是用ps做出页面的最终效果图],[交互包括线框图,原型图等]. 前端开

Web前端开发工程师需要掌握哪些核心技能?

Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄 自菲薄自封精通.由于JavaScript与html的差异性,以及静动态分开处理的一些好处.

Web前端开发工程师需要掌握哪些核心技能

Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄 自菲薄自封精通.由于JavaScript与html的差异性,以及静动态分开处理的一些好处.

成为一名专业的前端开发人员,需要学习什么?

你有没有看过你非常喜欢的网站,是否研究过它的布局方式,有没有想过我自己能不能也能实现一个,甚至比你看的网站更好! 所有这些可见的站点界面和特效都是通过前端开发构建的(有时也称为"前端Web开发").前端开发人员是一些最受欢迎的角色,目前各大知名互联网公司的前端开发人员的工资水平甚至超过了后端开发人员 那前端开发需要学什么呢?本篇将分解前端开发人员使用和需要的所有技能,先从前端开发的定义开始. 什么是前端开发? 虽然网页设计是网站的外观,但前端开发是将该设计的页面通过代码的形式在网络上进

【转】十款让 Web 前端开发人员更轻松的实用工具

这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具.每个 Web 开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率. Spritepad 借助 SpritePad,你可以在几分钟甚至几秒钟内创建你的 CSS 精灵.只需拖放您的图片,立即可以生成 PNG 精灵图片以及 CSS 代码.不需要在 Photosh