前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。所以在学习之前我们需要先明确三个概念：
- HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。
- CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
- JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
HTML 是指超文本标记语言: Hyper Text Markup Language，HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页，HTML 文档包含了HTML 标签及文本内容，HTML 文档也叫做Web界面，我们可以使用 HTML 来建立自己的 WEB 站点，HTML5作为万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，2014年10月正式定稿。它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。如果说苹果重新发明了手机，那么HTML5则 重新定义了网络。它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现页面，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。HTML5具有及时更新、跨平台性强等的特点，同时易学易用，不需要任何开发环境，易传播，无需安装，可以在任何设备上查看。随着网络的不断发展，HTML5势必将成为网络搭建的主流语言。
Web前端开收技术包括三个要素：HTML、CSS和Java，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开收工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从常识的广度上对Web前端开发工程师提出了要求。
web技术实际上已经渗透到了编程的方方面面，比如json开始是Javascript里的一种object定义的方式，但现在已经成为了一种很标准的数据交互、参数配置的格式。另外AJAX能够帮助初学者理解一定的网络技术原理，而网络技术也是机器人工程师必备的技能。再者，制作GUI（图形用户界面）是常规debug的办法，而近年来一个流行的趋势是用webkit嵌入程序用HTML和Javascript作为图形界面的后端，而在机器人操作系统ROS（ROS.org | Powering the world's robots）里，通过rosbridge可以非常方便地把机器人程序的数据传递到websocket上。
html5学习方法之技能清单：
必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、java、Ajax，jquery，Vue，jquery-mobile，zepto等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。这是前端工程师的最核心技能，是专做页面效果的技术。如果想更深层次的做好前端开发，那就需要学习和了解更多的东西，比如一些热门的框架backbone，angularjs等;nodejs近几年也越来越火了，同样需要学习。
两个图学习一下
