Web前端技能

入门必备的技能：


第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缓存
    条件请求
    扩展性与版本控制


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

     这里，我可以再给你推荐一些图书，分属不同的出版社（这么说，是不希望你认为我在推销书），这些图书都是我认为很有用的书。

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


       现在，你是不是知道该对照一下自己，是否掌握了这篇文章中所说的11项技能。 然后——开始去学习!掌握它们！


 第一：前端工程师的发展路线

简短节说：

初级--中级--高级前端--交互设计---产品经理--产品总监

以上就是一个前端开发的晋升目标和发展轨迹了，你的目标不妨定的远大些，终极目标是成为一名产品总监，短期目标是成为高级前端开发工程师，中期目标是成为一名产品经理。

如果你说刚入行的新手，短期目标（高级前端）大概需要2年，实现中期目标（产品经理）大概还需要2年，产品总监大概再需要3年，那么，2年加2年再加3年，也就是你为实现你的终极目标大概需要7年时间。

第二   实现的方法：

1.  专注于学习技能

互联网行业是靠拼爹最少的行业，没有之一，做技术，就靠手艺吃饭，实现短期目标，没有捷径，就是要专注学习，掌握一名优秀前端开发工程师应具备的11项技能，自然可以实现。（可以查看我的上篇博文： 掌握11项技能，你就是优秀的前端开发工程师）

中期做产品，主要研究一下交互设计和用户体验，这些，在你日常工作中应该有所涉及，多留心这方面做的好的人是如何运作产品的，会对你尽快实现中级目标大有帮助。张小龙（微信之父）说做产品很简单，就是解决人的贪嗔痴的问题。但每个几年的磨练，谈何容易，看一些心理学方面的书会有帮助。

长期的终极目标，从掌握技能的上来说，我认为侧重点在团队运营管理、财务分析、数据分析上，对，人际交往和社交也应该算是技能范畴中。

2. 制定学习计划，克服拖延症

拖延症已经成为每个人日常生活的一部分了。 每天我们都想避开某些事情，如果只想着明天做，明天做，拖延的结果是推迟你实现你的目标， 有时是由于懒惰，有时候我们确实感觉累了，但不管什么原因，一定要克服拖延症，为自己定下固定学习时间和计划，比如每月必须看完一本专业书等。做学习计划的软件很多，你可以找找去。

3. 泡论坛，写博客，展示自己

这点其实是为了解决第2点学习计划执行的问题，因为，如果你没有一个方法激励自己的话，制定学习计划，克服拖延症都是空话，每个人都讨厌空话，所以你要有些切实可行的事来干，泡论坛，可以学习别人的长处，可以互动问问题，也可以解答问题，写博客，你会说，我哪有那么的事写呀，我有些心得，就是写你的读书笔记，把每天看过的书，纪录重点和心得，放到博客里，不要管有没有人看，量变引发质变，有一天，你会成长，你的文字会开始慢慢变得有人喜欢。

4. 选择时机跳槽：

我不鼓励盲目跳槽，也不鼓励频繁跳槽，有很多前车之鉴，但跳槽是获得提升的一条捷径，关键词是为了获得提升，也就是说前提是能获得提升（或加薪或平台好）的情况下才考虑跳槽，同时你要也考虑你的技能目前是否和这个职位或薪水匹配。