导读:

你或许会认为前端开发是一个非常easy的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入当中时,一定会发现好像前端开发不是那么简单,光站点性能优化、响应式、框架就让你焦头烂额,

确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单。

只是,天下事难则不会,会则不难,你仅仅须要掌握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请求与响应
  • JSON
  • Post/Get请求

成为优秀的前端开发必会的技能

第7项技能:响应式Web设计

技能要点:

  • Range对象与Selection对象
  • 学会绘制图形
  • History API
  • CSS 3 模块与模块化结构
  • CSS3中的属性选择器
  • 使用选择器在页面中插入内容
  • 文字与字体相关样式
  • CSS 3中的变形处理
  • CSS 3中的动画功能

第8项技能:经常使用交互设计工具

技能要点:

  • 流程图工具
  • 导航设计工具
  • 思维导图
  • 原型设计工具
  • UML工具
  • 网站地图工具

第9项技能:Web交互设计

技能要点:

  • 指示牌和面包屑
  • 可用性測试
  • 可訪问性/级联样式表

第10项技能:站点信息架构

技能要点:

  • 用户需求及其行为分析
  • 信息架构基本信息
  • 组织系统
  • 标签系统
  • 搜索系统
  • 叙词表、受控词表,以及元数据
  • 流程和方法论
  • 设计和文件说明

第11项技能:REST软件架构

技能要点:

  • 统一接口GET/POST/PUT/DELETE
  • 识别资源
  • 表述解析Json/XML/Html
  • 查询
  • Web缓存
  • 条件请求
  • 扩展性与版本号控制

好了,这下你能够有计划、分步骤的学习和掌握这些技能了,要是你不知道怎么去学,我能够负责任的告诉你,先去看书。

这里,我能够再给你推荐一些图书,分属不同的出版社(这么说,是不希望你觉得我在推销书),这些图书都是我觉得非常实用的书。

  1. HTML+CSS网页设计与布局从入门到精通
  2. JavaScript权威指南(第6版)
  3. CSS禅意花园(修订版)
  4. HTML5与CSS3基础教程(第7版)
  5. 响应式Web设计:HTML5和CSS3实战
  6. jQuery权威指南(第2版)
  7. 疯狂Ajax讲义(第3版)
  8. Axure RP 6原型设计精髓
  9. 交互设计沉思录
  10. 大型站点技术架构:核心原理与案例分析
  11. REST实战(中文版)

如今,你是不是知道该对比一下自己,是否掌握了这篇文章中所说的11项技能。 然后——開始去学习!掌握它们!

你打算去按此学习吗? 先别忙,请在以下留下你的评论吧。

     文中技术要点參考了6座网的前端开发project师职业规划图



我的很多其它博文:



6个方法,用博客建立你的个人“品牌”

Android开发project师,前行路上的14项技能

10年老程序猿谈Dotnet程序猿职业规划(图文)『转帖』

Android安卓移动开发project师职业规划图

掌握11项技能,你就是优秀的前端开发project师的更多相关文章

  1. Android开发project师,前行路上的14项技能

    导读: 你是否曾渴望回到宋朝? 或者什么朝,反正就是男耕女织的古代. 哦,那时的首都在汴梁(开封),房价想必没有如今这么高,工作?无非就是给你把锄头,去,种地去.夕阳西下了,麦子垛后,你和翠姑搂抱在一 ...

  2. sass和less,优秀的前端样式预处理器

    身为切图界的一员,或者说在前端界打滚了一段日子的你.会慢慢地发现.如今的css编写已经不能满足自己的效率. 假设有更强大的框架,让你的css更灵活和更easy复用和维护,那该多好啊.非常明显,这个早已 ...

  3. 12本最优秀的Android开发电子书强力推荐

    如今已经是手机互联网时代,手机应用越来越普及.Android作为基本的手机操作系统.吸引了众多开发人员開始为Android系统开发应用. 假设你正在开发或者准备进行Android的开发,我们今天推荐的 ...

  4. 优秀软件project师必备的7大特性

    不是每个程序猿都能成为优秀的软件project师. 在过去的6年时间里,我在Ooyala.Quora和now Quip这3个创业公司面试过许很多多挺有发展潜力的"种子选手".他们都 ...

  5. 怎样以学习单片机为契机,逐步成为优秀的project师

    现状 不知道阅读本文的读者,在初学单片机时是否和我以前一样迷茫.看到各种新的术语,疑惑不解:不知道从何学起:照着书中的样例一步一步做都没有问题,可是自己试着做东西,遇到各种问题却不会解决,向别人提问, ...

  6. Java程序员应该掌握的10项技能

    这篇文章主要介绍了作为Java程序员应该掌握的10项技能,包括java的知识点与相关的技能,对于java的学习有不错的参考借鉴价值,需要的朋友可以参考下   1.语法:必须比较熟悉,在写代码的时候ID ...

  7. 【转载】最强NLP预训练模型!谷歌BERT横扫11项NLP任务记录

    本文介绍了一种新的语言表征模型 BERT--来自 Transformer 的双向编码器表征.与最近的语言表征模型不同,BERT 旨在基于所有层的左.右语境来预训练深度双向表征.BERT 是首个在大批句 ...

  8. 作为Java程序员应该掌握的10项技能

    本文详细罗列了作为Java程序员应该掌握的10项技能.分享给大家供大家参考.具体如下: 1.语法:必须比较熟悉,在写代码的时候IDE的编辑器对某一行报错应该能够根据报错信息知道是什么样的语法错误并且知 ...

  9. 【PS切图】前端工程师必备,但又无需精通的一项技能。

    前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认 ...

随机推荐

  1. 将table导出为excel格式文件

    html: <table cellpadding="0" cellspacing="0" class="data_table" id= ...

  2. socket编程——sockaddr_in结构体操作

    sockaddr结构体 sockaddr的缺陷: struct sockaddr 是一个通用地址结构,这是为了统一地址结构的表示方法,统一接口函数,使不同的地址结构可以被bind() , connec ...

  3. HDU3974 Assign the task(多叉树转换为线段+线段树区间染色)

    题目大意:有n个人,给你他们的关系(老板和员工),没有直属上司的人就是整个公司的领导者,这意味着n个人形成一棵树(多叉树).当一个人被分配工作时他会让他的下属也做同样的工作(并且立即停止手头正在做的工 ...

  4. Windows内核读书笔记——SEH结构化异常处理

    SEH是对windows系统中的异常分发和处理机制的总称,其实现分布在很多不同的模块中. SEH提供了终结处理和异常处理两种功能. 终结处理保证终结处理块中的程序一定会被执行 __try { //要保 ...

  5. Windows内核分析——内核调试机制的实现(NtCreateDebugObject、DbgkpPostFakeProcessCreateMessages、DbgkpPostFakeThreadMessages分析)

    本文主要分析内核中与调试相关的几个内核函数. 首先是NtCreateDebugObject函数,用于创建一个内核调试对象,分析程序可知,其实只是一层对ObCreateObject的封装,并初始化一些结 ...

  6. Hadoop(五)分布式集群中HDFS系统的各种角色

    NameNode 学习目标 理解 namenode 的工作机制尤其是元数据管理机制,以增强对 HDFS 工作原理的 理解,及培养 hadoop 集群运营中“性能调优”.“namenode”故障问题的分 ...

  7. 添加到sudo组里

    $visudo     //切记,此处没有vi和sudo之间没有空格 1.移动光标,到最后一行(最好是找到root ALL=(ALL) ALL,在下面添加一行) 2.按a,进入append模式3.输入 ...

  8. bean的singleton(没有看到生命周期范围??)

    4.5.1 The singleton scope Only one shared instance of a singleton bean is managed, and all requests ...

  9. 洛谷P3201 [HNOI2009]梦幻布丁 [链表,启发式合并]

    题目传送门 梦幻布丁 题目描述 N个布丁摆成一行,进行M次操作.每次将某个颜色的布丁全部变成另一种颜色的,然后再询问当前一共有多少段颜色.例如颜色分别为1,2,2,1的四个布丁一共有3段颜色. 输入输 ...

  10. 图形管线之旅 Part3

    原文:<A trip through the Graphics Pipeline 2011> 翻译:往昔之剑   转载请注明出处   此时,我们一路上通过多个驱动层和命令处理器将draw ...