web前端开发需要具备以下7种技能:

  1.页面标记(HTML)

  HTML页面固定,标签不多,相对来说学起来比较容易。编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html)。HTML是页面结构的基础组成部分,是网站的基础,臃肿混乱的HTML代码不但会影响 其本身的表现,而且与其对应的css和javascript代码也会变得难以编写和维护。

  2.页面样式css(Cascading Style Sheet)

  在标准的页面设计中,因为css负责网页类容的表现,所以css也是前端开发需要掌握的核心内容之一。CSS和HTML代码一样,没用复杂的逻辑,上首页比较容易,其主要难点在于如何合理利用CSS的组合和继承特性来编写简洁,维护性好的CSS代码。

  3.前端编程主要指(javascript)

  javascript是一种基于对象和事件驱动的客户端脚本语言,是页面实时动态交互的技术基础。javascript是非常灵活的脚本语言,包含的高阶函数,动态类型以及灵活的对象模型等强大的语言特性,当然,javascript的灵活性也可能导致代码的不易维护。浏览器的兼容性也增加的javascript代码的编写难度。开发人员在熟悉javascript基本语法和基本的编码规范之外,还应该了解并解决在不同浏览区中JavaScript的兼容性问题,另外,作为前端开发工程师,必定会涉及后端的编程,一些原因是目前流行的web编程方式会有部分后端代码存在于前端页面中,和前端HTML,javascript等混合在一起,如php,jsp,ASP.NET等,因此,前端开发工程师也有必要了解一些后端编程技术。

  4.跨平台,跨浏览器

  跨平台指移动设备(如智能手机和平板电脑)和PC端;

  跨浏览器这个问题随着IE6,IE7市场占有率下降和众多浏览器标准的重视,目前流行的前端框架已经很好滴解决了浏览器兼容问题。尽管如此,还需熟悉常见的浏览器兼容问题,如IE7,IE8的兼容,HTML5中新特性的兼容等。

  5.前端框架

  前端框架的出现在很大程度上降低了前端开发的难度,框架同意了编码的方式,封装了浏览器兼容问题并添加了大量的扩展功能。如今在开源社区GitHub上排名靠前的开源框架也是以前端框架居多,如jQuery(javascript库)、angular2、vue.js、react等等;

  6.调试工具

  对于前端代码,在调试过程中需要查看HTML结构变化,css渲染效果,javascript代码执行情况以及HTTP请求和返回的数据,并了解网站各部分的性能等。主流浏览器都有对应的浏览器插件来辅助完成这个工作,如IE中的IE Dev Toolbar 、Chrome中的Developer Tools、Firefox中的Firebug等。

  7.沟通能力

  web前端开发介于UI和后端逻辑开发之间,因此web前端开发工程师需要和UI设计师沟通,确定效果是否可以实践以及实践的代价,并对UI设计提出建议;还需要和后端工程师沟通,确定前后端交互,确定后端交互的接口以及传输的数据实体的结构等,良好的沟通让你这些过程变得轻松许多。

web前端开发需要具备的技能的更多相关文章

  1. Web前端开发最佳实践(1):前端开发概述

    引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法.可以说,博客园是我参与技术讨论的一个主要的平台.在这其间,随着接触技术的广度和深度的增加,也写了一些得到了 ...

  2. 什么是web前端开发?

    Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及F ...

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

    Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又 ...

  4. web前端开发学习内容

    应该 具备的 知识技能 :懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准                       代码能 兼容主流浏览器.ie6.7.8.9 ff 等.    ...

  5. Web前端开发工程师养成计划【转载】

    Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...

  6. 淘宝前端工程师:国内WEB前端开发十日谈

    一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是" ...

  7. Web前端开发十日谈

    =========================================================================== 原文章: http://kb.cnblogs.c ...

  8. web前端开发工程师

    web前端开发工程师 百科名片 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进 ...

  9. web前端开发学习路线图

    Web前端是一个入行门槛较低的开发技术,但更是近几年热门的职业,web前端不仅薪资高发展前景好,是很多年轻人向往的一个职业,想学习web前端,那么你得找到好的学习方法,以下就给大家分享一份适合新手小白 ...

随机推荐

  1. Mockplus原型设计工具介绍

    一.原型设计工具简介 Mockplus (摹客)  一种快速原型设计工具 官网提供四个平台的下载,通用性很广. 二.原型设计的模板 Mockplus可以为设计者提供以下几种模板 其中在“手机”模板里, ...

  2. elasticsearch kibana简单查询

    kibana CRUD 操作页面 一.简单的CRUD操作 1.添加 PUT /index/type/id {  "json数据" } 2.查询 GET /index/type/id ...

  3. simulate UE activity

    can: 1,connect, disconnect 2,configure serial,nic,com,model,version,IMEI,IMSI,IP 3,various AT comman ...

  4. Tomcat部署项目的三种方式

    目录 1.下载 Tomcat 服务器 2.启动并部署 Tomcat 服务器 3.Tomcat 的目录结构 4.部署项目的第一种方法(项目直接放入 webapps 目录中) 5.部署项目的第二种方法(修 ...

  5. Image和Base64相互转换

    1.图片转换为Base64 /// <summary> /// 图片转换为base64 /// </summary> /// <param name="imag ...

  6. git提交过程中遇到的 index.lock 问题导致无法提交的解决方法

    在提交代码的过程中,可能会遇到下面的问题: fatal: Unable to create 'C:/programLists/zzw-q1/.git/index.lock': File exists. ...

  7. python+selenium的搭建过程

    搭建步骤 1.第一步没啥好说的,肯定是先安装python 下载地址:http://download.csdn.net/detail/intel80586/4297269 全部默认安装即可. 安装完毕后 ...

  8. orcale 之 存储过程

    之前我们学习过 PL/SQL, 那么当我们的工作中我们通过 PL/SQL 做很多的事情,那么有一个问题,在每次的座同样一件事的时候是不是都需要重新通过 PL/SQL 去完成呢?可不可以只写一次然后,在 ...

  9. Android多渠道打包工具

    http://www.cnblogs.com/huangtianhui/archive/2012/07/14/2591382.html 鉴于Android市场众多,基于各种利益考虑,以及未来app能够 ...

  10. 软工网络15Alpha阶段敏捷冲刺博客汇总

    博客链接汇总: 第一篇:http://www.cnblogs.com/pubg722/p/8891605.html 第二篇:http://www.cnblogs.com/pubg722/p/89090 ...