就想游城市

快捷导航
登录 |注册居民 |
查看: 777|回复: 0

[分享] HTML5是什么?HTML5如何从入门到精通?

[复制链接]

63

主题

82

帖子

-3

积分

无业游民

积分
-3
发表于 2016-3-19 03:43:16 | 显示全部楼层 |阅读模式

越分享越成功,想做好一件事,必须要花费一些功夫,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后一定要克服,在 状态不好的情况下,往往要及时调整。新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己 水平高的人,那样往往能让自己成长的快,切勿急躁。

初学可以看一些入**教程,之后可以买一些书,做一些小项目,要学会投资,分析自己的现状及能力,实时调整,一定要有自己的想法,懂得创新。在这里一定要对自己做分析,然后找出一种适合的学习方法。

一个优秀的前端开发工程师必备的知识技能!到底有哪些知识点。在此附两张前端知识点总结图:

图.1

图.2

1)有一定web基础的技术人员,深入学习移动HTML5新技术

2)产品、设计人员,对HTML5及周边技术能得到很好的了解和提高

3)移动HTML5基础Java详解

1. Basic Java

1) HTML5页面的层级结构剖析

2) 实例详解:Hello World的文档结构

2. Java变量

1) 函数中变量的使用

2) 实例详解:Java陷阱知多少

3. 执行环境和作用域

4. 引用类型

1) Object对象

2) 日期对象

3) 实例详解:上线时间的地雷千万不要踩

4) Java小技巧之apply和call

5. JSON

6. 面向对象

1) Java对象简介

2) 工厂模式

3) 原型模式

4) 构造函数

5) 面向对象实例详解:花名册的编写

7. BOM

1) BOM的重要性

2) location你不知道的那些事

3) navigator行业标准

4) 实例详解:获取用户的分布

8. DOM

1) 移动手机页面层级结构的再探究

2) 实例详解:兼容pc与移动端的任意添加块

9. 事件处理

1) 冒泡和捕获的历史是与非

2) 事件监听机制的重要

3) 实例详解:随手指拖拽的小方块

10. 闭包

11. Ajax与Comet

1) Ajax的兴起与Java的血泪史

2) Comet机制的引入

3) 实现Comet的两种方式

12. Java调试与监控

1) 调试工具一览

2) Chrome面板

3) 深度浏览你的页面,各种资源尽收眼底

4) 熟悉网络的情况

二、 移动HTML5精彩世界

1. 移动HTML5的杀手效应——新浪移动H5网站架构分析

1) HTML5到底是什么?

2) 为何H5能在这几年快速的发展起来

2. 今日头条:移动端H5标签全解析

1) 新标签与div到底有什么区别?

2) 爬虫从此不再孤单

3. 绘图canvas的世界

1) 从方圆开始的计算机图形学

2) 手机财经:腾讯canvas绘制手机股票行情图细节分析

3) canvas处理位图

4) canvas制作动画

5) 实例详解:windows98屏保再回忆

6) canvas与flash的性能分析

7) 提高canvas绘图性能的几个秘籍

4. HTML5多媒体

1) 如此快捷的多媒体应用

2) 如何制作兼容所有浏览器的多媒体播放器

3) 把视频当图片一样来处理?canvas的威力再现!

4) 实例详解:九宫格大屏幕

5. 如何通过H5表单提升用户体验

1) 移动时代的到来

2) 从chrome浏览器的发展,展望H5表单的未来

6. 本地存储Local Storage深入探讨

1) 传统cookie与H5本地存储之间的博弈,到底该选择谁?

2) 移动百度首页分析:如何巧妙使用H5提升网站性能,节省带宽

3) 动手练习:最简单的本地存储程序,计数器

7. HTML5离线应用

1) H5离线应用打造终极本地APP

2) HTML5 APP分析:新闻客户端

8. HTML5跨域请求

1) 新浪与淘宝的合作:页面之间域的限制

2) 传统的跨域解决方法

3) 横空出世HTML5的PostMessage

4) 实例详解:跨浏览器的解决方案

9. H5手机方向感应

1) HTML5与立体三维空间的完美结合

2) 用HTML5开发微信“摇一摇”功能

10.如果你是H5规范制定者,你会如何制定地理定位的规范?

1) 如何利用手机H5地理位置,快速测量办公室大小

2) 地理定位Geo Location深入探究

11. H5实时通讯Web Socket

1) 我们为什么需要socket?

2) 新浪网消息推送架构详解:H5本地存储、跨域post、socket三箭齐发的结构

12. Java的瓶颈,我们需要更高的效率

1) HTML5的多线程

2) H5线程与线程之间的通讯

13. HTML5展望

1) 微信H5分享的爆发

2) webAPP与本地APP的选择“第三天下午

三、 CSS3与移动端HTML5布局

1. 为何移动端HTML5离不开CSS3

1) CSS3概述

2) 实例详解:Hello World

2. CSS基础简述

1) 盒子模型深入解析

2) float排版你所不知道的妙用

3) 多种方法,固定宽度且居中的布局

4) position定位的性能到底怎么样?

5) 实例详解:手机上的一键换肤

6) CSS禅意花园

3. 处理移动端的浏览器兼容性

1) 常见的手机浏览器兼容性问题详解

2) CSS Hack在移动端的使用那些事

4. CSS3与移动端HTML5媒体支持

1) 处理不同手机屏幕的排版

2) 实例详解:ipad横竖屏讲解分析

5. 外引字体

1) 为什么需要外引字体?

2) 浏览器兼容性处理

3) 中文字体的困惑,裁剪字体

6. CSS3分栏

1) 用户阅读习惯的那点事

2) 分栏的制作方法

3) 实例详解:华尔街日报

7. CSS3与HTML5变幻与动画

1) 动画的巧用

2) 实例详解:图片幻灯效果

8. CSS3与Java

1) CSS3与js之间的联系

四、H5框架及基于zepto的移动HTML5设计

1. Java框架

1) 为什么我们需要Java框架

2) 框架之间的大比拼

3) 移动端上的框架详解

2. JQuery

1) 最流行的JQuery

2) 利与弊之间的博弈

3) JQuery实例简单分析

3. JQuery Mobile

1) JQuery Mobile简介

2) JQuery Mobile实例简单分析

4. Sencha Touch

1) Sencha简介

2) Sencha与jQuery Mobile之间的区别

3) 你的选择?

5.zepto

1) zepto的横空出世

2) 移动端HTML5的利器

6. 框架之间的综合比较

1) 明确你的需求

2) 选择合适的框架

7. 基于zepto的移动HTML5设计

1) zepto中的选择器

2) 自适应手机屏幕尺寸的解决办法

3) zepto对DOM元素的操作

4) zepto中引入的那些移动事件

5) 触屏手势详解

五、 HTML5页面性能优化及响应式web

1. HTML5页面性能优化

1) 页面的时间都花在哪里?

2) HTTP请求概览

3) 减少HTTP请求

4) 使用CDN

5) 采用Gzip技术

6) 合理放置样式以及脚本

7) 减少DNS请求

8) 避免重定向

9) 管理您的cookie

2.性能优化实践:新浪首页性能全解析

3. 响应式web设计

1) 什么是响应式设计

2) 传统的解决方案

4.如何做一个响应式设计

1) 明确你的需求

2) 找到尺寸突破点

3) 一把双刃剑

5. 合理使用HTML5和CSS3

1) 一个HTML,多个CSS

2) 处理横竖屏

3) 图片的自适应选择

6. 渐进增强

1) 什么是渐进增强

2) 163的示例

3) 如何应对高清屏幕

技术只是生活的一部分,曾经雄心斗志,如今低头写码。改变能改变的,接受不能改变的。人生有限,兄争朝夕啊。人生学习的态度是:不 急不躁,不快不慢。持之以恒,相信自己。不求能改变世界,但求能改变自己的生活。不求健步如飞,但求一步一脚印。感谢磨难,他使我们内心更为坚强。

感谢挫折,他使我们不断的成长,感谢bug,他使我们的思维更加深邃。感谢前端,他使我们更加的相信,撑起一片天空需要十八般武艺。良师益友网:愿你在前端的路上越走越远!早日迈向移动开发技术大牛!
这是个寂寞却幸福的城市,这是个声音与耳朵相恋的城市 93you.com
您需要登录后才可以回帖 登录 | 注册居民

本版积分规则

就想游设计 ( 桂ICP备13002329 | 桂公网安备 45030502000286号 )|手机版|Archiver|

Powered by Discuz! X3.4© 2007-2017 就想游城市原创风格 Jokke design

GMT+8, 2020-1-23 03:26