web前端简历范文

web前端简历范文（共9篇）（共9篇）

1.web前端简历范文 篇一

个人简历

个人信息

姓名：xxxx 性别：男

出生日期：1993.03 婚姻状况：未婚 工作所在地：北京 家庭所在地：湖北

联系电话：18xxxxxx

电子邮箱：xxxxxx@qq.com

专业技能

1、熟练使用Sublime、Photoshop等软件，掌握网站效果图的制作、切片以及HTML页面代码优化等技术；

2、精通HTML5+CSS3、DIV+CSS等网站前端技术；

3、能够熟练编写标准前端代码，熟悉浏览器兼容问题解决方案；

4、熟练掌握javascript语言，精通jQuery库、bootstrap库，能够实现网页的动态效果与页面交互；

5、熟练掌握响应式设计，能够开发移动端页面；熟练使用swiper手机端应用库；

6、了解node后台，熟练掌握Ajax技术；

7、了解gulp自动化构建工具，了解less，echarts图表库；

工作经验

2015.07– 至今 工作职责： 北京第嘉传媒文化有限公司 职位名称：前端开发工程师

负责公司产品或项目Web前端开发,根据产品需求和UI效果图利用sublime编程软件进行div/css标准网页制作，Js逻辑设计与开发、jQuery特效编写以及使用插件实现特效，解决主流浏览器兼容性问题，对网站用户体验性能进行优化，完成产品前端展示效果和交互功能。

2014.09– 2015.6

工作职责： 秦皇岛市金銮之巅科技开发有限公司

职位名称：前端开发工程师

负责公司项目的前端修改调试和开发工作，精确的将网站设计图重构成html 页面。从ps切图到div/css标准网页制作及主流浏览器兼容问题的解决，并与后台紧密配合，确保代码有效链接。

项目经历： PC端 中国智力运动网

http://）是由泰康人寿保险股份有限公司全资发起成立的大型互联网保险公司，产品涵盖意外险、理财险、健康险、旅游险等多种保险。

个人站

kafeihaoka.github.io

教育背景

2011.09-2015.06 燕山大学里仁学院 电子信息工程 本科 求职意向

职位:Web 前端开发 工作地点:北京

2.WEB前端研发工程师-简历示例 篇二

姓名：XX
E-mail: 联系电话:

目标职位 教育经历


WEB 前端研发工程师 大学 软件学院 软件工程 本科

2008.9-至今
   

实训成绩： XXX 2011 年春季学期实习派遣综合测验成绩：XX CET-成绩： 本科课程平均成绩：分；综合排名： XX/XXX

社会活动及主要成绩
      大学所有课程设计都担任组长，带领组员取得优秀成绩 XXX 部门负责人，组织部门日常活动 XX 俱乐部活动部成员，负责小型活动的策划 XX 班长，管理班级日常事务 获得 XX 认证 参加 XXX

社会项目经历
 XX 管理信息系统(实际项目)


项目简介：时间：180 天

开发人员: 5 人

开发工具：|Flex | Oracle|MyEclipse|ArcGIS| 实现功能: XXXXX
 

个人职责：项目组成员，完成 XXXX。掌握技能： 图像处理技术初步，Flex 编程技术，ArcGIS 服务发布使用技术。

学校项目经历
 人机五子棋对战程序


项目简介：时间：14 天

开发人员: 3 人

开发工具：| Visual Studio 2008 | 实现功能: 实现电脑五子棋智能对战系统。


个人职责：项目组长。完成了以下任务 1)2)3)智能五子棋算法提出及设计 算法优化以及界面设计 项目组成员任务管理



掌握技能：MFC 编程，博弈树算法，原创五子棋对战算法



基于 WEB 的二手书交易平台


项目简介：时间：14 天

开发人员: 3 人

开发工具：| Visual Studio 2008 | Sql Server 2008|DreamWeaver| 实现功能: 实现在线二手书交易系统。


个人职责：项目组长。完成了以下任务
1

1)2)3)


网站构架设计 UI 界面设计及脚本编写 项目组成员任务管理

掌握技能：ASP 编程，JavaScript，CSS，电子商务网站模型



基于 WEB 的新型在线即时聊天系统


项目简介：时间：14 天

开发人员: 4 人

开发工具：|MyEclipse 8.5 | MySQL 5.1| DreamWeaver| 实现功能: 实现在线音乐匹配聊天，随机聊天，主题匹配聊天功能


个人职责：项目组长。完成了以下任务 1)2)3)网站构架设计及 UI 界面设计 即时聊天功能实现 项目组成员任务管理



掌握技能：JSP 编程，JavaScript 脚本，CSS 布局，即时聊天网络编程

个人知识体系
 掌握较好的技能 1 2 3 4 5 6 ○Java 技术 ○Jsp 技术 ○.Net 技术○Asp 网页编程技术 ○数据库系统 ○数据结构 7 8 ○C++编程能力 ○网络编程技术   基本掌握的技能 1 2 3 4 ○英语阅读，交流能力 ○C 语言编程能力 ○CSS 布局 ○JavaScript 脚本编程技术 初步学习但未达到掌握程度的技能 1 2 3 ○Shell 编程 ○Linux 操作系统 ○分布式系统

个人评价
已积累一定数量中小型项目开发经验。能很好地带领一个团队完成任务。有较强的自 主编程能力及团队合作，团队交流能力。善于快速学习并使

用新技术。对工作充满热情，从未试图抱怨，一直努力改变。另外我对 Web 前端开发比较熟悉，正在进行 HTML5 Canvas 游戏开发的深入学习。

求职意向
成为一个合格的研发工程师。对某项技术深入学习研究和运用。更好地适应团队开发 模式。将所学知识灵活运用的同时积累更多有价值的知识财富。另外，我喜欢挑战一些艰 难的任务。希望可以找一个有能让我释放激情的工作。

2

3.web前端学习计划 篇三

时光飞逝，时间在慢慢推演，我们的学习目标和学习任务同时也不断变化，是时候写学习计划了哦。估计许多人是想得很多，但不会写，以下是小编收集整理的web前端学习计划，希望对大家有所帮助。

所谓行万里路，必先始于足下。刚开始学习WEB前端基础的时候，老师说，其实你们学的这个后面真正去工作的时候可能也不是很会用到，所以就有很多人会问，既然我们都用不到，那干嘛还学呀？其实，对于一个程序员来说，你不仅要有很好的后端专业能力，你还应当具备一定的前端素养，知道一些起码的前端知识。

来到传智的第一个月，我们是以基础为主吧，因为大家到这里的基础都不一样，有一些本身就具备很高水准的人，也有很多像自己一样从小白开始的人，所以，对我们而言，传智开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习，在学习HTML的时候，我们还延续着很古老和古老的表格制作网站，然后到后面的CSS学习，用CSS样式去进一步完善我们制作的网址，再到着一期的难点JS课程体系，一级最后的JQ和BOOtstrap，可以说这个过程其实也是一个循序肩颈的过程，有简到难的过程。

首先我们回顾一下最开始我们对HTML的学习。

其实HTML的四天学习的话，重要的就是一个标记的学习，这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的，选择IT，程序员这一方面，只要多练习，多敲代码感觉就好了，所以熟练的使用这些标记其实不是很大的问题，对自己来说，比较难的是一个表格和框架，也许会有人说，表格有什么难的，就行列的问题啊，但是不知道为什么，在学习的那几天对于表格的学习和接受能力都没有别的那么好，表格的整体框架能搭出来，但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的，对于表格的`网页练习做了应该也有一二十个的，但是就是没那么理想，所以这方面的话也是需要自己多加练习和修正的，因为表格的用处还是挺大的。HTML的学习方面还有框架和表单，框架的话，就是一个网页的主体了，网页的大致形式基本上从你的框架结构就可以知道的，学习框架，重要的就是网页的布局如何划分，然后利用框架的嵌套，浮动就可以解决的，学习过程也不会是很大的难度。

想想HTML还学了些什么呢？表单！表单对前端开发来说还是挺高的，因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦，密码验证啦，还有搜索栏之类的，几乎全是表单的应用。表单学习比较重要的地方应该就是那十来个表单控件的应用，这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件，因为很多单边标记的表单，他的值一般只能是存在value当中，如果不注意的话，很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难，当然，学到后面的JS之后，相对于表单验证之类的才感觉难了很多。

第二部分：CSS学习

对我来说，CSS课程虽然只有三天，但是却是更应该学好的一个模块。因为我们都知道，其实一个网站的WEB前端，就是用加CSS来写的，不是用之前的表格来写的，足以见得CSS的重要性。CSS就是网页样式，一个网页的整体美感，在你确定了框架之后，就看你的CSS样式的添加了，所以一直以来都很想把CSS学好。记得CSS学习的那几天，自己的消化还是很好的，自己去独立完成练习的时候也是没有太大难度的，但是不知道是为什么，到后面学习JS JQ的时候，操作CSS时居然会吧CSS和HTML弄的有点混淆，这一点一直没做好。CSS的学习还有一个地方就是浮动，因为存在块元素和行辈元素，块元素因为其本身特性，一个块元素标记他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素是没有进行匡高的设定的话，是不是要进行清除浮动，防止下面的操作也是有浮动的。

第三部分：重点学习----JS

JS是相对于这整个月学习的重点吧，也是很多人没办法很好接触的地方，当然，自己在这里的学习也是有不足的地方。像一些对属性的操作的标记之类，懂得怎么用，但是不是很熟悉，所以经常在操作的时候要去查手册。学的最不好的一个地方应该是将数组中的元素按照一定的规则或者顺序添加到指定或对应的表格中，这中题型是自己做的比较少的，也是掌握很不好的地方，所以也希望用放假的这几天好好练习一下，不能拖到下一个阶段去。个人对JS的理解其实就是大量算法的集合，因为很多时候你都会用到函数，只是多了一些找元素和对元素绑定标记的过程，最重要的还是构造函数，调用函数的过程！

第四部分：JQ及Bootstrap

对于JQ和Bootstrap的学习来说，其实就是一个应用的过程吧，所有的函数都帮你写好了，你只需要学会调用就好了的。当然。调用他，其实对于JQ来说，学习的过程没有具备很大的难度，只是尝试着去多写写，写两三次基本就记住怎么用了。最后还有一天的Bootstrap学习，写过一些案例，只要会改，基本没有太大的难度。

后续：其实对于WEB前端的学习的话重要的就是多用，很多东西我们上课听得时候其实都基本听得懂，但是更重要的是在于你课后的练习，离开了老师的一个思维引导，我们该怎样去完成项目才是我们该学会的。这一个月的学习难度系数都不是很高。但却是一个比较繁杂的过程，因为作为前端来说，我们需要不断的优化，不断的修正，美化整个页面。不管是前端还是后端，都希望自己能好好学！

4.web前端开发年终总结 篇四

做了整一年web前端开发，对这个职业感触颇多。

这是一个新的职业，入门相对后台的开发人员较低，会一些基本的技术就可以了，如：html、css、js等。

但是，随着开发时间的增长你就会发现自己很快的就会进入一个瓶颈，可能会错误的认为，做前端开发不过如此。可是，如果你静下心来在回头看你写的代码，你会发现之前需求的实现方式并不是最好的，举个最简单的例子，有没有使用jquery的连缀式编程。

如：$(#id).css({color:red});$(#id).show;

可以写成，$(#id).css({color:red}).show();

不要小看这次小小的优化，实力都是慢慢积累的。

上面只是一个简单举例，要说明的是，虽然这个职业入门比较低，但是每一次提高都是艰难的.。

几乎每个前台工程师都是自学成才，因为牛人本来就少，难得遇见，就算遇到一个你也不一定就有机会能跟着他学习。所以在自学过程是坎坷的，甚至都不知道改如何进步，当然本人也在努力中。

分享一点经验：

1.千万注意写代码、和命名规范(也许n久之后或者项目大的时候这才是重中之重)。

2.html的文档结构。好的文档结构会让你写css，js变的简单合理(胜过好的代码实现方式)。

3.尽量尽自己的水平优化代码html，css，js(每一次优化都是提高)。

4.多去关组网站性能优化的方式(最后网站的访问速度和用户体验是证明你能力的时候)。

个人目前的水平有限，就分享这么多吧。

学习经验：

个人觉得，尽量看书加上实际操作来学习，因为从书上学习东西比较系统，学到的东西是系统的而不是一片一片或者一点一点的。最重要的是要去验证书上写的跟实战的结果进行对比，你会发现实际可能还真不一定是那样的。等系统学习完之后，再要提高可能就要找论坛，博客等针对某个点进行突破，后面的成长还有很长。个人能力不到那个地方不在妄加说辞。

如果按照这样的方式来学习，那么开什么书就是最重要的了，看一本好的书可以使你恍然大悟，看一本垃圾的书可能连作者都不知道他写的是什么。个人觉得“图灵”系列的书籍都是不错的，清晰、透彻，比较适合我们来学习，比如：javascript高级程序设计,精通html与css设计模式等。

5.web前端开发述职报告 篇五

首先向其他部门的同事介绍一下我们前端开发部的工作内容。

如果将来的工作中，大家遇到了以下方面的问题，可以找前端部协助:

一、网站运营方面的工作

前端开发部目前承担着公司主要业务的推广及宣传工作，工作任务细化为以下几个方面:

寻找并研究用户

我们需要分析哪一部分用户是公司产品的目标客户。不同时段上网的群体 购买产品的比率是多少，他们使用什么操作系统、什么浏览器，分析他们的上网习惯，给不同的人弹出不同的页面提示。针对他们的“页面停留时间”、“跳出率”来判断该用户是否满意现有的界面设计。

制定推广模式

针对不同的产品，我们要选择适合的渠道进行推广。分析哪种方式更容易被用户接受。研究“论坛”、“百科”“博客”的热帖，学习他们吸引读者的模式。制定哪种产品适合群发推广，哪种产品适合投放弹窗广告、富媒体广告或者漂浮广告。这些推广方式的优缺点是什么?我们应该如何取舍。

流量操作

实际项目的运营过程中，涉及到大量的流量买入及投放。前端部需要有专人负责数据统计的任务，研究哪个时间段引入的流量更适合推广产品，哪个时间段产生的无效点击较多、予以屏蔽、或减量投放。对比几家广告联盟的数据，综选出一个或多个适宜长期合作的伙伴。

提出改版建议

当发现网站或产品有可以改进的地方，部门内负责运营的成员要积极主动的提出整改意见，这是我们的责任。有时候几个字的修改，就可以大幅度的提高产品订购率。例如之前提到的，将“下一步”修改成“立即杀毒”，不要忽视这些细节。做产品、做用户体验、做销售、做运营，都是由一个一个小的细节累积而成的。

二、网站设计与广告设计

在设计的过程中，首先要把自己想象成一个访问者，当我们看到广告时的反映是什么，这个网站给自己是什么印象。互联网的使用者通常处于一种快速浏览的状态，能看到广告的人很少，能被广告吸引点击到我们网站的人更少，能被我们网站上的内容所吸引并产生购买的又少了一部分。每一个环节对设计师都是一次考验。通过前边运营人员的数据分析，设计师可以了解到哪个页面的退出率比较高，从而针对该页面着手，优化设计元素。

三、前端开发

虽然部门名称仍然是前端开发部，但是工作的重心已经转移到了网站运营的上面。前端开发人员的工作主要是为了更好的运营来服务的。

新的一年里，我们要更紧密的与业务挂钩，用所掌握的技术尽可能的去提升用户体验。

6.web前端开发工程师的职责 篇六

1.负责网页界面前端构建工作，利用各种web技术将设计稿转换成最终web页面，并且完成兼容性测试;

2.负责整体页面结构及样式层结构设计、优化;

3.配合后端程序工程师完成项目开发;

4.优化网站前端性能，对代码质量负责，按照要求实现前端页面的各种特效效果;

5.研究最新的前端技术并将新技术调研成果应用于前端开发工作中;

任职要求：

1、本科或以上学历，计算机相关专业;

2、三年以上前端开发经验，有大型电子商务网站前端开发经验者优先;

3、精通HTML、CSS、JavaScript、Ajax等技术，熟悉W3C网页标准，熟悉常用的开发框架如JQuery，jQueryMobile，JQuery UI、easyUI等;

4、有移动端Web开发经验优先;

7.web前端设计师的职责概述 篇七

1. 参与PC web、移动端Web的产品实现

2. 写出好用的基础组件，参与模块化

3. 关注前端技术发展，能够给现有网站产品给出合理的优化和改进建议，将新技术和业务结合，提升产品价值和技术价值

4. 参与产品业务需求讨论，提出自己的理解看法

5. 积极主动提出团队改善建议

岗位要求：

1. 精通HTML和CSS布局，熟练运用定位来实现UI效果图上的布局，能够独立完成整站静态页

2. 精通jQuery，熟练运用jQuery来实现页面逻辑

3. 熟悉原生JS，能够用原生js实现基础模块的封装

4. 熟悉各浏览器兼容性问题及相关的解决方案

5. 拥有移动端web开发经验

8.web前端简历范文 篇八

文章出自：易莱胜

官网：易莱胜

第一阶段——HTML

我们发现无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

第二个阶段——CSS CSS叫做层叠样式表。是能够让网页表现与内容分离的一种样式。同时CSS中的盒子模型、相对定位、绝对定位、固定定位，浮动等能够实现对网页中的内容位置惊醒精确的控制。第三个阶段——JavaScript JavaScript 是属于网络的脚本语言！被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用，并且这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

第四个阶段——jQUery jQuery 是一个 JavaScript 库。极大地简化了 JavaScript 编程。不仅如此现在也有很多的jQuery的插件可供选择，这样就有利于我们编写静态与动态相结合的网页了。

第五个阶段——Bootstrap Bootstrap是前端开发中另外一个框架，是用来制作响应式布局页面的。在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置。

第六个阶段——前端其他框架的学习

9.web项目前端开发经验总结 篇九

最近这一个月完成了自己的第一个java web项目，是给某杂志社做的在线投稿系统，虽然进度很慢，但是中间确实学到了不少东西，深刻体会到了自己看几个月书都不如做一个项目来的实在。这个项目自己主要负责的是JSP页面、JS脚本、CSS样式表的编写，虽然主要做的是前端，但是在设计前端后台交互功能时，对MVC架构和数据库又多了一分了解，这一个月的时间，自己在技术上也确实成长了不少。下面分成几块总结一下自己的这个项目中的心得吧：

1.项目开发流程：从确认需求开始，到原型设计，再到原型测试，这些都没什么说的了，主要是刚开始开发前端JSP页面时，自己走了很多弯路，想到有什么页面就写什么页面，GET和POST的路径也是随心所欲，想到什么名字就起什么名字，结果发现这样做严重影响了项目开发的进度，后来经过主管的提点后，我幡然醒悟，其实，面向对象的思想就贯穿在整个项目当中，在前面的原型设计的过程中，除了页面的设计还有数据库的设计，数据库的每个表就对应着Java中的每个实体类，这个类封装了数据库中的列作为属性，封装了数据库的增删改查作为方法，就拿这个投稿系统为例，实体主要有用户、稿件等等，实体间还有着一对一映射或者一对多映射等对应关系。其实，整个系统的开发就是围绕着这些个实体进行的，甚至于我们可以把实体名字做为二级目录，把实体的增删改查作为GET或POST的路径，譬如account/add、paper/delete等等，有了这些路径，那么与之对应的GET和POST的Controller也就有了，接下来我们要做的就是，定义Controller中返回的视图，写完Controller后再把与实体相关的增删改查方法写到服务层中，再把项目的整个骨架搭起来，再去处理细节，很快的，这个项目就成型了。这里前端和后台的配合尤为重要，数据交互是整个系统的核心。

2.JSP页面设计：提到JSP页面，在这里我想说的一点是，其实JSP页面是在服务器生成的，那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值，然后再传给客户端。JSP页面可以实现很多服务器端的功能，因为可以直接在页面嵌入JAVA代码，但是我们必须明确的一点是，JSP页面主要是用来呈现视图的，不要再其中套入大量的代码，要明确前端与后台的分工。

3.JSTL标签：JSTL标签就是JSP standard taglib，即JSP标准标签库，首先，EL表达式可以非常方便的取出Controller返回的View包含的Model，甚至都无需声明EL表达式。其次，JSTL标签可以实现很多的逻辑控制功能，比如最基本的c:if判断、c:forEach循环，甚至有更强大的c:choose，有了这些，我们可以大大简化代码量，JSP页面中用几十行java写的代码，有时用几句JSTL标签组合就实现了，此外，像fmt:parseDate和fmt:formatDate也是很好用的标签，用于日期的解析和格式化，此外JSTL更有强大的函数标签库fn:，项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签，但是又不要完全依赖于它，JSTL标签很方便、快捷，但是切记，JSTL功能有限，不要完全依赖于它。

4.shiro框架：shiro框架是apache的一款面向java web项目的权限控制框架，这个框架无论前端、后台都十分好用，在前端，我们可以使用shiro强大的标签库，通过用户角色赋予用户不同的访问权限。譬如，如果一个系统的用户有访客、用户、管理员三种角色，我们就可以通过shiro标签来控制游客不能访问哪些内容，页面向用户和管理员呈现的不同内容，这就是shiro标签的神奇之处。

5.sitemesh框架：这个主要是用来将所有页面套用固定格式，用以页面的复用，其实有些时候标签更为方便，而且sitemesh框架的内存开销是的二倍，还会导致拦截器出现一些莫名的bug，所以并不推荐使用。

6.jquery：在这个项目中写了很多的jquery代码，发现jquery确实是个神奇的东西，jquery的神奇之处就在于jquery强大的选择器可以方便的取到页面的DOM元素，并且给这些元素绑定不同的事件，提到绑定事件，说一下on、live和bind的区别：bind是jquery最早的绑定事件方法，on是jquery 1.7.0以后才有的方法，bind和on都不能将事件绑定给DOM加载完毕后后添加到页面的DOM元素，这时就需要live了。还有一个经常使用的就是jquery的ajax了，其实在做这个项目之前自己一直不理解ajax的作用机理，只是心里又个概念而已，但是，在真正使用的ajax之后，才发现ajax的强大之处，确实如AJAX自身描述一样，异步加载javascript，这就允许我们在不打开新页面的情况POST一些参数给后台，后台得到并处理这些参数后将JSON返回给前端，这个JSON的处理function就写在ajax的success处理function中。在这个项目JSON和AJAX最主要的应用就是翻页，加载一个页面，把页面传给后台然后把得到的JSON呈现给用户，翻页时重新POST参数，然后在用js重新处理一下翻页区域即可。

7.jquery.validate.js：这是一个轻量的jquery框架，主要用于表单的验证，非常方便。

8.twitter bootstrap.js：bootstrap自带的js框架，里面定义了许多与bootstrap样式相关联的函数，使用起来也很方便。

9.正则表达式：正则表达式的模式匹配是很强大的，灵活运用正则表达式，也会简化代码，甚至我们在查找替换时都可以使用正则表达式。