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

一个前端项目的协作流程应该是这样的；

策划→ 交互→视觉→前端→后端→测试

现在大公司的的流程：策划→ 交互→前端→后端，不需要等到视觉做出来再开始后端开发，做后端的时候视觉做出来再用上就OK了；前端和后端做出来后再到最后的测试。


而我们主要关注点是前端部份，作为前端工程师的职责如下：

职责是把 视觉稿和交互稿实现UI。①视觉稿实现UI的过程叫做页面的制作。②交互稿实现UI的过程我们叫做页面的页面交互逻辑开发。

补充：【视觉稿是用ps做出页面的最终效果图】，【交互包括线框图，原型图等】。

前端开发人员工作就是把视觉稿和交互稿实现成UI（看到的如网页等等）。


前端开发需要的技能：①页面制作【PS切图+HTML页面结构+CSS页面样式】;

                              ②页面交互逻辑开发【JavaScript语言实现页面交互，DOM编程操作js接口】

菜鸟的随手笔记，有什么错误或有什么不好的欢迎批评指正！谢谢！----学习路上我们不抛弃不放弃~

时间： 2024-10-27 03:54:04

前端开发人员需要做什么-随手记的相关文章

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

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

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

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

移动前端开发人员必知必会：移动设备概述

因为工作岗位的变换带来工作内容的变动,对于移动网站的前端开发已经疏远了好几个月,在这好几个月中有很多新的东西出现,自己所掌握的一些东西也已经陈旧,所以选择了这本书<HTML5触摸界面设计与开发>来系统地学习和整理一下关于移动网站前端开发的知识体系. 之所以选择这本书,一是因为这本书比较新,2014年04月发的第一版.其二是因为作者Stephen Woods,这是Flickr团队的资深前端,Yahoo主页的Javascript技术平台正是出自此人之手. 接下来的时间里会陆续上传关于这本书学习的一

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

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

10款让WEB前端开发人员更轻松的实用工具

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

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

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

WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题.在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都是浏览器的

Web前端开发人员和设计师必读文章推荐【系列十】

<Web前端开发人员和设计师必读文章推荐系列十>给大家带来最近两个月发布在<梦想天空>的优秀文章,特别推荐给 Web 开发人员和设计师阅读.梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具.希望这些文章能帮助到您. HTML5 & CSS3 应用 2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼 不可思议!23个纯 CSS3 打

Web前端开发人员实用Chrome插件收集

越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊. Postman - REST Client Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模拟Ajax请求.它还支持认证,比如简单的用户名/密码,或者Oauth1.0.Rest Conso