作为一名前端工程师,产品的内外兼优才能体现它的完美,前端工程师需要学习的技能远远超过设计师。
那么一名优秀的WEB前端工程师应具备哪些技能呢,我在这里分享一下,供大家参考:
第一:HTML超文本标记语言
1、HTML文件的结构
2、HTML文件的编写方法
3、HTML基本标记
4、文字与段落标记
5、框架
6、使用表单
7、XHTML页面结构
第二:JavaScript脚本
1、JavaScript基本语法
2、流程控制
3、函数
4、对象与数组
5、程序调试与错误处理
6、事件处理
7、处理文档对象
8、文档对象模型
9、window窗口对象
第三:CSS网页样式布局
1、CSS定位与div布局
2、div 标记与 span 标记
3、CSS+div美化与布局
4、CSS与JavaScript的综合应用
5、CSS与XML的综合运用
6、CSS与Ajax的综合应用
第四:HTML5开发技能
1、HTML5语法
2、新增的input输入类型
3、新增的form元素
4、HTML5音频与视频
5、HTML5多媒体技术
6、Web存储
7、WebSQL混合开发
8、Workers多线程处理
第五:常用的Javascript框架
1、jQuery框架
2、Prototype框架
3、YUI框架
4、ExtJS框架
5、Dojo框架
第六:Javascript Ajax应用
1、DOM文档对象模型
2、XML请求与响应
3、JSON
4、Post/Get请求,成为优秀的前端开发必会的技能
第七:响应式Web设计
1、学会绘制图形
2、History API
3、CSS 3 模块与模块化结构
4、CSS3中的属性选择器
5、使用选择器在页面中插入内容
6、文字与字体相关样式
7、CSS 3中的变形处理
8、CSS 3中的动画功能
第八:常用交互设计工具
1、流程图工具
2、导航设计工具
3、思维导图
4、原型设计工具
5、UML工具
6、站点地图工具
第九:Web交互设计
1、指示牌和面包屑
2、可用性测试
3、可访问性/级联样式表
第十:网站信息架构
1、信息架构基本信息
2、组织系统
3、标签系统
4、搜索系统
5、叙词表、受控词表,以及元数据
6、流程和方法论
7、设计和文件说明
第十一:REST软件架构
1、表述解析Json/XML/Html
2、Web缓存
3、条件请求
4、扩展性与版本控制
专业图书推荐:
HTML+CSS网页设计与布局从入门到精通
JavaScript权威指南(第6版)
HTML5与CSS3基础教程(第7版)
响应式Web设计:HTML5和CSS3实战
jQuery权威指南(第2版)
Axure RP 6原型设计精髓
交互设计沉思录
REST实战(中文版)
当然,你需要拥有良好的沟通能力,团队精神,逻辑思维要强,思路清晰,基础更是打扎实。‘’
前端工程师至少都要满足四类客户的需求:
1、产品经理:这些是负责策划应用程序的一群人。他们会想出很多新鲜奇怪的、甚至是不可是实现的应用。一般来说,产品经理都追求丰富的功能。
2、UI设计师:这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。
3、项目经理:这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。
4、最终用户: 指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道,但他们的反馈意见至关重要。
其次,优秀的Web前端开发工程师应该具备快速学习能力。
当今,Web发展速度很快,甚至可以说几乎每天都在更新迭代!如果没有快速学习吸收的能力,就会跟不上Web发展的步伐。因此,前端工程师必须不断提升自己,不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来快速发展变化的脚步。