2020年前端工程师学习计划.doc

前端工程师学习计划 导语：万物生灵、阳光雨露盖源于造物之初的天工开物我们无法想象上帝创造光明之前的世界模样以下小编为大家介绍前端工程师学习计划文章欢迎大家阅读参考！ 在互联网早期的时候小车还是比房子贵的烧饼和粉丝还只是用来吃的那时的页面设计风格相对单一对应的页面需求比较简单并且当时的浏览器也基本是IE6的天下javascript也只是网页特效的代名词HTML页面本身没有引起太多人的关注似乎只要能用div甚至table加css辅助把图片定好位把页面内容预留好就OK了并且这种观念存在了很长一段时间随着页面内容的丰富设计风格的发展交互复杂性的增加AJAX的应用浏览器的更新换代又让大家重新对最基本的页面本身重视起来从这个阶段开始从09年下半年至今全中国的互联网公司都在招聘前端开发工程师一直以来姥姥不疼舅舅不爱的前端开发工程师们终于迎来了“春天”说到前端开发小编恰好看到一篇介绍“前端开发工程师”的文章从菜鸟迷茫的入门到熟稔操作的高手一步步地提供培养计划与建议因此小编将其整理编辑了一下希望对想成为前端开发师的大家有所帮助 一、菜鸟入门 最原始的忠告：这个世界上有想法的人很多但是有想法又能实现它的人太少！ 首先要感谢伟大的Web2、0概念、产品概念、用户体验概念、jQuery插件是它们在中国日渐成熟才解放了前端开发工程师们 可能令你感到遗憾的是你从没从事过前端开发工作不过没关系只要你肯努力一切都是可以学会的 学生设计师程序员SEOer产品经理项目经理你是谁不重要重要的是你想不想认识、了解、学习、精通前端技术 1、想入门 在入门之前你必须了解一个概念：什么是前端开发工程师 在了解这个概念之前先来看一下我们所熟悉的互联网大佬们在最近的招聘中对前端开发工程师岗位的要求 阿里巴巴 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、熟悉GoogleAPI（任何产品均可）有实际的开发和使用经验； 8、熟悉其他前端开发相关技术或工具比如ActionScript、Photoshop等等； 9、熟悉Web常见产品有个人博客、网站等； 10、主动思考、主动工作 百度 1、计算机及相关专业本科以上学历； 2、精通JavaScript、Ajax等Web开发技术； 3、精通HTML/XHTML、CSS等网页制作技术熟悉页面架构和布局； 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/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型人才 2、从何做起 方向、勤奋、运气这三大成功要素中的“方向”已经渐渐清晰了那么接下来要付出的就是“勤奋” “前端开发工程师”也许不能令你大富但至少算是一技傍身可以保障你的生存和生活 准备好了那么你接下来要做的是就是： 1、准备好工具（Photoshop、Dreamweaver）推荐：Photoshopcs2、Dreamweavercs4 2、购买一本入门书籍推荐：HTML+CSS网页设计与布局从入门到精通、精通CSS+DIV网页样式布局 3、下载一个CSS2、0手册 4、努力练习吧你可能需要13个月的学习才能了解XHTML+CSS 二、初级成长 入门前端开发工程师后前方也许没有终点但路仍然要靠自己走 在这部分你必须已经学会并掌握了XHTML+CSS技术是一个硬指标不存在灰色地带yesORno都是一目了然 1、逻辑思维能力的锻炼 大多数人在成长的最初阶段都是很辛苦的这种辛苦程度也只有你自己最清楚辛苦不是目的也不是成就目的是学会些什么如果你已经掌握了XHTML+CSS那么恭喜你你成功的入门了 当你掌握XHTML+CSS的时候单纯的切页面工作已经满足不了你的胃口接下来你需要学习的这一项技能是直接决定你能否改变“前端开发初级阶段”现状的钥匙：JavaScript JavaScript是一种逻辑型语言想要学会JavaScript必须有较强的逻辑思维能力当然逻辑思维也是可以锻炼出来的譬如多看看交互设计方面的书籍不过最好的方法莫过于找个导师这个导师可以是你的上司同事甚至于QQ群里的某个人 中国大多数互联网公司对JavaScript的技能要求停留在应用层面所谓应用层面是指利用这项技能完成公司所要求任务所以刻意的去钻研JavaScript的全部特性变得不是那么合算 学习JavaScript和学习其他编程语言一样没有任何捷径可走唯一能快速达成目标的方法就是：勤学苦练 总结一句：希望你在学习JavaScript之前已经掌握了XHTML+CSS已经明白了什么叫对象及面向对象已经锻炼出一定的逻辑思维能力 2、如何成长 1、购买成长书籍推荐：JavaScript入门经典、JavaScript高级程序设计、锋利的jQuery、jQuery实战、JavaScript权威指南 2、下载一个jQuery手册 3、寻找一名导师 4、创造一个可以支持你频繁使用JavaScript的环境推荐：尽量尝试承担更繁重的工作 5、开始勤学苦练你需要312个月才能了解JavaScript 三、熟练高手 成为高手“执着”是成功的要素之一 首先要对那些能够坚持学完XHTML+CSS+JavaScript的人表示敬佩看似简单的三门语言其实都含有强大的智慧和力量 1、还想继续走下去 XHTML+CSS+JavaScript是前端开发工程师最核心的技能所以不仅仅是了解、熟悉这些就可以宣称自己是一名合格的前端开发工程师想要合格必须精通它们 简单来说明一下“精通”的几个标识 XHTML：深刻理解“语义化” CSS：凌驾于页面之上具备架构思想可以把控整站（100页面以上级别）结构 JavaScript：深刻理解“对象”、“面向对象”、“万物皆对象” 由了解到熟悉再到精通的这个过程是艰难的自我衡量是否达到精通的方法是检查自己在学习的过程中有没有“顿悟”过其实很少有人能自我“顿悟”因为自学很容易陷进一个圈子而无力自拔 最有效的“顿悟”方法莫过于拥有一个好的导师但不是每个人都有好的运气可以碰到悉心教导你的人如果你没有一个好的导师那么我的建议是：勤学苦练一段时间后要找个空闲放松一下接触一些与前端无关的知识譬如：战略、市场、销售等等 精通XHTML+CSS+JavaScript仅仅可以让你成为一个合格的前端开发工程师但并不足以造就一个“高手” 首先要说明的一点：“高手”是通才不是专才；一技之长只能保障生存无法改变生活 前端开发工程师是一个承前启后的职位前面是视觉设计师后面是服务器端工程师所以高手的“通”首先是针对UI设计和服务器端语言（ASP/、NET/JSP/PHP）另外还需要强化自身技能的一些扩展譬如AJAX、XML、ActionScript等等这些东西也许你很少会用到但对于个人价值提升是很有用的 让我们来尝试着定义一下“高手”吧：精通XHTML+CSS+JavaScript、熟悉AJAX、XML、ActionScript、UI设计、服务器端语言 当你满足上述条件时你会发现自己得到了比字面上的这些更多更深刻的东西 2、高手何在 1、准备好工具推荐：FlashCS4、VisualStudio/VisualStudio、SQLServer/SQLServer（由于作者没有JSP和PHP的开发经验JSP和PHP开发工具请自行选参） 2、高手参考书籍推荐：XML基础教程、ASP、NET2、0XML高级编程、ASP、NETAJAX实战、FlashActionScript3、0从入门到精通、网页设计与配色经典案解析、WebDesignerIdea设计师谈网页设计思维、BeginningCObjects概念到代码、ASP、NET2、0网站开发全程解析、ProgrammingASP、NET、C数据库编程经典教程 3、寻找一名好的导师 4、在学习中强化技