Web前端开发工程师养成计划

时间:2024.3.19

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

Web前端开发工程师养成计划(入门篇)

最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少!

首先要感谢伟大的Web2.0概念、产品概念、用户体验概念、jQuery插件,是它们在中国日渐成熟才解放了一直以来姥姥不疼舅舅不爱的前端开发工程师们。

有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师?如果你注意到了,那么恭喜你,你已经拥有那么一点点预测互联网职场动向的能力。

可能令你感到遗憾的是你从没从事过前端开发工作,不过没关系,只要你肯努力,一切都是可以学会的。

学生?设计师?程序员?SEOer?产品经理?项目经理?你是谁不重要,重要的是你想不想认识、了解、学习、精通前端技术。

一:想入门?

在入门之前你必须了解一个概念:什么是前端开发工程师?

在了解这个概念之前,先来看一下我们所熟悉的互联网大佬们在最近的招聘中对前端开发工程师岗位的要求。

阿里巴巴:

1、丰富的前端开发经验,能解决Web项目中各种疑难问题;

2、精通各种Web前端技术,了解其适用范围及优劣性;

3、深刻理解Web标准,对标签语义、页面结构有深刻的认识,手写XHTML/CSS/JavaScript代码;

4、研究过JS框架,喜欢钻研新技术、能够解决各种浏览器兼容性问题。

Google:

1、1年以上的前端开发经验;

2、了解Web标准,熟练掌握HTML/XHTML、CSS,具备规范的HTML和CSS代码的实现能力;

3、熟练掌握JavaScript,对JavaScript的高级特性有深入理解,具备OO方式的JavaScript程序设计和实现能力;

4、对页面设计和用户体验有一定了解,具备较好的产品设计能力;

5、了解浏览器兼容性问题,熟悉前端开发和调试工具,具有解决实际问题的能力和经验;

6、熟悉一种Server端语言并有实际工作经验,比如Python、 PHP、Perl、Java、C等等;

7、熟悉Google API(任何产品均可),有实际的开发和使用经验;

8、熟悉其他前端开发相关技术或工具,比如ActionScript、Photoshop等等;

9、熟悉Web常见产品,有个人博客、网站等;

10、主动思考、主动工作。

百度:

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

2、精通JavaScript、Ajax等Web开发技术;

3、精通 HTML/XHTML、CSS等网页制作技术,熟悉页面架构和布局;

4、熟练使用Linux系统,对算法、数据结构以及后台开发(C/C++/PHP/Java等)有一定了解;

5、熟悉W 3C标准,对表现与数据分离、Web语义化等有深刻理解;

6、对Web技术发展有强烈兴趣,有良好的学习能力和强烈的进取心;

7、良好的沟通与表达能力、思路清晰,较强的动手能力与逻辑分析能力。

腾讯:

1、精通JavaScript或ActionScript,熟悉Web/RIA开发模式;

2、熟悉html/xhtml、css等网页制作技术,熟悉页面架构和布局;

3、熟悉Web标准,对表现与数据分离、html语义化等有一定理解;

4、对JS的各种特性以及浏览器兼容性有丰富实战经验;

5、具有良好的团队和积极主动的沟通意识;

6、具备强烈的进取心和求知欲,勇于挑战。

新浪:

1、三年以上工作经验,有大型互联网公司任职经历为最佳;

2、对javascript语言有十分深入的了解;

3、掌握至少一门服务器端编程语言,对OOP有一定的认识,对前后端合作开发有一定的认知;

4、具备优秀的编程能力,对常见动画效果算法有一定地了解;

5、熟练掌握HTML/CSS/XML;

6、对互联网产品有着良好的感觉,对交互体验有较为深入的了解;

7、思路清晰,具备良好的沟通能力和理解能力。

看完上述岗位要求,我想你应该对前端开发工程师的概念有了一定的了解,尝试着定义一下?

前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX

高级前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP

当然,上面的定义是针对大公司的,杯具的是中国互联网行业的大公司太少了,为了生存与生活,我们还要了解中小公司的需求:

前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI

高级前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP+UI+SEO+PM

也许你不一定要学这么多,但是如果全学会了,那你将可能成为真正的T型人才。 关于大公司和小公司哪个更好更适合的问题,这里就不讨论了。

二:从何做起?

方向、勤奋、运气这三大成功要素中的“方向”已经渐渐清晰了,那么接下来要付出的就是“勤奋”。

“前端开发工程师”也许不能令你大富,但至少算是一技傍身,可以保障你的生存和生活。 准备好了?那么你接下来要做的是就是:

1、准备好工具(Photoshop、Dreamweaver),推荐:Photoshop cs2、Dreamweaver cs4。

2、加入一个前端开发QQ群,推荐:1010811(不是广告)

3、购买一本入门书籍,推荐:《HTML+CSS网页设计与布局从入门到精通》、《精通CSS+DIV网页样式布局》。

4、下载一个CSS2.0手册。

5、努力练习吧,你可能需要1-3个月的学习才能了解XHTML+CSS(有关HTML和XHTML的区别请百度查询)

====================================================== Web前端开发工程师养成计划(成长篇)

也许没有终点,但路仍然要靠自己走。

我希望你在看到这篇博文的时候,已经学会并掌握了XHTML+CSS。技术是一个硬指标,不存在灰色地带,yes OR no都是一目了然。

一:写在前面的废话

大多数人在成长的最初阶段都是很辛苦的,这种辛苦程度也只有你自己最清楚。辛苦不是目的,也不是成就,目的是学会些什么。如果你已经掌握了XHTML+CSS,那么恭喜你,你成功的入门了。

我不是一个很笨的人,不过我当初入门也花了2个多月,如果你花的时间比我少,至少证明你比我聪明,貌似也会比我有前途;如果你花的时间比我长,那我只能很负责任的告诉你:你的基础打的太牢固了!

有没有感觉到当你掌握XHTML+CSS的时候,单纯的切页面工作已经满足不了你的胃口。接下来你需要学习的这一项技能,是直接决定你能否改变“前端开发初级阶段”现状的钥匙:JavaScript。

JavaScript是一种逻辑型语言,想要学会JavaScript必须有较强的逻辑思维能力。当然逻辑思维也是可以锻炼出来的,譬如多看看交互设计方面的书籍,不过最好的方法莫过于找个导师,这个导师可以是你的上司,同事,甚至于QQ群里的某个人。

09年以前学习JavaScript是一件比较痛苦的事情,因为那时候jQuery还没有大行其道。在jQuery遍地开花的今天,学习 JavaScript已经变得相对简单了。只要你掌握了CSS且有一定的逻辑思维能力,知道什么叫对象,明白什么叫面向对象,你一定能够学会 JavaScript。

中国大多数互联网公司对JavaScript的技能要求停留在应用层面。所谓应用层面,是指利用这项技能完成公司所要求任务,所以刻意的去钻研JavaScript的全部特性变得不是那么合算。

我是jQuery的支持者,同样也倡导大家去钻研JavaScript,虽然钻研不是现在的课题,但我还是要说一句:JavaScript的强大,远超jQuery,甚至远超你的想象。

学习JavaScript和学习其他编程语言一样,没有任何捷径可走,唯一能快速达成目标的方法就是:勤学苦练。

最后一句废话:希望你在学习JavaScript之前已经掌握了XHTML+CSS,已经明白了什么叫对象及面向对象,已经锻炼出一定的逻辑思维能力。

二:如何成长?

1、购买成长书籍,推荐:《JavaScript入门经典》、《JavaScript高级程序设计》、《锋利的jQuery》、《jQuery实战》、《JavaScript权威指南》。

2、下载一个jQuery手册。

3、寻找一名导师,推荐:上司、同事、QQ群中某人。

4、创造一个可以支持你频繁使用JavaScript的环境,推荐:尽量尝试承担更繁重的工作。

5、开始勤学苦练,你需要3-12个月才能了解JavaScript。

====================================================== Web前端开发工程师养成计划(高手篇)

<Date: 2010-05-21> <Author: 幕> <Category: 前端开发> 查看评论

“执着”是成功的要素之一。

首先要对那些能够坚持学完XHTML+CSS+JavaScript的人表示敬佩,看似简单的三门语言,其实都含有强大的智慧和力量。

一:还想继续走下去吗?

XHTML+CSS+JavaScript是前端开发工程师最核心的技能,所以不仅仅是了解、熟悉这些就可以宣称自己是一名合格的前端开发工程师,想要合格,必须精通它们。

事实上“精通”这两个字在如今已经被滥用了,翻开10份简历你就能找到6个“精通”XX的,以致于这世界上的“天才”遍地都是。

简单来说明一下“精通”的几个标识。

XHTML:深刻理解“语义化”。

CSS:凌驾于页面之上,具备架构思想,可以把控整站(100页面以上级别)结构。 JavaScript:深刻理解“对象”、“面向对象”、“万物皆对象”。

由了解到熟悉再到精通的这个过程是艰难的,自我衡量是否达到精通的方法是检查自己在学习的过程中有没有“顿悟”过。其实很少有人能自我“顿悟”,因为自学很容易陷进一个圈子而无力自拔。

最有效的“顿悟”方法莫过于拥有一个好的导师,但不是每个人都有好的运气可以碰到悉心教导你的人。如果你没有一个好的导师,那么我的建议是:勤学苦练一段时间后,要找个空闲放松一下,接触一些与前端无关的知识,譬如:战略、市场、销售等等。

精通XHTML+CSS+JavaScript仅仅可以让你成为一个合格的前端开发工程师,但并不足以造就一个“高手”。

首先要说明的一点:“高手”是通才,不是专才;一技之长只能保障生存,无法改变生活。 前端开发工程师是一个承前启后的职位,前面是视觉设计师,后面是服务器端工程师,所以高手的“通”首先是针对UI设计和服务器端语言 (ASP/.NET/JSP/PHP),另外还需要强化自身技能的一些扩展,譬如AJAX、XML、ActionScript等等,这些东西也许你很少会 用到,但对于个人价值提升是很有用的。

让我们来尝试着定义一下“高手”吧:精通XHTML+CSS+JavaScript、熟悉AJAX、XML、ActionScript、UI设计、服务器端语言。

当你满足上述条件时,你会发现自己得到了比字面上的这些更多更深刻的东西。

二:高手何在?

1、准备好工具,推荐:Flash CS4、Visual Studio 2005/Visual Studio 2008、SQL Server 2005/SQL Server 2008。(由于作者没有JSP和PHP的开发经验,JSP和PHP开发工具请自行选参)

2、高手参考书籍,推荐:《XML基础教程》、《ASP.NET2.0 XML高级编程》、《ASP.NET AJAX实战》、《Flash ActionScript3.0从入门到精通》、《网页设计与配色经典案解析》、《Web Designer Idea—设计师谈网页设计思维》、《Beginning C# Objects—概念到代码》、《ASP.NET2.0网站开发全程解析》、《Programming ASP.NET》、《C#2005数据库编程经典教程》。(由于作者没有JSP和PHP的开发经验,所以有关JSP和PHP方面的书籍还请自行选参)

3、寻找一名好的导师,推荐:上司、同事、QQ群中某人。

4、在学习中强化技能,在强化技能中拓展视野,在拓展视野后寻找下一个出发点。

5、你需要1-3年才能修炼成高手。


第二篇:web前端开发工程师笔试题及答案


web前端开发工程师笔试题

1.html的含义是什么,其主体部分由什么标记构成?

Html是一种标准,一种规范,它通过标记符号来标记要显示在网页中的各个部分,被称为超文本标记语言。

标记和之间的内容构成了html的主体部分。网页中所有内容,包括文字,图片,连接都包含在此标记符内。

2.说明在网页设计中DIV标签的作用

Div中文名被称为“层次”可以把文档分割成独立的,不同的部分。它可以用作严格的组织工具,并且不适用任何格式与其他关联。

3.css指的是什么?在网页设计中为什么要用到css技术?

css是级联样式表,用来进行网页风格设计。使用样式表可以统一的控制html中各标志的显示属性。精确的确定元素的位置,扩充网页外观和特殊效果的显示能力。

4.css中id和class怎么定义,哪个定义的优先级别高?如果class定义一个html元素没边框,而id定义这个元素有边框,结果呢? <div class=”a1”,id=”a2”></div>

先听id的。

5.IE6下为什么不能第一1PX左右高度的容器?

IE6默认的行高造成的。

6.怎样才能让层显示在FLASH之上?

给FLASH设置透明,param value=transparent。

7.怎样使一个层垂直剧中于浏览器中?

8. firefox嵌套div标签的剧中问题假定有如下情况:

<div id=”a”>

<div id=”b”></div>

</div>如果要实现b在a中剧中放置该如何实现?

解决办法就是除了需要在a中设置text-align属性为center之后,还需要设置b的横向margin为auto。例如设置b的CSS样式为:margin: 0 auto;

所以,设置如下就可以实现居中:

<div id="a" style="width:200px;border:1px solid red;text-align:center;"> <div id="b" style="background-color:blue;width:30px;margin:0 auto">&nbsp;</div>

</div>

9.web标准网站有哪些优点?

下载浏览速度快。被更多的用户访问。推广时被更多的机器访问。更少的代码,易于维护,宽带要求降低,降低成本,更容易被搜索引擎搜索到。改版方便,不需要改变内容。提供打印页面不用复制。

10.怎样解决超链接访问过后hover样式就不出现的问题。 改变CSS属性排列的顺序L-V-H-A(link ,visted,hover,active.)

更多相关推荐:
工程师20xx工作总结及20xx年计划

20xx年年终工作总结及20xx年度工作计划时光冉冉,岁月如梭,20xx年即将过去,在这一年中我严格遵守公司制定的各项规章制度,自律遵守工作流程,积极努力工作,较为圆满的完成了公司及领导交付的任务以及在工程现场…

xx年软件工程师个人工作计划

xx年软件工程师个人工作计划以下是本人为大家整理的关于《xx年软件工程师个人工作计划》文章,供大家学习参考!班主任工作计划|个人工作计划|幼儿园工作计划|健康教育工作计划|学生会工作计划|工作总结与计划1、个人…

IE工程师的工作计划

工作计划书在日益竞争激烈的市场环境下任何一个企业的管理者都知道企业存在的目的就是要赚取利润没有利润的企业就是没有竞争力的企业为此很多企业都提出了成本领先战略的经营方略让利润增长的手段就是增加收入和降低成本所以越...

网络工程师工作计划

工作计划与总结首先根据公司项目及工作内容的需求做好技术方面的支持为保证公司正常技术支持做好充分的准备根据领导安排完成工作内容利用平时珍贵的时间和学习机会为自己充能使以后的工作能更加顺利以下是本周工作计划的具体内...

工程部土建工程师20xx年计划

20xx年土建工程师工作计划过去的20xx年是xx公司的起步之年20xx年是xx公司的关键之年也是成果初现之年作为一名专业工程师应紧紧围绕公司决策布置始终把工程质量安全生产成本控制三项主要工作放在首位在自己的工...

产品质量工程师工作计划

20xx年工作计划一质量宣传20xx年是质量提升年我们要全年贯彻质量精神加大力度做好质量宣传促进公司员工质量意识的提高宣传方法1策划质量宣传口号质量宣传标语质量歌曲例如责任是质量的保证质量是品牌的生命有质量才有...

副总工程师工作计划1

20xx年度个人工作计划20xx年是普冉公司实现一五发展战略规划巩固提高上台阶创品牌实施人才战略的关键年是普冉煤矿建成投产建设标准化企业的关键年机遇与挑战并存加快矿建土建安装工程的施工抓好培训工作提高团队及个人...

32-33 监理工程师工作计划、监理机构工作计划(表32、33)

四川成自泸赤高速公路成都至眉山仁寿段工程项目监理工程师工作计划监理单位监理机构监表32四川成自泸赤高速公路成都至眉山仁寿段工程项目监理机构工作计划监理单位监理机构监表33

20xx年度专业技术人员资格考试工作计划

20xx年度专业技术人员资格考试工作计划20xx年01月05日1128

网络工程师职业规划

网络工程师职业规划一网络工程师的职业优势1最具增值潜力的职业掌握企业核心网络架构安全技术具有不可替代的竞争优势2新型网络人才缺口大27的行业增长速度导致网络人才年缺口达30万高薪高福利成为必然3可实现专业零基础...

网络工程师职业发展规划

网络工程师的职位进阶一小企业的网络管理员网络管理员分线上和线下线上网络管理员多半是维护网络平台的和谐发展而线下网络管理员则负责网络平台的安全工作和联网间的布线以及硬件软件等的维护和支持二进入大中型企业从事同样的...

职业生涯规划书网络工程师

20xx年开封大学职业生涯规划大赛职业生涯规划书姓名胡皓琼学号20xx113565性别男院部软件学院班级10级系统联系电话187xxxxxxxx电子邮件地址huhaoqiongqqcom指导老师徐慧玲曾海雪我虽...

工程师工作计划(44篇)