本文目录
- 零基础如何学习Html5可以学会吗
- 零基础的人想学习HTML5技术从何学起
- Html5可以自学吗
- 零基础想学习HTML5技术从何学起
- 学习HTML5前端,要会哪些知识点和技能
- HTML5前端开发需要学习的主要内容
零基础如何学习Html5可以学会吗
前端的基础无外乎HTML、CSS、js三类，HTML控制内容、CSS控制表现、js控制动效。由于题主的要求中还有`迅速`这个要求，所以基础学习的时间分配可以有侧重： 1. HTML、HTML5标签过一遍：大概2天。不要求对每个标签的每个属性都了如指掌，知道什么情况下用什么标签就足矣，死记硬背也没什么意义，后面用的多了自然就熟了。22. CSS、CSS3：也还是整体先过一遍：大概3天。重点关注选择器语法、选择器优先级计算，要写出高效简洁的CSS，其实也就是看选择器写得好不好而已。 33. 了解常见布局：大概2天。熟悉一下常见的2列3列自适应布局方案，各种居中，各种行列的实现方式有哪些，响应式布局的实现方式等。44.模仿几个PC、移动端网页：7天。学编程主要是靠练习，前面学的都是比较零散的细节，这时候可以找一个比较简洁的网站去模仿它的静态页面。这个时候的重点不是某个CSS属性的用法，而是要看一下一个网站的HTML结构是怎样的， CSS样式是怎么组织起来的，HTML与CSS是怎么结合的。
零基础的人想学习HTML5技术从何学起
1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行：网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学HTML5入门：HTML5入门 - 网易云课堂CSS3：CSS3 - 网易云课堂JavaScript：JavaScript - 网易云课堂书的话，还是推荐一些经典的吧：《Head first HTML&CSS》：入门级必备，难度合适《JavaScript DOM编程艺术》：同样入门级教材《HTML5权威指南》：内容全面，进阶阶段可看《JavaScript高级程序设计》：JS圣经，殿堂级教材建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。Maka：MAKA.im | 简单、强大的HTML5创作工具印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。初页：初页 - 优质H5手机页、微信海报和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。秀制作：秀米 XIUMI来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。Epub360意派：Epub360意派-专业级H5微场景设计平台模板不多，但自由度较高，适合有设计感的设计师来操刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。
Html5可以自学吗
首先，选择自学的方式无疑是需要很大勇气和耐心的自学尽管很省成本，但是在自学HTML5的路上，会出现各种问题，遇到各种障碍，非常容易走弯路，如果无法有效的解决，是很难自学成才的。能否学成，也是因人而异的。基于大部分人而言，自学之路，艰辛无比，天赋高一点的话，花个半年时间以上自己琢磨，也是能学成的，但是概率也很低。HTML5技术繁杂多样化，要想成为一名合格的HTML5工程师，起码需要精通HTML5特性，了解HTML5最新规范，能够熟练运用HTML5特性构建移动端的WebApp;精通Javascript、HTML/HTML5/XML、CSS/CSS3、Ajax、HTML5 Canvas等前端开发技术，有响应式页面开发经验。还需要精通DIV+CSS和W3C标准，熟练运用XHTML,CSS，深刻理解手机平台上各主流浏览器之间的兼容性; 熟悉JS/CSS/ HTML5在各种手机分辨率上的兼容和性能优化;熟悉jQuery, AngularJS,VueJS, cocosx-js、egret、QuarkJS或createJS等html5框架等。自学HTML5开发也是可以的，但是难度极大下面给你自学的一些建议第一，很多人建议，对于零基础学员，不建议一上来就学习HTML5，HTML5其实就是对HTML4的一个升级，所以，在学习HTML5之前，你还需要详细了解HTML、CSS。在学习HTML5过程当中，你需要充分了解Java，因为无论是想做出一款比较炫的Web APP还是做一个跨平台的移动端网站，这些功能都需要Java的调用，如果你只是单纯的掌握了HTML5、CSS、Java这些技术，那么对于一个合格的HTML5开发工程师来讲是远远不够的，像一些jquery、canvas等等这些也需要学习。第二，要多利用时间，多看书和好文章，很多工程师这样讲，时间总是可以挤出来的，把有限的时间更多利用在有意义的事情上，说句玩笑话，很多初学者在上厕所时还想着自己代码，想着Ajax原生请求怎么写?其实也没有别的其他意思，只想说的是，时间很宝贵，充分利用好时间。第三，学英语，对于IT行业来讲，英语是非常重要的技能，特别是对于新技术人员来讲，基本只有查阅英文文献才能够找到解决方案，这部分练习也会相当有必要的。第四、去除自己焦虑的东西，在HTML5职业生涯初期，作为小白的你，应该总会有从未接触过的技术盲点，无论是在工作当中还是面试过程当中，你都会有少许的担心，为自己知识的欠缺、胜任与否，往往会焦虑不安，所以此时就更需要你镇静。第五、充分利用资源，生活在信息量充足的现代生活中，无论是书籍还是网络资源，都有可以参考和学习的地方，找一些适合自己学习资源，不断丰富自己。想要学好HTML5开发技术就需要自己不断的努力，要有持之以恒的学习能力。
零基础想学习HTML5技术从何学起
我来谈谈，零基础如何学习HTML5？
非技术方面：
学习HTML5之前，我个人建议先去了解一下HTML5行业。如果对行业状况不是很了解就要学HTML5会让你有点盲目？因为有的人选择HTML5行业的目的是为了高薪，有的人是真正的喜欢才选择它，不同的目的会产生不同的结果。
另外，了解HTML5行业能够帮助你分析一下自己是否适合学习HTML5。我的好朋友也有好多做前端的，有初中学历，有高中学历，还有本科学历且是软件工程专业的，看起来HTML5行业0基础也是可以学，难道是真的0基础可以学吗？我很认真的说不是，HTML5行业深似水，前期看起来发展都一样，但是到了后期会受到计算机相关专业知识的影响，导致无计算机相关知识的开发人员发展缓慢，也就是说很难往深入的方向发展，所以需要看看自己是不是适合做前端。但是，不排除无计算机相关专业的人发展也很不错，他们主要还是靠后期的努力弥补欠缺的知识。总之，还是那句话，兴趣才是你最好的导师。
技术方面：
HTML5开发工程师需要经常与网页设计图打交道，所以可以先从PS学起，学会从设计图获取数据、抠图、简单处理图片等，掌握的越多越好。其次，学习HTML和CSS，要懂得实现静态页面的布局，包括移动端和PC端，当然兼容问题也要掌握。这部分内容对于后期学习有很大的影响，所以需要把它打扎实一点。然后，学习原生JS的基础语法，因为它是学JS框架的重要基础，也是前端的核心技术。最后，JS掌握了面向对象、设计模式等后再去学习angular等比较流行的框架。对于HTML5知识的获取你可以到W3CSchool、HTML5学堂、掘金等平台进行学习。
最后提一下，如果想在前端行业发展的不错，后台语言、设计都需要掌握一些，才能把网页做的更好，而不是单纯的去实现网页。
网名：梦幻雪冰(IceBoy)
学习HTML5前端,要会哪些知识点和技能
第一阶段： HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效： 常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征： 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery：基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。 第二阶段： HTML5和移动Web开发 HTML5： HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas. CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。 Bootstrap: 响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。 移动Web开发： 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。 第三阶段： HTTP服务和AJAX编程 WEB服务器基础： 服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。 PHP基础： PHP基础语法、使用PHP处理简单的GET或者POST请求、 AJAX上篇： Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。 AJAX下篇： JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。 第四阶段： 面向对象进阶 面向对象终极篇： 从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。 面向对象三大特征： 继承性、多态性、封装性、接口。 设计模式： 面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。 第五阶段： 封装一个属于自己的框架 框架封装基础： 事件流、冒泡、捕获、事件对象、事件框架、选择框架。 框架封装中级： 运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。 框架封装高级和补充： JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。 第六阶段： 模块化组件开发 面向组件编程： 面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。 面向模块编程： AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。 第七阶段： 主流的流行框架 Web开发工作流： GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。 MVC/MVVM/MVW框架： Angular.js、Backbone.js、Knockout/Ember。 常用库： React.js、Vue.js、Zepto.js。 第八阶段： HTML5原生移动应用开发 Cordova： WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。 Ionic： Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。 ReactNative： ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。 HTML5+： HTML5+中国产业联盟、HTML5PlusRuntime环境、HBuilder开发工具、MUI框架、H5+开发和部署。 第九阶段： Node.js全栈开发： 快速入门： Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。 核心模块和对象： 全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。 Web开发基础： HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。 快速开发框架： Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。 Node.js开发电子商务实战： 需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块。
HTML5前端开发需要学习的主要内容
互联网开发技术有前端和后台之分。现在从事前端开发的人越来越多，HTML5前端也因为简单易学有着大批追随者。那么HTML5前端培训主要是做什么呢?学习HTML5前端培训需要有什么基础?HTML5前端培训到底好学吗?
首先我们来看，什么是Web前端。
当你在网络、APP上浏览网页时看到的所有漂亮的页面都是由Web前端实现的，在我们看来简单，但是一个小小的按钮，一个小小的符号都是Web前端工作者仔细斟酌过的。
HTML5前端工作相对于其他软件开发工作是比较容易入门的，但是深入学习会比较困难，它需要从业人员掌握一定的设计、代码、交互技能，有的公司还会要求有一点SEO技能。
其次，零基础该如何入门HTML5培训呢?
HTML5前端培训零基础入门有两种方式：
1、通过自己自学进入该行业
2、通过参加教育培训机构入门
通过自身学习入门你需要通过的是最开始学习时多看看视频，有一定了解后针对自身情况挑选合适的书籍，进行知识性的查漏补缺。当然这学习的过程很重要，需要将自己学习的知识串成知识点时常温习。平时多练习代码，坚持一段时间之后一定能有所成就。最好可以挑选合适的教育机构，这样可以减少你学习的时间，有针对性的学习。
最后来看一下前端技能分级
根据学习前端的时间和侧重点不同，前端开发有三个阶段。分别是前端设计、前端开发以及前端架构。前端设计主要负责最基本的一些平面设计，交互设计，不需要参加太多代码问题;中级前端开发要会写js,应用js,用户交互等;前端架构则是开发、优化框架和服务器，用户体验等涉汲就比较广。三者薪资根据等级不同也逐渐升高。
HTML5前端开发培训需要学习的内容
HTML、CSS和JS，是Web前端开发的三个重元素，当然服务器端语言以及基本的PS、视觉设计也是需要了解的。HTML5前端既需要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能比较多。所以电脑培训认为对于有些知识只需要入门不需要精通，有些知识却需要融会贯通，这对HTML5前端开发的学习比较重要。
