对于刚开始学的人来说,web 就是HTML+CSS+JavaScript其实我们是可以这样理解的。web工程师负责或参与Web产品的页面开发,包含PC端、移动APP内嵌移动端、微信小程序、webapp等移动端页面的开发。

  HTML 定义网页的内容。HTML是超文本标记语言(包括文字、图形、动画、声音、表格、链接等)可以把我们想要放的内容都放在页面中展示出来。最新的版本为HTML5

  CSS 规定网页的布局。 HTML虽然可以展示所有的内容,但是他们的排列和布局并不是我们想要的,想要美化页面,就必须加上css。如果有了CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化,拥有对网页对象和模型样式编辑的能力。css相当于我们可以对HTML的标签进行修饰美化,我们需要的是掌握HTML的标签运用、排版技巧、CSS的布局定位、款式美化、浏览器兼容性。最新的版本为css3。

  JavaScript 是属于 HTML 和 Web 的编程语言。HTML+css虽然可以完成一个网页,但是网页此时是个静态的网页,没有一些华丽的特效,也不能动态的修改内容,此时JavaScript可以满足这些需求。JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。还有一些小常识,JavaScript 和 Java 是完全不同的语言,不论是概念还是设计,不要搞混了。JavaScript的官方名称是叫ECMA-262,有时我们看到一些招聘信息说要熟悉ECMAScript  6 的语法,是指JavaScript 2015版的语法。

  至此一些人就可以完成一个精美的网页,特别是一些门户网站或者一些企业官网。但是写着写着发现效率是真的比较低,为啥一些人完成一个页面效率是自己的好几倍呢,而且还比自己做的好看。那是因为我们还没有学一些框架。如果我们直接去找工作别人一般也不会要你,我们可以看一些企业都要求:掌握HTML,JavaScript,CSS等前端开发语言,熟悉jQuery,然后又说至少精通以下主流框架Vue、react、node、Bootstrap、Angular等一种以上。所以我们还得学一些框架。

  jQuery 是一个 JavaScript 库。jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。就如同他的创始人John Resig说的write less,do more。用了jQuery可以打大大简化我们写JavaScript代码量。这也使得jQuery成为最流行的前端框架,现在也成为了必学框架了。

  其他主流框架。目前市场上比较流行的前后端分离的开发模式,大多前端都是vue.js做的,也是非常流行的前端框架之一,学习vue的先把JavaScript学会,然后再学就非常简单了,适合新手学的第二个前端框架(第一个当然是jQuery)。我认为node.js是一个跨越式的语言,是它让我们前端人员开启了使用JavaScript的后端开发之旅。后端人员使用它,也可以让程序变得更高效。学习node的话如果有Javascript,PHP,Java等编程语言基础也是容易学的。其次还有Bootstrap、Angular、react等其他强大的框架,我就不一一举例了。这些框架不要求全部精通,但是我们混个眼熟,别人写个代码,我们只是能看个大概,刚开始工作的话能掌握一两种已经挺不错了。

  会这些技术了,只能说我们会写页面了,但是实际的应用远没有那么简单。在我们应聘当中,也会要求我们会编写高质量的,整洁简单,可维护性的代码,还可以构建可重复使用的代码以及公共库。因为只有这样我们效率才会变高,老板才会高兴哈哈。其次还要具备良好的沟通和团队协作能力,工作积极主动,思路清晰,责任心强等,团队的力量更强大,单兵作战是比较难的一件事。

  工作以后其实基本上就是对网页打交道,但此时web工程师人员就比较尴尬了,因为对于小公司来说,很有可能会要求叫你精通photoshop、coreldraw。网页美观除了我们的布局还有就是图片的运用,banner图或者一些图标就需要你自己去作图了。这还是比较不坑的,更坑的是有一些公司叫你把后端也一起完成,让你成为一个全栈工程师。还要你去学PHP等语言,去独立完成一个完整的项目。所以有空我们还是可以去充电学习一下其他的内容。

  

怎么成为一名WEB前端开发工程师的更多相关文章

  1. Web前端开发工程师养成计划【转载】

    Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...

  2. Web前端开发工程师面试题

    Web前端开发工程师面试题1.说说css的优先级?2.在移动端中,常常使用tap作为点击事件,好处是?会带来什么问题?3.原生JS的window,onload与Jquery的$(document).r ...

  3. web前端开发工程师

    web前端开发工程师 百科名片 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网的演化进 ...

  4. Web前端开发工程师课程大纲

    PHP程序员雷雪松整理出来的一套独一无二的Web前端开发课程.本套Web前端开发课程专门为想励志成为优秀web前端工程师的学习者而总结归纳的,本套Web前端课程舍弃了一些不常用的即将废弃的HTML标签 ...

  5. Web前端开发工程师基本要求

    一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师.现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解.技术非黑即白,只有对和错 ...

  6. 从就业面分析web前端开发工程师就业前景(2011.6)

    案例一 公司名称:法国电信北京研发中心 工作地点:北京 联系方式:hao.luan@orange-ftgroup.com 栾先生 岗位名称:web 前端开发工程师 岗位要求: 1. 计算机或相关专业本 ...

  7. 怎么成为合格的WEB前端开发工程师

    web前端开发工程师目前来讲是一个热门职位,但是要成为一个合格的web前端开发工程师,需要掌握的知识可不少,零度就简单的为大家讲讲. 大致的来讲,web前端开发工程师需要掌握的知识有:HTML.CSS ...

  8. Web前端开发工程师的就业前景

    Web前端开发工程师的就业前景 Web前端开发工程师是一个全新的职业,在IT行业真正受到重视的时间不超过5年.因此,大家越来越关心web前端工程师前景怎么样?web前端工程师就业如何?Web前端开发是 ...

  9. web前端开发工程师,你了解吗?

    web前端开发工程师可以说是一个全新的职业,在IT整个行业中真正受到重视的时间没有超过5年,也正因为这样,大家越来越想了解web前端工程师的前景究竟怎么样?web前端培训就业前景如何?web前端工程师 ...

随机推荐

  1. hadoop(九)启动|关闭集群(完全分布式六)|11

    前置章节:hadoop集群namenode启动ssh免密登录(hadoop完全分布式五)|11 集群启动 配置workers(3.x之前是slaves), 删除localhost,添加102/103/ ...

  2. Powershell抓取网页信息

    一般经常使用invoke-restmethod和invoke-webrequest这两个命令来获取网页信息,如果对象格式是json或者xml会更容易 1.invoke-restmethod 我们可以用 ...

  3. 挑战全网最幽默的Vuex系列教程:第一讲 Vuex到底是什么鬼

    先说两句 官方已经有教程了,为什么还要写这个教程呢?说实话,还真不是我闲着蛋疼,官方的教程真的是太官方了,对于刚入门 Vuex 的童鞋来说,想必看官方的教程,很多地方就如同看圣经一样,比如「欧玛尼玛尼 ...

  4. 【Selenium07篇】python+selenium实现Web自动化:PO模型,PageObject模式!

    一.前言 最近问我自动化的人确实有点多,个人突发奇想:想从0开始讲解python+selenium实现Web自动化测试,请关注博客持续更新! 这是python+selenium实现Web自动化第七篇博 ...

  5. 一个不错的intellj 相关的博客

    http://my.oschina.net/lujianing/blog?catalog=3300430

  6. intellij idea 设置用真机测试android

    android自带的模拟器是不容置疑的慢,genymontion虽然快,但是觉得有点怪的感觉,哈哈,其实这些都不是重点. 之前是用myeclipse开发android的,虽然一直很想用eclipse来 ...

  7. Extjs——简单的Grid panel小实例

    <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  8. Extjs入门——环境配置

    Extjs框架作为一个07年就上线的框架,虽然与现在的框架对比,显得十分臃肿.但是在针对企业内部引用系统上,它依旧能发挥出不错的效果.现在我接触到了Extjs,所以我准备写一个入门框架,简单的介绍Ex ...

  9. vue中SPA的优缺点和理解

    说说你对SPA的理解,他的优缺点分别是什么? SPA(single-page application) 尽在Web页面初始化时加载相应的HTML,JavaScript和CSS.一旦页面加载完成,SPA ...

  10. E1. Send Boxes to Alice (Easy Version)

    题解: 保存每个1的位置.然后记录1的总个数cnt,如果存在一个k使得这个k是每个集合的倍数,那么为了使操作次数最小,这个k应该是cnt的质因子.(因为都是每个集合的数目1,使每个集合的数目变为2需要 ...