1、学习html5不需要会java,但是需要编程基础,比如各种JS/JQuery等。
2、学习html5最重要的不是已经会多少东西,而是你的不断学习的学习能力。要明白,技术是时刻在更新的。
学习HTML5可以参考下列进阶知识:
一、前段页面重构1、PC端网站布局(HTML基础,CSS基础,CSS核心属性;CSS样式层叠,继承,盒模型;浏览器兼容性与宽高自适应;定位、锚点、图片整合;表格,CSS属性与滤镜。)
2、HTML5+CSS3基础(HTML5新增的元素与属性;CSS3选择器、媒体查询;CSS3位移与变形处理;CSS3 2D、3D转换与过度动画;响应式设计。)
3、WebApp页面布局(移动端页面设计规范;移动端切图;文字流式/控件弹性/图片等比例/特殊设计的100%布局;等比缩放布局;viewport/meta、rem/vw的使用;移动web特别样式处理)
二、JavaScript高级程序设计1、原生JavaScript交互功能(基本语法、循环语句、函数与数组、String与Date、BOM与DOM、事件、拖拽效果、cookie存储、正则表达式、Ajax、面向对象基础、运动与游戏开发)
2、面向对象进阶与ES5/ES6应用(Promise/A+、设计模式(观察者模式等)、原型链、构造函数、执行上下文栈与执行上下文、变量对象与活动对象、作用域链、闭包、this、ES5、ES6)
3、JavaScript工具库(DOM库、事件库、AJAX库、原型和继承库、MVVM核心库、基于SPA的路由库)
三、PC端全栈项目1、jQuery经典交互特效(时间轴特效、tab页面切换效果、网页定位导航特效、滑动门特效、焦点图轮播特效、导航条菜单效果、瀑布流特效、弹出层效果、倒计时效果、抽奖效果)
2、PHP+MySQL后端基础(PHP、MySQL、HTTP(s)协议详解、Ajax进阶、跨域与Defered、Apache与Nginx 环境搭建与配置、接口的定义、Mock数据、Restful、前后端联调、前端安全XSS,CSRF,JSON注入)
3、前端工程化与模块化应用(Gulp、Webpack、NPM、Git/SVN、CommonJS、AMD、CMD、ES6模块化)
四、移动端WebApp开发1、应用Vue.js开发WebApp项目
2、应用React.js开发WebApp项目
3、应用Angular开发WebApp项目
五、混合(Hybrid,RN)开发1、微信公众号开发
2、微信小程序开发
3、React Native
六、NodeJS基础、MongoDB、GraphGL、Express、Koa、socket 即时通信??
HTML5属于前端开发,相对来说比较简单,更加适合没有计算机基础或者是偏向于设计爱好的同学来学习,但是需要学习什么,需要掌握哪些技能,作为准备踏入HTML5前端工程师的你,知道几点?需要的技能:H5前端工程师主要具备的技术能力包括Web UI(网站设计)设计能力、网页编写和网页动态效果能力和基本编程的能力,企业需要既懂网页设计,又具备编程能力的技术人员,只要具备以上三方面的能力,就能够基本满足企业对H5前端工程师的招聘需求。
具备的能力:1.追究问题发生的根源,很多人只知道埋头苦写CSS和Java,但如果问他们为什么要添加某些标签或是删掉某些标签,他们往往答不上来,只知道一删掉就会导致页面乱套。所以应该多花一些时间来找出原因,看似这样的工作方式会比较费时费力,但前期保障做足,保证会节省你更多的未来时间。2. 学会预见浏览器发展趋势,前端相对来讲不那么在你的掌控当中,不同用户的平台或者是设备都是前端永恒的话题,你的代码需要掌握这一切。3.阅读文档规范,当同一份代码在两个或者是更多的浏览器的渲染效果不同时,你应该花更多的时间来确定哪个效果是正确的,并应该以此来作为标准写代码,解决方案当然也是友好的。
当然看到这里,也许你对HTML5前端工程师有了一定的了解,看到这里也许你的方向会更加明确,也许会更加惧怕,但只要确定好方向,一定可以成功转变为一名合格的HTML5前端工程师。
学习HTML5需要掌握的知识点知识点有以下几个:一、HTML5基本组成:
1、HTML5=HTML+CSS+JavaScript
2、HTML指的是结构:结构是在整个网页中有标题、列表、图片等。
CSS是样式:样式是标题文字的字体大小、颜色、字体;图片大小;某个块的背景色或背景图等。
JS是行为:行为是在网页上四处飘动的广告;图片滚动;浏览图片时鼠标移动到图片时,放大缩小图片的效果。
二、容易混淆概念:
1、HTML5移动端的功能和应用程序:
对于苹果手机中的应用程序,属于iOS开发,语言是OC;对于其他安卓系统的手机,需要使用JAVA语言进行开发。HTML5能够做的是移动端的网页以及微信平台中移动端网页。
2、前端后台的区别:
无论HTML5还是iOS,在整个网页开发流程中,前端(HTML5)开发工程师,主要负责的是“前台页面制作”,“网站测试”,“修改”三个部分。
3、HTML5与网页设计与制作的区别:
原有的网页设计与制作,主要针对PC平台,进行网页网站的设计与制作,相对会涉及一部分设计工作,并将美工图实现成网页。通常使用的工具是网页三剑客—Photoshop、Flash、Dreamweaver。
然而,行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰。其中原因之一就是网页设计与制作当中的结构实现,通常采用的是table布局;而web前端开发工程师、HTML5当中结构的实现,采用的是DIV+CSS方式的布局,因此,Dreamweaver工具的使用也就没有什么必要性了,取而代之的是内存占用小,开发速度快的文本类编辑器。而Flash在与HTML5的大战中战败,当前已经退出了移动端以及电视平台的市场争夺,在PC平台也越来越少。转言之,Flash在网页制作的领域里已经江郎才尽,原来的网页三剑客只剩下一个ps,在前端工作要求中,需要掌握基本的切图即可。
总结:随着互联网的快速发展,HTML5已经慢慢的渗透到我们的生活中,因此HTML5前景十分光明,需要我们牢牢的抓住机会,通过一些专业的学习后能够在这个行业发光发热。