一个合格前端要学习哪些常用技能

来源：蜘蛛抓取(WebSpider) 时间：2016-08-25 01:03 标签：
掌握11项技能，你就是优秀的前端开发工程师
掌握11项技能，你就是优秀的前端开发工程师
导读：& && &&你也许会觉得前端开发是一个很简单的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入其中时，一定会发现好像前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额。确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。& && & 不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为前端“大拿”，下面，就告诉你这11项技能是什么？以及每项技能的要点，最后是相关的专业图书。入门必备的技能：第1项技能：HTML超文本标记语言：技能要点：HTML文件的结构HTML文件的编写方法　HTML基本标记文字与段落标记　框架使用表单　XHTML页面结构&&第2项技能：JavaScript脚本技能要点：JavaScript基本语法流程控制函数对象与数组程序调试与错误处理事件处理处理文档对象文档对象模型window窗口对象第3项技能：CSS网页样式布局技能要点：CSS定位与div布局div 标记与 span 标记CSS+div美化与布局CSS与JavaScript的综合应用CSS与XML的综合运用CSS与Ajax的综合应用晋级提升必会的技能第4项技能：HTML5开发技能技能要点：HTML5语法新增的input输入类型新增的form元素HTML5音频与视频HTML5多媒体技术Web存储WebSQL混合开发Workers多线程处理第5项技能：常用Javascript框架技能要点：jQuery框架Prototype框架YUI框架ExtJS框架Dojo框架第6项技能：Javascript Ajax应用技能要点：JavaScript的常用对象DOM文档对象模型XML请求与响应JSONPost/Get请求成为优秀的前端开发必会的技能第7项技能：响应式Web设计技能要点：Range对象与Selection对象学会绘制图形History APICSS 3 模块与模块化结构CSS3中的属性选择器使用选择器在页面中插入内容文字与字体相关样式CSS 3中的变形处理CSS 3中的动画功能第8项技能：常用交互设计工具技能要点：流程图工具导航设计工具思维导图原型设计工具UML工具站点地图工具第9项技能：Web交互设计技能要点：指示牌和面包屑可用性测试可访问性/级联样式表第10项技能：网站信息架构技能要点：用户需求及其行为分析信息架构基本信息组织系统标签系统搜索系统叙词表、受控词表，以及元数据流程和方法论设计和文件说明第11项技能：REST软件架构技能要点：统一接口GET/POST/PUT/DELETE识别资源表述解析Json/XML/Html查询Web缓存条件请求扩展性与版本控制好了，这下你可以有计划、分步骤的学习和掌握这些技能了，要是你不知道怎么去学，我可以负责任的告诉你，先去看书。这里，我可以再给你推荐一些图书，分属不同的出版社（这么说，是不希望你认为我在推销书），这些图书都是我认为很有用的书。专业图书：HTML+CSS网页设计与布局从入门到精通JavaScript权威指南（第6版）CSS禅意花园(修订版)HTML5与CSS3基础教程（第7版）响应式Web设计:HTML5和CSS3实战jQuery权威指南（第2版）疯狂Ajax讲义（第3版）Axure RP 6原型设计精髓交互设计沉思录大型网站技术架构：核心原理与案例分析REST实战（中文版）现在，你是不是知道该对照一下自己，是否掌握了这篇文章中所说的11项技能。 然后——开始去学习!掌握它们！你打算去按此学习吗? 先别忙，请在下面留下你的评论吧。
发表评论：
TA的最新馆藏一个合格的前端工程师应该具备怎样的能力_百度知道您所在的位置： &
Web前端应该掌握的初、中、高、技能
Web前端应该掌握的初、中、高、技能
godkatrina
Web前端算是一个刚兴起来的行业，所以经常会和网页制作混为一谈。一个合格的web前端需要掌握的技能是很多的，甚至需要会一门后台开发语言。就我个人理解而言，要走web前端这条路，分为3个阶段。
Web前端算是一个刚兴起来的行业，所以经常会和网页制作混为一谈。一个合格的web前端需要掌握的技能是很多的，甚至需要会一门后台开发语言。就我个人理解而言，要走web前端这条路，分为3个阶段。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' id="aimg_9465" title="未标题-1.jpg" onclick="zoom(this, this.src)" alt="未标题-1.jpg" src="/files/uploadimg/3160.jpg" unselectable="true" outfunc="null" initialized="true" zoomfile="data/attachment/forum//qk5lrvqr1r2or.jpg" file="data/attachment/forum//qk5lrvqr1r2or.jpg" inpost="1" />&
初级阶段，和网页制作是一样的要求，拿来设计图，能够快速高效的变成html网页，并且保证写出来的页面能够兼容IE6-IE9，chrome,360，火狐等主流浏览器。这个阶段看似很容易达到其实并不简单，因为写出页面很容易，但是要写出简洁、高效、结构清晰的页面却并不容易，需要经验的积累，慢慢知道哪一种结构是最佳的，最省代码的。更要知道哪一种写法是最方便程序人员开发的，例如可以用&ul&&li&&/li&&/ul&的，就不要写成div的，能够循环的，就不要去单独一个一个的定义。
中级阶段，当你已经可以制作出兼容性比较好代码量比较少的页面之后，就需要考虑，怎么样让你的页面生动起来，可以跟用户有一个交互的过程，让你的网页变得更加活泼。这个时候就需要接触Javascript和Jquery了，它们可以让你的网页体现出更多的动态效果，比如说点击一个按钮，会触发一个弹窗，选择一个头像，图片会跟着随之改变，鼠标滑过图片会有大图的提示等，这些效果都是可以为你的网页加分的。这个阶段学好了，你的网页会有一个质的飞跃，从简简单单的死气沉沉变成活泼的能够和用户交互的页面。
高级阶段，掌握了上面那些，其实就已经很厉害啦，如果想要进阶成为高手，那么前端人员还需要懂一些数据库和AJAX方面的知识，并且最好能够掌握一门后台语言，这样能够更好的和技术人员配合。
当然，作为一个web前端人员，也是需要懂一些基础的PS、Fireworks等，虽说咱不是专业的美术设计，但是起码要做到临时出个页面设计个网站，做个banner广告不在话下。因为前端是离用户最近的，能够参与到页面的设计可以更好地了解用户的需求，了解产品的特点，让自己全方位发展。如果能会一些SEO会更好喽！希望自己也能够朝着高级web前端一步一步的迈进！
原文链接：
【编辑推荐】
【责任编辑： TEL：（010）】
关于的更多文章
Web服务小姐，英文名Web Service, 是歪脖数据有限责任公司(英文
网友评论TOP5
作为移动开发者，WOT2016移动互联网技术峰会，绝对有你不得不来的理由。
互联网创业，我们需要准备什么？本专题系列文章作者结
本专题会从获得开发应用所需的“通行证”App Key和App
Web服务小姐，英文名Web Service, 是歪脖数据有限责任
本书是微软认证技术专家(MCTS) 70-431考试的专用教材，全书共21章，围绕着考查目标，通过详尽的描述、大量课程和课后测试，全面
51CTO旗下网站

我要回帖

 

随机推荐