HTML5是现在热门的技术,经过8年的艰苦努力,该标准规范终于制定完成,在这里为想要学习HTML5初级程序员详细划分一下学习内容和步骤,让大家清楚的知道HTML5需要学什么?能够快速掌握HTML5开发流程。

  一、Web页面制作基础

  整体目标:掌握传统PC端网页布局和制作

  阶段目标:精通掌握HTML5的应用,掌握CSS在开发中的使用,学会页面标准化布局技术

  实战案例:高仿大型网站的模版(新浪、京东等)

  二、UI网站设计

  整体目标:掌握页面设计和原型图制作

  阶段目标:掌握标准化布局中的各项技术,能够独立设计具有创意、符合需求的web页面,能够独立设计出手机移动网站,掌握页面设计和原型图制作

  实战案例:独立完成大型网站的全模版设计(web页面和移动界面)

  三、编程基础技术

  整体目标:Js完成常见的网页特效开发

  阶段目标:掌握Js基本语法与流程控制相关操作,使用Js结合HTML实现代表性的Js特效制作,可以独立完成网页中常见的特效编写,以及第三方特效插件的使用

  实战案例:结合Js实现动态页面(京东、淘宝、腾讯等)

  四、后端开发技术

  整体目标:了解web服务器工作原理,并可以简单的搭建自己的应用程序服务器

  阶段目标:掌握HTTP与WEB工作原理,掌握Socket长连接实时网络通信技术,掌握NoSQL中的MongoDB的应用,了解PHP语法,了解MySQL数据库基本操作

  实战案例:京东、淘宝、腾讯视频

  五、移动互联网应用

  整体目标: 掌握现在主流的页面制作技术, 可以完微网站的制作,并可以做到多设备兼容

  阶段目标:掌握 HTML5 新增智能表单的使用,制作播放器对搜索引擎优化进行讲解,掌握优化的各种方式

  掌握响应式页面布局技术

  掌握微网站的开发过程及开发移动端web应用

  实战案例 : 饿了么,华侨城 仿北京银行 仿太平洋保险,仿微信

  六、特效开发高级实战

  整体目标: 通过实际项目开发,精通前端常用框架的实际应用及问题解决,以及常见特效开发、前后台交互开发

  阶段目标 : 利用 jQuery 框架进行 js 特效开发

  掌握 jQuery Mobile 的应用开发移动应用程序

  掌握 Bootstrap 的使用

  掌握 AngularJS 框架应用

  实战案例 : 京东商城

  七、企业级应用开发

  整体目标:能够独立使用 HTML5 完成 APP 开发制作

  阶段目标 :使用 web 制作 LBS 应用程序;在应用中使用多线程技术完成 UI 交互与数据处理并行

  了解和掌握 PhoneGap 的安装和操作,能够使用 PhoneGap 进行封装,实现跨平台的应用

  了解和掌握触屏和手势相关的事件使用方式,能够通过媒体查询和多列布局属性实现屏幕自适应,实现响应式布局 了解和掌握不同的设计模式以及其适合的企业 APP,并且能够将其应用在程序设计中

HTML5学习指导路线的更多相关文章

  1. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  2. HTML5学习总结——canvas绘制象棋(canvas绘图)

    一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> & ...

  3. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

  4. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

  5. [HTML5] 飞龙天惊-HTML5学习系列

    飞龙天惊 cnblog URL:http://www.cnblogs.com/fly_dragon/ Html5 学习系列(一)认识HTML5 http://www.cnblogs.com/fly_d ...

  6. HTML5 学习笔记--------》HTML5概要与新增标签!

      一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...

  7. HTML5学习笔记(一):HTML简介

    Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...

  8. HTML5学习参考资料整理

    给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究.如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持 我们,让我们利用大家的力量收集更多的HTML5学习资料 ...

  9. HTML5学习总结——HTML5入门与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...

随机推荐

  1. vue学习前奏——webpack

    "工欲善其事必先利其器",要想学习vue,首先需要我们去了解webpack,便于后期快速构建运行项目.废话不多说,下面开始介绍在开始一个vue项目前我们需要对webpack有一定的 ...

  2. win10 uwp 改变鼠标

    经常在应用需要修改光标,显示点击.显示输入,但是有些元素不是系统的,那么如何设置鼠标? 本文主要:UWP 设置光标,UWP 移动鼠标 设置光标 需要写一点代码来让程序比较容易看到,什么光标对于什么. ...

  3. RT5350 OpenWrt 系统移植jsoncpp

    下载Json包: 下载地址:http://sourceforge.net/projects/jsoncpp/ 如:jsoncpp-src-0.5.0.tar.gz 交叉编译: 1.解压jsoncpp- ...

  4. 关于scanf 与 cin gets(),getline()......输入输出字符串的区别

    很对人对于字符串的输入输出一直是比较模糊的,今天总结一下几个常用的输入流符号对于输入字符串时的区别: 1.scanf(),首先 它遇到空格或回车键(\n)就会结束,并且会将回车符算入字符串中: 2.c ...

  5. centos安装SWFtools服务(pdf2swf)

    第一步:下载swftools-0.9.2.tar.gz 第二步:swftools tar -xzvf swftools-0.9.2.tar.gz cd swftools-0.9.2 ./configu ...

  6. “华尔街之狼”:ICO是“史上最大骗局”

    勘探船进村的那个夏季,父亲从城里带回了那把手电.手电的金属外壳镀了镍,看上去和摸起来一样冰凉.父亲进城以前采了两筐枸杞子,他用它们换回了那把锃亮的东西.父亲一个人哼着<十八摸>上路,鲜红透 ...

  7. Kotlin——最详细的数据类型介绍

    任意一种开发语言都有其数据类型,并且数据类型对于一门开发语言来说是最基本的构成,同时也是最基础的语法.当然,kotlin也不例外.kotlin的数据类型和Java是大致相同的,但是他们的写法不同,并且 ...

  8. IO(Input&Output)流の介绍

    1.导读 对于设备之间的流动(即写入数据或读出数据),Java专门用Java.io包进行操作.这些数据的流动便是我们所说的数据的输入输出流(IO流). 2.数据流的处理:字节流和字符流 数据的基本单位 ...

  9. JavaScript面向对象深入理解原型

    原型模式 function Person(){ } Person.prototype.name="Ewarm"; Person.prototype.age="29&quo ...

  10. LeetCode 543. Diameter of Binary Tree (二叉树的直径)

    Given a binary tree, you need to compute the length of the diameter of the tree. The diameter of a b ...