web 前端开发工程师目前来讲是一个热门职位,但是要成为一个合格的 web 前端开发工程师,需要掌握的知识可不少,小编这就给大家简单的讲讲.
大致的来讲,web 前端开发工程师需要掌握的知识有:html,CSS,JAVASCRIPT,XML,JSON,服务器脚本语言(PHP,ASP,.NET,JSP 等等),jquery 框架,页面性能优化,SEO 站内优化,开放服务 API 接入,浏览器兼容性调试,W3C 规范等等.
学会这些,就可以开发出任何网站的前端页面了.
1.HTML 是指超文本标签语言
其英文缩写为 HyperText Mark-up Language 意思是 "超文本链接标示语言".这种语言是目前 web 领域应用最广泛的语言,我们只需要在 html 文档中插入对应的标签,即可实现 web 页面的编写与排列.
CSS 指层叠样式表,英文缩写为 Cascading Style Sheets.
CSS 可以为 HTML 标签自定义样式,通过设置 HTML 标签的样式,来改变其外形,达到美化与排版 web 页面的目的.
2. 浏览器兼容性调试
学习完第一步,就已经可以自己书写 web 前端页面了.但是现在市面上已经有很多种浏览器,每种浏览器内核不同,其对 HTML 标签与 CSS 的解析规范也不同.使一串代码可能在不同的浏览器中显示为不同的样子,从而引起某些浏览器中的布局混乱.
为了使我们的 web 页面能够在所有内核的浏览器中正常运行,我们需要掌握这些浏览内核解析规范的一些特性,寻找正确的代码书写模式,从而让自己编写的 web 页面能够横跨所有平台.
3.JavaScript 学习
JavaScript 是网页脚本语言,它可以在 html 中运行,设置并修改浏览器中的各种对象与变量.例如用来改进设计,验证表单,检测浏览器,创建 cookies 等等,现在各大网站都可以看见 JavaScript 的踪影.例如最常见的网站首页大眼睛,警告提示框,页面动画效果等等.
讲到这里还是要推荐下小编的前端学习群 213126486 ,邀请码:悟空 不管你是小白还是大牛,小编我都欢迎,不定期分享干货,欢迎初学和进阶中的小伙伴.
4. 通过学习 XML,JSON 获取数据
通过第三步学习后,可以知道 JavaScript 能够通过 XML,JSON 获取数据,然后将这些数据实时插入到页面缓存中.
5. 服务器脚本语言
服务器脚本语言目前用的比较多的是 PHP,其他的 ASP,.net,JSP 也在不同的领域有所运用.
对于前端工程师来说,并不需要像网站程序员一样,编写对象,开发特殊功能,搭建数据库.但是前端工程师要掌握基本的页面 GET&POST 传参,程序判断语法,程序输出语法,页面提交,数据库查询与记录插入.
6. 页面优化性能优化
学习完上面的五个部分后,基本上已经是一个合格的前端工程师了.这部分的学习主要是为了适应当前的市场环境.根据用户需要与需求,添加各类 API 应用;通过站内 SEO 优化,降低网站的推广难度;优化与处理页面性能,使网站打开流畅,体验更好.
最后希望大家通过循序渐进的学习步骤,由浅至深的掌握前端开发的技巧,最终成为一名不但合格而且优秀的 web 前端开发工程师.
来源: http://www.jianshu.com/p/12b77e7b13a6