
如何成为一个前端工程师
只要有兴趣、想学,成为一个(WEB、HTML5)前端工程师的难度不是很大。
Tips:了解一下HTML5是什么,HTML5能够做什么以及HTML5行业的状况,然后自己去分析一下,自己喜不喜欢编程,喜不喜欢WEB前端开发。
需要具备以下技能(大概罗列一下)
掌握Photoshop
WEB前端开发工程师得根据网页设计师设计的PSD(网页设计稿)来开发网页,通过Photoshop来测量PSD里面元素的大小与位置来实现网页的布局,再利用Photoshop把需要用到的图片从PSD里面扣出来(这个步骤叫抠图)。当然有时候还需要你掌握一些其他的Photoshop的技能,便于你更快的实现测量数据与抠图操作。
掌握HTML5
首先,要掌握HTML+CSS来实现静态的网页;
其次,掌握JavaScript在静态网页的基础上增加网页交互效果,比如网站中的轮播大图、返回顶部按钮等都是网页交互效果。
最后,前端工程化、后端技术方面、网络技术等相关知识也是需要你去了解一下,在工作中多多少少都会涉及到。
Tips:掌握一门后端语言有利于你能够更好的写好WEB前端代码,因为WEB网页最终还是要与后端语言进行结合形成一个真正的动态网站。
总结一下,需要掌握HTML+CSS+JavaScript(熟练或者精通)、后端技术语言(掌握一些前后端交互)、前端工程化(懂得应用即可,毕竟那个就是工具)。
最后给你推荐几个学习资源:
根据自己平常学习HTML5接触到的学习资源给你推荐一下吧。
HTML+CSS:《HTML5布局之路》
JavaScript:《JavaScript权威指南》
HTML5分享平台:HTML5学堂
三者当中你还要比较深刻了解JS中的两大部分,COREscript 和DOM,前者也就是我们经常提到的ECMAscript。你需要知道JS中最不同于其他语言的一些基本概念,诸如原型链,事件冒泡,字面量等,这对于你去了解一些框架有很大的帮助。当然你是不能不懂得AJAX,几乎我没有见过有哪个新型web站是不用这些技术的。另外你还懂得如何去操纵DOM,这个很关键。也是最繁琐的一个地方(繁琐的地方是,当你深入理解到节点类型,map,一堆繁琐的底层API的时候,你就会想哭的感觉,当然很多时候你都不会用到这些东西),当然一般来说它也不是什么难题,多加训练即可。
socket 需要重点理解),只是一些新的扩展性API,在经验当中可以成长。
当你觉得自己概念知识都能够基本掌握的时候,那么请你去实践。多么伟大的代码都要经过实践出真知,它不仅可以给你带来验证,而且它可以让你深刻去理解。
如果你想继续提升自己的能力,那么可以从以下几个方面去提升:
1.阅读别人的程序,理解别人的思路。你可以去使用和阅读框架,当然有人一听到框架就会嗤之以鼻,特别是性能党。我想说框架是个好东西,不过前提是你最好理解底层的东西。
2.优化你的程序,把你的程序做精做简,这是非常考验一个前端工程师的自我修养能力。
3.构建一个后端程序,或许你可以使用node去构建一个服务器,网上有教程手把手教你从基本做起,让你可以很好的贯穿前后端的知识。
4.如果你还有时间,那么可以学些脚本语言提高下自己的能力。作为一名前端个工程师,我们并不是需要你很全面的掌握一切有关计算机的知识,因为那样很不实际。你要相信你的记忆力和精力都是有限的,特别是面对费脑子的计算机。