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. 选择时机跳槽:
我不鼓励盲目跳槽,也不鼓励频繁跳槽,有很多前车之鉴,但跳槽是获得提升的一条捷径,关键词是为了获得提升,也就是说前提是能获得提升(或加薪或平台好)的情况下才考虑跳槽,同时你要也考虑你的技能目前是否和这个职位或薪水匹配。
Web前端技能的更多相关文章
- web前端技能考核(阿里巴巴)
- 移动web前端的一些硬技能(一)关于移动设备
移动端web其实也就是小尺寸触摸屏设备的web,其中包含了两个词——1.小尺寸设备:2.触摸屏.能把这两个问题给解决掉,就已经是一个基本合格的移动web前端开发工程师了.对于前端工程师来说,前路漫漫, ...
- web前端工程师技能总结
编辑器: 1 webstorm(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015) 浏览器: 1 firefox 建议 ...
- 【初学者必读】能让你月薪过万的5大web前端核心技能
前言Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的. 1.开发语言 HTML发展历史有二十多年,历经多次版本更新, ...
- 想转行做web前端工程师,必学这6大技能
web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业.大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学 ...
- 想转行做web前端工程师,必学这5大技能!知道是那些吗?
web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要 ...
- Web前端开发工程师需要掌握哪些核心技能?
Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又 ...
- 移动web前端的一些硬技能(二)动手前必须掌握的基本常识
记得刚开始接触移动端web的时候,书和网上的资料都不多,查起来很费劲,现在比以前要好很多了,可是还是会有一些刚接触移动端的朋友会问我一些我最初会遇到的问题,或许是书本写的并不那么重,也或许是这些知识写 ...
- web前端开发需要具备的技能
web前端开发需要具备以下7种技能: 1.页面标记(HTML) HTML页面固定,标签不多,相对来说学起来比较容易.编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com ...
随机推荐
- Android IOS WebRTC 音视频开发总结(十六)-- 音频设备操作之opensl与jni
本节主要分享视频通话中android和ios上操作音频设备的方式,如调解音量大小,启用扬声器(本系列文章转载请说明出处,博客园RTC.Blacker). 先看看webrtc中处理音频设备代码的目录结构 ...
- 【一步一图】:详解IIS日志配置
打开网站配置:右键点击属性 弹出设置界面 如上图,日志可选4种格式: [Microsoft IIS 日志文件格式] 存放地址如上图 以in开头 年份后两位+月份+日 命名: 示例: //, ...
- Android数据库(sqlite)加密方案
最近因为一些项目的安全性需要将数据库加密,一开始想到的就是先将数据库通过AES加密,然后运行时再解密,另一种是将数据库里的内容加密. 很快这两种方案都是不理想的,第一种加密方式形同虚设,第二种,如果加 ...
- 理解inode
转载:阮一峰 http://www.ruanyifeng.com/blog/2011/12/inode.html 一.inode是什么? 理解inode,要从文件储存说起. 文件储存在硬盘上,硬盘的最 ...
- Memento
#include <iostream> #include <string> using namespace std; class Memento { public: Memen ...
- CSS中属性position位置详解功能讲解与实例分析
position有五个值:static.relative.absolute.fixed.inherit. static 是默认值.就是按正常的布局流从上到下从左到右布局,平常我们做网页制作时,没有指定 ...
- Spring Richclient — 企业级富客户端开发框架介绍,第 1 部分
Spring Richclient — 企业级富客户端开发框架介绍,第 1 部分 http://www.ibm.com/developerworks/cn/java/j-lo-spring-richc ...
- 查看软、硬raid信息的方法
软件raid:只能通过Linux系统本身来查看cat /proc/mdstat可以看到raid级别,状态等信息. 硬件raid:最佳的办法是通过已安装的raid厂商的管理工具来查看,有cmdline, ...
- (转)C#与Java的证书密钥转换
前言 最近由于项目需求,服务端由c#编写,客户端由java编写.通信数据使用RSA非对称加密.但是java和c#生成的密钥格式是不一样的,所以需要转换格式才可以正常使用.网上搜到使用java进行格式转 ...
- Scrapy Learning笔记(四)- Scrapy双向爬取
摘要:介绍了使用Scrapy进行双向爬取(对付分类信息网站)的方法. 所谓的双向爬取是指以下这种情况,我要对某个生活分类信息的网站进行数据爬取,譬如要爬取租房信息栏目,我在该栏目的索引页看到如下页面, ...