web前端学习计划.docx

web前端学习计划.docx

《web前端学习计划.docx》由会员分享，可在线阅读，更多相关《web前端学习计划.docx（20页珍藏版）》请在冰豆网上搜索。

web前端学习计划

web前端学习计划

篇一：

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

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

Web前端开发工程师养成计划（入门篇）

最原始的忠告：

这个世界上有想法的人很多，但是有想法又能实现它的人太少！

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

有没有发现从09年下半年到现在全中国的互联公司都在招聘前端开发工程师？

如果你注意到了，那么恭喜你，你已经拥有那么一点点预测互联职场动向的能力。

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

学生？

设计师？

程序员？

SEOer?

产品经理？

项目经理?

你是谁不重要，重要的是你想不想认识、了解、学习、精通前端技术。

一：

想入门？

在入门之前你必须了解一个概念：

什么是前端开发工程师？

在了解这个概念之前，先来看一下我们所熟悉的互联大

佬们在最近的招聘中对前端开发工程师岗位的要求阿里巴巴:

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

问题；

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

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

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

Google:

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

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

3、熟练掌握JavaScript，对JavaScript的高级特性有

深入理解，具备00方式的JavaScript程序设计和实现能力；

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

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

6、熟悉一种Server端语言并有实际工作经验，比如

Python、PHP、Perl、Java、C等等；

7、熟悉GoogleAPI（任何产品均可），有实际的开发和

使用经验；

8、熟悉其他前端开发相关技术或工具，比如

ActionScript、Photoshop等等；

9、熟悉Web常见产品，有个人博客、站等；

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

XX：

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

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

3、精通HTML/XHTMLCSS等页制作技术，熟悉页面架

构和布局；

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

5、熟悉W3C标准，对表现与数据分离、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/XM；L

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）,推荐:

Photoshopcs2、Dreamweavercs4。

2、加入一个前端开发QQ群，推荐：

1010811（不是广告）

3、购买一本入门书籍，推荐：

《HTML+CS页设计与布局从入门到精通》、《精通CSS+DIV页样式布局》。

4、下载一个手册。

5、努力练习吧，你可能需要1-3个月的学习才能了解

XHTML+CSS有关HTML和XHTM啲区别请XX查询）

===Web前端开发工程师养成计划（成长篇）也许没有终点，但路仍然要靠自己走。

我希望你在看到这篇博文的时候，已经学会并掌握了

XHTML+CSS技术是一个硬指标，不存在灰色地带，yesORno都是一目了然。

一：

写在前面的废话大多数人在成长的最初阶段都是很辛苦的，这种辛苦程度也只有你自己最清楚。

辛苦不是目的，也不是成就，目的是学会些什么。

如果你已经掌握了XHTML+CSS那么恭喜你，你成功的入门了。

我不是一个很笨的人，不过我当初入门也花了2个多月，如果你花的时间比我少，至少证明你比我聪明，貌似也会比我有前途；如果你花的时间比我长，那我只能很负责任的告

诉你：

你的基础打的太牢固了！

有没有感觉到当你掌握XHTML+CS的时候，单纯的切页

面工作已经满足不了你的胃口。

接下来你需要学习的这一项技能，是直接决定你能否改变“前端开发初级阶段”现状的钥匙：

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前端开发工程师养成计划（高手篇）查看评论

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

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

：

还想继续走下去吗？

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

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

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

XHTM：

L深刻理解“语义化”。

CSS凌驾于页面之上，具备架构思想，可以把控整站

（100页面以上级别）结构。

JavaScript：

深刻理解“对象”、“面向对象”、“万物皆对象”。

由了解到熟悉再到精通的这个过程是艰难的，自我衡量是否达到精通的方法是检查自己在学习的过程中有没有“顿悟”过。

其实很少有人能自我“顿悟”，因为自学很容易陷进一个圈子而无力自拔。

最有效的“顿悟”方法莫过于拥有一个好的导师，但不是每个人都有好的运气可以碰到悉心教导你的人。

如果你没有一个好的导师，那么我的建议是：

勤学苦练一段时间后，要找个空闲放松一下，接触一些与前端无关的知识，譬如：

战略、市场、销售等等。

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

首先要说明的一点：

“高手”是通才，不是专才；一技之长只能保障生存，无法改变生活。

前端开发工程师是一个承前启后的职位，前面是视觉设计师，后面是服务器端工程师，所以高手的“通”首先是针对UI设计和服务器端语言（ASP/.NET/JSP/PHP）,另外还需要强化自身技能的一些扩展，譬如AJAX、XML、ActionScript等等，这些东西也许

你很少会用到，但对于个人价值提升是很有用的。

让我们来尝试着定义一下“高手”吧：

精通XHTML+CSS+JavaScript、熟悉AJAXXMLActionScript、UI设计、服务器端语言。

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

二：

高手何在？

1、准备好工具，推荐：

FlashCS4、VisualStudioXX/VisualStudioXX、SQLServerXX/SQLServerXX。

（由于作者没有JSP和PHP的开发经验，JSP和PHP开发工具请自行选参）

2、高手参考书籍，推荐：

《XMLS础教程》、《XML高级编程》、《AJAX实战》、《Flash从入门到精通》、《页设计与配色经典案解析》、《WebDesignerIdea—设计师谈页设计思维》、《BeginningC#Objects—概念到代码》、《站开发全程解析》、《Programming》、《C#XX数据库编程经典教程》。

（由于作者没有JSP和PHP的开发经验，所以有关JSP和PHP方面的书籍还请自行选参）

3、寻找一名好的导师，推荐：

上司、同事、QQ群中某

人。

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

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

篇二：

web前端开发资源分享：

学习计划及资料推荐

web前端开发资源分享：

学习计划及资料推荐

一.HTML&CSS

W3C官

HTML学习

CSS学习

书籍：

《HeadFirstHTML与CSSXHTML（中文版）》《CSS禅

意花园（修订版）》视频：

《零基础学HTM语言》易云课堂

CSS3视频公开课易云课堂

学习CSS的精华，即布局。

Css视频教程较为熟练后：

继续深入学习相关类库和框架，推荐Sass和Compass，

点击前往视频教程

二、javascript

初学：

javascript视频教程

书籍：

《HeadFirstJavascript》中文翻译版《深入浅出javascript》,东南大学出版社。

犀牛书《javascript权威指南》

《Javascriptgoodparts》作者：

DouglasCrockford

（这本书薄而精，在不同阶段阅读，会有不一样的收获。

适合熟悉jS之后看！

）

深入：

（l）JavaScript:

TheDefinitiveGuide-学

JavaScript的如果没读过这本犀牛书，就好像基督教徒没读过圣经一样。

此书前面的章节很耐读，后面的语言参考，则方便查阅。

这是JavaScript语言学习和参考查阅的首选书籍。

该书第六版已完成，期待电子版和纸质书早日面世。

（2）ProJavaScriptTechniques-JohnResig的

这本书，展现了JavaScript的专业开发技巧。

如果想深入了解jQuery源码，这本书会非常有帮助。

（3）SecretsoftheJavaScriptNinja-这本书汇集

了前端开发所需掌握的JavaScript知识的方方面面，是今年最值得期待的专业书籍之一。

目前前14章已有电子版，最后3章JohnResig还在编写中。

中文版我和沉鱼已经在翻译，敬请期待。

（4）HighPerformanceJavaScript-如果你关注

JavaScript的性能，那Nicholas的这本书是绝对值得一读的。

（5）JavaScriptPatterns-偷懒是程序员的优良品质，模式则是先人们总结的偷懒招式。

StoyanStefanov的这本书，从JavaScript的实际使用场景出发，提炼了不少可以让前端们偷懒的实用招式。

模式的探索、创新，将永远是程序员

自我提升的一条修炼之道。

（6）DouglasCrockford'sJavaScript-Crockford大牛在JavaScript方面的总结，有不少经典文章，值得研读。

（7）JavaScriptGarden-这里汇集了JavaScript

的一些经典话题，很值得花时间研读。

3.javascriptDOM

书籍：

中文版：

《javascriptDOM》编程艺术；原版：

DOMScripting:

WebDesignwithJavaScriptandthe

DocumentObjectModel；作者：

JeremyKeith

4.JQuery

书籍：

RebeccaMurphey写的《jQueryFundamentals》中文《jQuery基础》jquery视频教程

篇三：

web前端开发技术授课计划学期授课计划编写说明授课计划表

篇四：

WEB前端技术之路

WEB前端技术之路

（一）知识架构

XX-01-0703:

10

前言：

“滚滚长江东逝水，浪花淘尽英雄；是非成败转头空，古今多少事，都付笑谈中。

”

我的前端技术之路，恍惚间，已走了近七年，一路走来，在很多朋友、同事的鼓励下，想彻底、系统的将自己的感悟分享出来。

还是那句老话，路是自己走出来的，不是别人指出来的，我在这里无论说些什么，都是个参考，具体情况还需具体分析，要自己拿捏得当。

首先，我觉得但凡成功的人，大抵都是饱含激情的人，在做技术和科研领域过犹不及。

从我的经历和身边的人看开去，我觉得有两种情况，要么你热爱前端技术，要么你不是非常热爱前端技术，但需要前端技术来糊口。

这两种情况有着本质的不同，对于热爱前端技术，你更加需要的是了解前端技术的知识架构，按照知识架构结合自身情况和工作情况，制定学习计划并充分贯彻和执行。

对于并不非常热爱

前端技术，又需要前端技术来糊口，我只有一个建议：

爱上前端技术，先！

其次，对于技术学习的宏观角度来看，可以分成单一技术和复合技术两种，如果国内的IT技术就业市场和国外一样成熟，单一技术会在职业发展道路上处于前置，复合技术会成为向更高层次发展的必由之路。

由于国内的实际情况，更多时候是需要有复合技术才能糊口，在企业里发展的好点儿了，就转向某个领域，做单一技术来想更高层次发展。

其实，我们可以简单实用国外的JobSearcher对比国内的ChinaHR,就能发现，国内招聘专职开发Flash、ActionScriptSilverlight、JavaScript的单一技术岗位很少，而国

外却很多，甚至几乎不会直接招聘“WEB前端开发”，复合技

术在国外多被招聘为“架构师”。

最后，知识架构很重要。

学习并掌握一类知识技能，无论是单一技术还是复合技术，她们都有自己的知识架构。

我个人理解，如果把技术学习当作是一次旅程，知识架构就是这次旅程的路线图。

我们在旅行之前，通常会给自己规划一条旅行路线：

When？

Where？

Whow？

Dowhat？

Seewhat？

Whatis

yourobjective？

WEB前端技术知识架构：

Smilin'inTheEnd,FindYourOwnWayHome---REO

Speedwagon

这只是W3—场演讲（0910how-fast）PPT里阐述的WEB技术Architecture,这里头纷繁复杂的技术并非WEE前端技

术的全貌，充其量算是前端技术的基础。

但是，就算是基础，也已经足以诠释WEE前端技术的复杂性了，如果我们一头扎进这纷繁复杂的技术海洋中去，离上岸将是遥遥无期。

我

个人的建议是：

关键知识深度掌握！

首先，要了解基于TCP的HTTP协议，HTTP协议才是承载WEE前端技术的根基，只有了解了HTTP协议的实现细节，才能在未来开展WEE前端技术学习、工作的时候更加得心应手。

针对HTTP协议，可以先看《TCP-IP详解卷三：

TCP事

务协议，HTTP，NNTF和UNIX域协议》第13章HTTP超文本传送协议129〜141页。

其次，可以看http:

///Protocols/rfc2616/里的《HypertextTransfer

Protocol--HTTP/》针对现役的进行深入细致的学习。

其次，要掌握HTML的语法和Tag的细节，这些是我们未来构建WEB前端应用的载体。

在这部分学习中，上相关文章和技术资料很多，我也就不特别推荐什么了，但是，有一点需要注意，不要直接陷入对技巧的学习，就是不要直接从上摘抄、复用一些别人的代码，更多自己动手才是提升的捷径。

其次是理解，对于HTML很多人都觉得自己是大牛，但

是，你问他HTML—共有多少标记是W3C规范的、多少是FF的、多少是IE的？

估计多半儿答不上来，这里我们要掌握的知识点就是，回答这些问题。

这里就像是小时候搭积木，你掌握的越多，手里的积木越多，能够搭出的东西就越多，所以，耐心的花点儿时间去学习是有必要的。

接着，需要掌握css从开始，内容和表现的分离让我们极大提高了工作效率，这些提升都得益于层叠样式表（CascadingStyleSheets）。

CSS在我看来就是格式描述语言，用来描述HTML元素的格式，通知浏览器

各种HTML元素应该如何被渲染。

需要掌握的知识点主要有：

CSS语法、类和样式定义之间的关系、IE纵向兼容、IE和

WebKit内核横向兼容、CSS文件规划、CSS文件分割、CSS文件加载。

然后，要掌握DHTMLJavaScript、DOM随着WEB前端技术的发展革新，UI交互越来越丰富、动态、平滑、易用，这些都得益于DHTMLJavaScript和DOM等技术。

不割裂这三块儿的原因是，我认为这三块儿知识要放在一起进行学习才有效果，只有了解DHTM（DynamicHTML的概念、范畴、方法，才能够正确使用JavaScript和DOM来实现动态的页面和交互操作。

说得直白些，DHTMI就是用JavaScript来操作HTML页面包含的所有元素、样式、行为、事件，以及通过和浏览器及操作系统交互获得扩展性的一种综合性技术统称。

这里的知识结构无法细说，只要有技术能够让页面从一种状态改变到另一种状态，这种技术就应该存在于DHTML体系里，就是在我们的知识结构里。

但是，知识结构的层次按照先后顺序应该是：

DOM文档对象模型、JavaScript、其他相关技术。

先学习DOM接口的好处，是详细学习和了解HTML文档对象模型都提供了哪些接口？

哪些内容是可以操作的？

如何针对文档对象模型里的元素进行操作？

紧接着学习JavaScriopt

篇五：

站规划与应用专业web前端开发方向人才培养方案

晋中师范高等专科学校站规划与开发技术专业（web前端开发方向）专业人才培养方案

一、专业名称：

站规划与开发技术专业（Web前端开发

方向）

二、专业代码：

590112

三、招生对象与学制：

高中毕业生学制三年

四、就业方向与范围：

本专业的毕业生胜任的岗位可以在各类IT企业及相关

的计算机应用领域从事Web页制作，Web前端开发工程师，WE咬互开发工程师，手持设备前端开发等。

五、人才需求分析：

随着时代的来临，我国互联行业的发展呈现迅猛的增长

势头。

同时行业对站开发、设计制作的人才需求随之大量增

加。

Web前端开发正是通过站页面设计与布局制作、Html技

术等实现站整体风格与用户体验的工作。

WEB前端开发人才需求方向：

一是政府机关等事业单位上工程的实施造就了对相关人才的巨大需求。

需要的站设计制作开发按照2人计算，从业人员约2万人；未来从业总需求将不少于30万人。

二是企业上需求量猛增。

目前全国已有企业站18万个，按照每个企业站1人计算从业人员共18万人，目前企业上总数不足全部企业的5%，未来从事企业信息化工作的专职人才需求将不少于100万人。

三是现有媒体的站和商业、专业性质的相关络公司，他们主要对外承接