入门必备的技能:

第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. 选择时机跳槽:

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

Web前端技能的更多相关文章

  1. web前端技能考核(阿里巴巴)

  2. 移动web前端的一些硬技能(一)关于移动设备

    移动端web其实也就是小尺寸触摸屏设备的web,其中包含了两个词——1.小尺寸设备:2.触摸屏.能把这两个问题给解决掉,就已经是一个基本合格的移动web前端开发工程师了.对于前端工程师来说,前路漫漫, ...

  3. web前端工程师技能总结

    编辑器: 1 webstorm(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015)  浏览器: 1 firefox  建议 ...

  4. 【初学者必读】能让你月薪过万的5大web前端核心技能

    前言Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的. 1.开发语言 HTML发展历史有二十多年,历经多次版本更新, ...

  5. 想转行做web前端工程师,必学这6大技能

    web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业.大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学 ...

  6. 想转行做web前端工程师,必学这5大技能!知道是那些吗?

    web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要 ...

  7. Web前端开发工程师需要掌握哪些核心技能?

    Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又 ...

  8. 移动web前端的一些硬技能(二)动手前必须掌握的基本常识

    记得刚开始接触移动端web的时候,书和网上的资料都不多,查起来很费劲,现在比以前要好很多了,可是还是会有一些刚接触移动端的朋友会问我一些我最初会遇到的问题,或许是书本写的并不那么重,也或许是这些知识写 ...

  9. web前端开发需要具备的技能

    web前端开发需要具备以下7种技能: 1.页面标记(HTML) HTML页面固定,标签不多,相对来说学起来比较容易.编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com ...

随机推荐

  1. 你真的理解z-index吗?

    一.前言 假如只是开发简单的弹窗效果,懂得通过z-index来调整元素间的层叠关系就够了.但要将多个弹窗间层叠关系给处理好,那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了.本文作 ...

  2. Android IOS WebRTC 音视频开发总结(二七)-- whatsapp之转发优先

    最近看了一篇老外在webrtcHacks上写的文章,主要介绍webrtc和whatsapp的传输机制,蛮好的,加上自己的理解进行总结, 希望对大伙有所帮助,转载请说明出处,原文来自博客园RTC.Bla ...

  3. 前端代码优化: 使用YUI Compressor

    通过压缩组件,可以显著减少HTTP请求和响应事件.这也是减小页面大小最简单的技术,但也是效果最明显的. 压缩JS,CSS代码有几种常用插件,YUI Compressor是个不错的选择.通过maven的 ...

  4. CentOS下修复grub引导程序

    1.早上装系统,试了好几次.最终grub修复成功! 解决方法大致如下: 开机遇见 grub>的时候 下面看解决方法 首先是既然插上U盘能进系统  那我们插上U盘 正常进入系统  然后看操作 [r ...

  5. vue.js插件使用(02) vue-router

    概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的 ...

  6. 集群session的一致性

    一. 何为session 用户使用网站的服务,基本上需要浏览器和web服务器进行多次交互,web服务器如何知道哪些请求是来自哪个会话的? 具体方式为:在会话开始时,分配一个唯一的会话标识(sessio ...

  7. php中iconv函数使用方法

    最近在做一个程序,需要用到iconv函数把抓取来过的utf-8编码的页面转成gb2312, 发现只有用iconv函数把抓取过来的数据一转码数据就会无缘无故的少一些. iconv函数库能够完成各种字符集 ...

  8. 管理员 修改MySQL 5.7.9 新版本的root密码方法以及一些新变化整理

    MySQL 5.7版本开始,增强密码验证机制,网上说安装的时候会在/root/.mysql_secret  文件中生成默认密码,这一点自 5.7.6版本以后也去掉了. 针对如果生成默认密码,网上有一个 ...

  9. 【转】MessageBox

    MessageBox对话框是比较常用的一个信息对话框,其不仅能够定义显示的信息内容.信息提示图标,而且可以定义按钮组合及对话框的标题,是一个功能齐全的信息对话框. 1.函数原型及参数 function ...

  10. delphi中的ClientDataSet组件的open和Execute方法各自在什么情况下用?

    ClientDataSet组件本来是给midas用的,也是所谓的borland的三层数据技术,使用这个控件必须发行midas.dll挺麻烦的 open是通过应用的SQL语句为SELECTexecute ...