HTML5学习指导路线
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学习指导路线的更多相关文章
- HTML5 学习总结(一)——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- HTML5学习总结——canvas绘制象棋(canvas绘图)
一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> & ...
- HTML5 学习笔记(一)——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
- html5学习笔记一
HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg” controls=”controls”> ...
- [HTML5] 飞龙天惊-HTML5学习系列
飞龙天惊 cnblog URL:http://www.cnblogs.com/fly_dragon/ Html5 学习系列(一)认识HTML5 http://www.cnblogs.com/fly_d ...
- HTML5 学习笔记--------》HTML5概要与新增标签!
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...
- HTML5学习笔记(一):HTML简介
Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...
- HTML5学习参考资料整理
给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究.如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持 我们,让我们利用大家的力量收集更多的HTML5学习资料 ...
- HTML5学习总结——HTML5入门与新增标签
一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...
随机推荐
- win10 uwp 右击选择 GridViewItem
有时候我们需要选择一个 GridView 的一项,通过我们右击. 于是我们需要在 GridView 的 SelectionMode 为 Single ,IsRightTapEnabled 为True ...
- springcloud之服务注册与发现(Eureka)
springcloud服务注册与发现 使用Eureka实现服务治理 作用:实现服务治理(服务注册与发现) 简介: Spring Cloud Eureka是Spring Cloud Netflix项目下 ...
- 虚拟机VMware Workstation Pro下安装ubuntu-14.04.4(64位)方法(附ubuntu-14.04-desktop-amd64.iso下载链接)
ubuntu-14.04-desktop-amd64.iso下载: 链接:http://pan.baidu.com/s/1bFi0d4 密码:yx0l 零基础linux使用入门教学视频分享: 链接:h ...
- Django安装以及介绍
安装django说先需要安装python环境,因为他是依赖于python环境运行的 最好再安装pycharm,一款强大的开发工具,里面有各种开发工具的集成 在Windows先安装: 首先进入cmd命令 ...
- redis数据类型和应用场景
Redis是什么?两句话可以做下概括: 1. 是一个完全开源免费的key-value内存数据库 2. 通常被认为是一个数据结构服务器,主要是因为其有着丰富的数据结构 strings.map. list ...
- android 统计启动时长,标准
一.启动的类型 冷启 动,application没有被创建,需要先创建进程,然后启动MainActivity.由于这个过程需要fork一个新进程,所以耗时. 热启动,同上面对照,已经启动过applic ...
- 【转】循环冗余校验(CRC)算法入门引导
原文地址:循环冗余校验(CRC)算法入门引导 参考地址:https://en.wikipedia.org/wiki/Computation_of_cyclic_redundancy_checks#Re ...
- 【转】话说C语言const用法
原文:话说C语言const用法 const在C语言中算是一个比较新的描述符,我们称之为常量修饰符,意即其所修饰的对象为常量(immutable). 我们来分情况看语法上它该如何被使用. 1.函数体内修 ...
- 80端口被系统服务【kernel&System】占用解决方案
netstat -ano | findstr port //查看端口占用情况 tasklist | findstr port //查看端口被占用的具体服务名 运行net stop http ...
- vue 从入门到精通(二)
上一篇总结了一些vue的理论知识,如果你没看懂的话--那返回去继续去看啊!反正我要开始第二篇了. vue提供了大量的指令,比如:v-if,v-bind,v-on--太多,多写项目,多看API,这里就不 ...