对于刚开始学的人来说,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. JVM崩溃的原因及解决!

    JVM崩溃的原因及解决! 前些天,搞JNI的时候,报了个JVM崩溃的错.错误信息如下: # # An unexpected error has been detected by HotSpot Vir ...

  2. 修改vs默认浏览器

    右键你的Html或者网页项目,选择"使用以下工具浏览" 跳出选择框,选择你想要的浏览器作为默认值即可,也可以添加你想要的浏览器.

  3. c++ string类的一些使用

    初始化: string类的初始化是不可以用字符进行的,如; string str='c'; string str('c');必须传递字符串字面量作为参数:string本身是用模板类进行实例化的类. s ...

  4. stand up meeting 11/24/2015

    part 组员 今日工作 工作耗时/h 明日计划 计划耗时/h 词典接口及数据转换 冯晓云 规范在线查词的各项请求,将返回结果解析成树状,并定义完成各种操作以方便其他部分完成调用,排序,增删等操作 3 ...

  5. 一道简单的SQL注入题

    这是我真正意义上来说做的第一道SQL题目,感觉从这个题目里还是能学到好多东西的,这里记录一下这个题目的writeup和在其中学到的东西 link:https://www.ichunqiu.com/ba ...

  6. 深度学习之文本分类模型-前馈神经网络(Feed-Forward Neural Networks)

    目录 DAN(Deep Average Network) Fasttext fasttext文本分类 fasttext的n-gram模型 Doc2vec DAN(Deep Average Networ ...

  7. [linux][MongoDB] mongodb学习(二):命令使用数据库

    使用数据库 # 查看数据库 > show dbs admin 0.000GB local 0.000GB # 查看表(集合) > show tables # 删除集合 > db.us ...

  8. 深入分析Redis的主从复制机制

    一.前言   最近由于疫情影响,时间比较多,所以开始学习之前一直想学,但是却没时间学的Redis.这两天研究了一下Redis的持久化以及主从复制机制,现在已经很晚了,就不多废话了.这篇博客就来谈一谈R ...

  9. coding++:@DisallowConcurrentExecution 注解的作用

    Quartz定时任务默认都是并发执行的,不会等待上一次任务执行完毕,只要间隔时间到就会执行, 如果定时任执行太长,会长时间占用资源,导致其它任务堵塞. 在Spring中这时需要设置concurrent ...

  10. python学习笔记(六)---文件操作与异常处理机制

    文件读取 读取整个文件 要读取文件,需要一个包含几行文本的文件.下面首先来创建一个文件,它包含精确到小数点后30位的圆周率值,且在小数点后每10位处都换行: pi_digits.txt 3.14159 ...