HTML5前端开发是做什么的?HTML5前端开发前景浅析

前端是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、Java 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。

前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。

先说“骨”——HTML。HTML,翻译过来就是超文本标记语言,而不是江湖上的HOW TO ML。方向不能搞错了,我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习,div、h1-h6、p、ul-li、strong、图片、字体等,什么内容用什么框.

再说“肉”——CSS。CSS定义了HTML标签的显示外观,气质。主要掌握浮动,宽高设置、显示属性等

最后“魂”——Javascript。这是运行在浏览器上的脚本,但是现在javascript已经远远不是当年的那个js了,尤其Ecmascript6标准出来后,nodeJS 横空出世,JS暴露出一统天下的野心,JS让网页变得灵活,其实现的每一个明里暗里的交互,其实是为了触及您的灵魂,这也是其成为魂的原因。

而现在,CSS3和HTML5的发展,又将web推向下一个时代,一个更为丰富多彩的时代。

从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。其实,HTML5前端在我们的生活中无处不在,可以说,我们每时每刻都会感受到它的存在。比如说,我们平时经常玩的游戏,现在用Web可开发的游戏已经越来越成熟,未来也必将基本上是用Web来制作游戏。

再比如说,我们每天都玩的微信,里面的各种程序、功能等无不例外的都离不开Web。那么HTML5前端开发前景怎么样?

我们知道,在前端这个岗位没有出现之前,html+css的工作是被现在的视觉MM们所分担的,js这部分工作通常是现在的程序猿GG们完成滴。但是,现在互联网的大环境的发展如日中天,网络已经深入到每个人生活的的各个方面,各种项目层出不穷,以及各种定制化的UI风格神马的,PC端、手机端、mobile端,各种兼容问题真的很浪费时间。

建议做前端的同志们,不要把学习范围限定在HTML+CSS+JS(jQuery)之中,要有互联网发展的大视野和全局意识,因为许多问题的根本解决未必在本岗位。经过一两年的学习,前端要学习的东西需要花的时间真的不多了,而且也面临着编程能力(或设计能力)的提升,前端处于中间环节,上下都可以延伸,还有整个项目的管理控制上都有提升的空间和可能。停止学习和思考才是最大的危机。另外,在人际交往中需要谦虚谨慎,须知天外有天,戒骄戒躁,实事求是,注意不要在这上面翻跟头。

原文地址:https://blog.51cto.com/14214237/2355172

时间: 2024-10-07 01:32:19

HTML5前端开发是做什么的?HTML5前端开发前景浅析的相关文章

写给想成为前端工程师的同学们―前端工程师是做什么的?

前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处理视觉和交互问题.从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域. 2005年的时候大多数网页长这样: 现在的网页一般是这样的: 前端工程师的发展之路和前景是怎么样的? 前端是一个相对比较新的行业,互联网发展早期(1995年~2005

.NET开发和java开发是做什么的?

.NET开发和java开发是做什么的?     .NET开发可以开发C/S结构的东西,如QQ,铁路售票的 可以开发企业级的管理系统,如酒店管理系统可以开发B/S结构的网站,如B2C,B2B,企业门户网站,可以开发企业级的管理系统,也就网页形式的. .NET就是微软用来实现XML,Web Services,SOA(面向服务的体系结构service-oriented architecture)和敏捷性的技术.对技术人员,想真正了解什么是.NET,必须先了解.NET技术出现的原因和它想解决的问题,必须

什么是web前端?前端可以做什么?html5有什么用?

前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态.它的工作包括了:切图.写样式.做鼠标效果和图片切换效果等.而优秀的前端开发可以保障实现这些效果的同时,即不能影响网站的打开速度.浏览器兼容性还有搜索引擎的收录,还可以让用户体验更加舒适,使网站在访问中显得更精细.更用心.访客使用起来更简便.另外,现在前端工作还不仅仅只是网页的制作,还有微网站.APP的制作,游戏制作,例如可以将你开发的Web页面直接打包成手机使用的APP应用,游戏的互动界面更是以前端开发技术为主. 这里推荐一下我的

HTML5定稿了,终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了

2007 年 W3C (万维网联盟)立项 HTML5,直至 2014 年 10 月底,这个长达八年的规范终于正式封稿. 过去这些年,HTML5 颠覆了 PC 互联网的格局,优化了移动互联网的体验,接下来,HTML5 将颠覆原生 App 世界.这听起来有点危言耸听,但若认真分析 HTML5 的发展史,你会发现,这个世界的发展趋势确实就是这样. 熟知历史才能预知未来,先让我们来看看 HTML5 为什么诞生.这 8 年是怎么过来的. 一. HTML5 的诞生 自 W3C 于 1999 年发布 HTML

前端工程师是做什么的?10年开发程序员的总结

前端工程师是 互联网时代软件产品研发中不可缺少的一种专业研发角色. 从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处理视觉和交互问题. 从广义上来讲,所有用户终端产品与视觉和交互有关的 部分,都是前端工程师的专业领域. 2005年的时候大多数网页长这样: 现在的网页一般是这样的: 前端工程师的发展之路和前景是怎么样的? 前端是一个相对比较新的行业,互联网发展早期(1995年~2005年)是没有专业的

【小月博客】用HTML5的File API做上传图片预览功能

前段时间做了一个项目,涉及到上传本地图片以及预览的功能,正好之前了解过 html5(点击查看更多关于web前端的有关资源) 可以上传本地图片,然后再网上看了一些demo结合自己的需求,终于搞定了.(PS : 不得不承认我这个人有多懒,没有需求的时候我向来不主动去学习).移动端完全支持哦!已测试. 下面给大家看看代码吧怎么实现的 第一:HTLM部分(这里不去做漂亮的样式了我们注重学习功能) <input type="file" id="fileElem" mul

HTML5之audio实战,网页音乐播放器开发

今天我们就基于 HTML5 audio  来,开发一个网页音乐播放器. 在HTML5 新特性中,audio .video 是我们比较关心的 新 元素,我们终于可以脱离 Flash ,来开发音频.视频播放器了,对于 一个HTML 新元素,无非就是 属性.事件 .方法等等,关于audio 的具体的属性.事件 .方法,请谷歌. 看我们的HTML代码: audio.html <!DOCTYPE html> <html> <head> <meta charset="

用HTML5的File API做上传图片预览功能

用HTML5的File API做上传图片预览功能 前几天做了一个项目,涉及到上传本地图片的功能,正好之前了解过 html5 可以上传本地图片,然后再网上看了一些demo结合自己的需求,终于搞定了.(PS : 不得不承认我这个人有多懒,没有需求的时候我向来不主动去学习).移动端完全支持哦!已测试. 下面给大家看看代码吧怎么实现的 第一:HTLM部分(这里不去做漂亮的样式了我们注重学习功能) <input type="file" id="fileElem" mul

HTML5移动开发之路(25)—— AppCan开发环境

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(25)-- AppCan开发环境 一.工具下载: 官方下载地址:http://www.appcan.cn/experience.html 按照安装指导默认安装即可 二.建立项目 启动AppCan SDK 建立项目 填入在appcan官网上注册的账号和密码,方便后面对应用的管理. 建立好的项目如下: 三.使用模拟器调试 右击index.html,选择预览 四.使用真机调试 1.下载真机调试工具:http://

用HTML5、地理定位API和Web服务来开发移动应用

HTML 5 是一项让人振奋的技术,这有着充分的理由.这将会是一次技术突破,因为它可以将桌面应用程序功能带入浏览器中.除了传统浏览器外,对于移动浏览器,其潜力甚至更大.不仅如此,最流行的移动浏览器甚至已经采用并实现了 HTML 5 规范中很多重要部分.在这个由五个部分组成的系列里,您将仔细了解 HTML 5 中的一些新技术,它们对移动 Web 应用程序开发具有重大影响.在本系列的每一部分中,您将动手开发一个展示 HTML 5 新特性的移动 Web 应用程序,这些特性可用于最新的移动 Web 浏览