web前端学习计划

webweb 前端学习计划前端学习计划 篇一：Web 前端开发工程师养成计划 Web 前端开发工程师养成计划【转载】 Web 前端开发工程师养成计划（入门篇） 最原始的忠告：这个世界上有想法的人很多，但是有 想法又能实现它的人太少！ 首先要感谢伟大的概念、产品概念、用户体验概念、 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|.N ET|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、下载一个手册。 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 前端开发工程师养成计划（高手篇） 查看评论 “执着”是成功的要素之一。 首先要对那些能够坚持学完 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 XX/Visual Studio XX、SQL Server XX/SQL Server XX。 （由于作者没有 JSP 和 PHP 的开发经验，JSP 和 PHP 开 发工具请自行选参） 2、高手参考书籍，推荐：XML 基础教程 、 XML 高 级编程 、 AJAX 实战 、 Flash 从入门到精通 、 页设计 与配色经典案解析 、 Web Designer Idea设计师谈页设 计思维 、 Beginning C# Objects概念到代码 、 站开 发全程解析 、 Programming 、 C#XX 数据库编程经典教 程 。 （由于作者没有 JSP 和 PHP 的开发经验，所以有关 JSP 和 PHP 方面的书籍还请自行选参） 3、寻找一名好的导师，推荐：上司、同事、QQ 群中某 人。 4、在学习中强化技能，在强化技能中拓展视野，在拓 展视野后寻找下一个出发点。 5、你需要 1-3 年才能修炼成高手。 篇二：web 前端开发资源分享：学习计划及资料推荐 web 前端开发资源分享：学习计划及资料推荐 一.HTML 外因是国外的环境很好，能够良好的支撑这样 的职业发展道路。反观国内，从内因来 讲，WEB 前端技术 人员还是蛮浮躁的，通常会因为 WEB 前端知识的更新速度 太快而觉得学习起来辛苦，最终转向后台或其他道路。从 外因来讲，WEB 前端人员 没有获得公平的待遇，可能从 HTML 页面制作就开始并沿袭下来的，从来 WEB 前端人员都 比后端人员低一等，貌似前端就是“浅显”的代名词、后 端就是“深 奥”的代名词，这也直接造就了前端人员的收 入无法和后端人员媲美，同时直接影响到前端人才市场的 活跃程度。另一方面，前端的技术入门较容易，造成另一 个极 端情况：人员泛滥、人才稀缺。我想对所有的 WEB 前 端工程师说：面包总会有的，要耐得住寂寞!我个人比较推 荐这个职业发展方向，因为，在这个方向下，只要 足够耐 心、厚积薄发，成功的概率是非常高的。同时，这是一条 最单纯的路，我们更多的是花费精力在技术的钻研上，而 不是办公室政治等其它琐事。 (2)资深 WEB 架构师 说功利点儿，我喜欢这个方向，既兼顾了工作的单纯 性、又能够减少实际 Coding 的工作量能腾出更多时间钻研 技术。在国内，WEB 前端工程师遇到较多的情况是总是反复 编写着同样的代码，总是面对着同样的技术和产品，容易 感觉枯燥。由于我们拥有最为广泛的 WEB 相关知识沉淀， 使得我们更加容易成为一名架构 师。这个职业发展方向不 如第一种来得平滑，主要是作为一名架构师不得不学习： 后端技术、DBA、Platform 等内容，而这种学习通常需要实 际操刀做项 目，不是自己在家里写两个 Demo 就好的，这 就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是， 对于一个大局观好、悟性好、知识面广的前端工程师，我 推荐你们努把力，走一条光荣的架构师之路吧。 (3)自己创业 其实，自己创业是最好的道路、也是成功率最低的道 路，挑战和机遇并存。这里，作为一个前端技术人员，需 要将自己的视野更多放在行业的动态、产业链的动态、 相 关产品领域的动态，把关注细节的优势继续保持，同时， 增强自己把控一个产品乃至一个公司命运的能力。但是， 这条道路和技术之路稍有分歧，后续将不再赘 述。 (4) 转岗管理或其他 由于这条职业道路和 WEB 前端技术之路关系不大，故 而，这里不做过多讨论，但是，无论是否走上这条道路， 我觉得对于任何技术之路，更好的大局观、更广泛的 视野 是良好发展的必备条件，拥有良好的大局观和更广泛的视 野别无他法，只能不断的进行知识的横向拓展和积累，同 时，多在横向拓展知识的时候进行实践，把知 识变成技能。 二、职业发展目标 我都有一个最终的目标，在这个目标之上，我们需要 给自己制定一系列学习和成长计划，制定的方法如下： 第一、梳理知识架构; 梳理知识架构的目的在于，我们要了解清楚，哪些技 术是前置、哪些技术是后继，那些技术是深度、哪些技术 是广度，按照这两个维度梳理好知识架构之后，我们才能 准确地制定清晰的成长目标、高效的成长计划。 第二、分解目标; 我认为，大抵可分解为三个阶段，包括：起步阶段、 提升阶段、成型阶段。这三个阶段分别对应着不同的目标： 起步阶段： 1、基本知识的掌握 在我们梳理的知识架构中，按照我们分析的两个维度 里最前置的、最浅显的部分，作为打基础的阶段，必须要 在这个过程中更多投入到实践中去，我们通常做的多了、 熟练了，就认为这部分知识和内容掌握 2、常用工具的掌握 对于常用工具的掌握应该掌握一些有大公司或专业团 队背景的流行工具，这些工具的熟练掌握能够提升专业度、 职业度，同时，能提升我们的工作效率。我们只有在 检验 自己对于知识和技能熟练程度的时候，才会自虐式的用 Notepad 去编写页面、css 和脚本等内容。 3、沟通技巧的掌握 通常做技术的人会被定位为“不善沟通”的人，这是 为什么呢究其原因，主要是因为多跟程序和代码打交道， 跟人的沟通较少导致。这种时候我们要特别注意增加 和人 沟通的机会，着重提升这块儿的能力。另一方面，我们通 常被称为“不懂沟通技巧”的人。作为一个技术人员，包 括我自己，似乎天生就有一些难以接受挑战的 缺陷。在国 内，我们的技术人员通常都是自己制定方案、自己执行方 案，在执行过程中又缺乏相关产品、交互设计等人员的沟 通，大多是在自己的思路贯彻下进行开 发，久而久之，我 们习惯于信任自己的观点、在自己的视角看问题，对于挑 战总是百般地“据理”力争。我们需要更多提升的是，如 何在对方的视角看问题、如何在 用户的视角看问题。 4、良好的开发习惯 开发习惯是养成的，一旦有不好的习惯，对于将来去 修正带来的将是很大的麻烦，我们在培养良好开发习惯一 定要从起步时做起，例如：写代码之前先分析、先写文 档、 先写注释。定义变量最好能用直接可理解的语义，最好是 拼音，别整英文，尤其是生僻单词，将来自己忘了还要开 金山词霸。文件最好有有意义的文件夹命名来 管理，文件 名最好有意义，需要版本号的最好能和项目版本号一同更 新等等。 提升阶段： 1、高级技术的掌握 在提升阶段对于知识和技能掌握，我们需要从梳理 好的知识架构中选择更深一层次的技术进行学习，选择之 前，我们先通过类比或预估的方法，衡量自身学习的难点， 以学习难点和自己最不感兴趣的部分为主。这样推荐大家 的原因是：这个阶段我们兴趣正浓，已经度过了苦涩的起 步阶段，到达了兴奋的提升阶段，我们要用兴趣和兴奋去 挑战最困难的部分，在我们信心受挫和兴趣浓厚之中找到 平衡。同时，辅以其他的深层次知识一起学习和研究。 2、产品思想的学习 没有正确的产品思想，很难设计出良好的程序，无论 从界面、交互，还是接口、逻辑，不能够理解产品、理解 用户需求，我们会给自己造成很大的麻烦，例如：我们 千 辛万苦用最新技术、最复杂的实现做出的功能，却得不到 使用者或领导、同事的认可。为了使我们的工作和学习更 加有效率、避免无用功，我们需要不断的学习产 品的思想， 只有理解了产品的思路，我们才知道用我们的技术去输出 什么。 3、各种框架的学习 框架是我们提高工作效率的优秀手段，对于框架的学 习是成长必经之路。我们学习框架的路线通常应该是：使 用分析个性化定制模仿编写自己的框 架。只有大量的使用，才能明白设计框架者在设计背后的 思路，只有了解到设计的思路，才能做正确全面的分析， 只有正确全面的分析才能支撑我们去对其裁剪或 扩展，只 有经过实际分析、修改别人的框架，才有可能写出优秀的、 自己的框架。学习通常的路线是：学习、理解、模仿、创 造。 4、富客户端应用的学习 随着带宽和计算机性能的提升，以及的如火如荼，富 客户端应用充斥着互联，如果你不懂得富客户端应用，你 就不能称之为一个合格的前端技术人 员。可以按照： Flash 动画Flash 编程FlexAirSilverlight 动 画Silverlight 编程 的步骤学习，先学 Flash 后学 Siverl