学习的HTML5技术有哪些？
随着这两年HTML5火爆程度，争相讨论HTML的人也是越来越多。讨论的问题也主要围绕着：“如何区分HTML5开发和前端开发？学习HTML5需要掌握的专业技术有哪些？”今天，java课程就和大家聊聊！
HTML5，超文本标记语言HTML新标准，主要用于前端开发及游戏制作。从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主，但因为HTML5这个概念很流行，所以微网站开发、小游戏开发、WebAPP或是公众号等应用，很多人都会说使用HTML5开发。
前端开发
前端开发一般指网页开发，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。了解Web服务器当你对Apache的基本配置，htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术。
前端包含HTML5
当然，HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。
那么想要学好html5前端开发，那么需要掌握的专业技术有：
1、前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；
2、JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；
3、PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；
4、移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；
5、混合（Hybrid）开发：各类混合应用开发；
6、NodeJS全栈开发：WebApp后端系统开发；
7、大数据可视化：数据可视化入门、D3.jS详解及项目实战。
绛旓細HTML5鏃朵唬鐨勪骇鐗╋紝涔熸槸涓轰簡婊¤冻鍚勫ぇ浼佷笟闇姹傝屼骇鐢熺殑涓闂鎶鏈锛屼粬鏄竾缁寸綉鐨勬牳蹇冭瑷锛屾槸瓒呮枃鏈爣璁拌瑷鐨勭浜旀閲嶅ぇ淇敼銆備负浜嗘弧瓒充紒涓氱殑闇姹侶TML5涓昏瀛︿範涓涓嬬煡璇嗙偣锛氫竴銆亀eb椤甸潰鍒朵綔鍩虹 璁よ瘑web鍓嶇鍜孒tml 鎺屾彙HTML搴旂敤 鎺屾彙CSS鍦ㄥ紑鍙戜腑鐨勪娇鐢 椤甸潰鏍囧噯鍖栧竷灞 浜屻乁I缃戠珯璁捐 UI杞欢鍩虹 Axure鍘熷瀷鍥...
绛旓細鏈塁ss3锛孞avaScript锛宩Query锛孉ngularJS锛孭HP锛孨odeJS杩欎簺銆瀛︿範浼佷笟鍓嶇鎶鏈矖浣嶉渶姹鐨凥TML5鎶鏈锛孒TML5鍩硅璇剧▼浣撶郴鍙互鐪嬩笅鍥捐绋嬫柟鍚戝氨鏄庣櫧闇瑕佸涔犱粈涔堛傜幇鍦紝鍓嶇寮鍙戝伐绋嬪笀鐨勮亴璐ｏ紝涓嶆槸鍙湁鍒囧浘銆佸埗浣滅綉椤佃繖涔堢畝鍗曚簡锛屽涔犺绋嬪繀椤诲畬鍏ㄨ鐩栬涓氬唴宀椾綅闇姹傦紝鎵嶈兘杞绘澗鑳滀换WEB鍓嶇/绉诲姩绔/娣峰悎搴旂敤寮鍙戝伐浣滐紝...
绛旓細瀛︿範鐩爣鏄帉鎻℃闈㈠簲鐢ㄥ強鍙鍖栧ぇ鏁版嵁锛屽疄鐜板鏉傛暟鎹睍绀虹被椤圭洰锛岃兘澶熺嫭绔嬪畬鎴愬墠鍚庡彴鐩稿叧鍔熻兘锛岃儨浠HTML5鍏ㄦ爤寮鍙戝伐绋嬪笀鑱屼綅銆傚緢澶氬涔爓eb鍓嶇鐨勬湅鍙嬮兘甯屾湜鍦ㄥ鎴愬悗鑳芥壘鍒颁竴浠芥弧鎰忕殑宸ヤ綔锛屾墍浠ユ垜浠湪瀛︿範杩囩▼涓竴瀹氳娉ㄦ剰瀹炴垬缁忛獙鐨勭Н绱紝濡傛灉浣犳墍瀛︾殑涓滆タ瀵逛紒涓氭病鏈夌敤锛岄偅浣犳墍鍋氱殑涓鍒囬兘鏄棤鐢ㄥ姛 ...
绛旓細html鏄竴绉嶈秴鏂囨湰鏍囪璇█锛宧5鏄氨鏄痟tml鐨勭浜斾唬绠绉般俬5鍖呭惈浜唄tml鎵鏈鎶鏈鐐癸紝姣斿锛氱綉椤佃璁★紝缃戦〉涓婇潰鐨勫浘鐗囥佹枃瀛椼佽棰戠殑鏄剧ず鍜屾帓鐗堟妧鏈俬5璇剧▼涓鑸寘鍚紶缁熺綉椤佃璁℃妧鏈紱鏂板瀷缃戦〉璁捐UI璁捐锛堟瘮濡俬5娴锋姤璁捐绛夌瓑锛夛紱鐢变簬h5浣跨敤鍦烘櫙浣嶅眳鍓嶆锛屾墍浠ヨ绋嬭繕浼氭秹鍙婁竴浜涗骇鍝佸拰鐢ㄦ埛浣撻獙浠ュ強璁捐鐨勫唴瀹广
绛旓細HTML5鏄疕TML鏈鏂版爣鍑嗭紝铏界劧css3鍜孒TML5鏄寚涓ょ璇█锛屼絾鍏跺疄HTML5涔熼兘娉涙寚鍖呮嫭css3锛屼絾浠HTML5鎶鏈鏈韩鍒嗘瀽鏉ョ湅锛屽畬鎴愪紒涓氱綉绔欓〉闈㈠埗浣溿乄eb App銆佸ぇ鍨嬭喘鐗╁晢鍩庡紑鍙戜互鍙婄綉椤垫父鎴忕瓑鍑犳柟闈㈤兘鏄娇鐢℉TML5鏍囧噯瀹屾垚鐨勩瀛︿範HTML5蹇熷叆闂ㄥ埌绮鹃氾紝蹇呴』鎺屾彙鐨勭煡璇 1.HTML + CSS锛孖T鍩硅缃慔TML5鍩硅绗竴闃舵灏辨槸...
绛旓細HTML5灞炰簬鍓嶇寮鍙戯紝鐩稿鏉ヨ姣旇緝绠鍗曪紝鏇村姞閫傚悎娌℃湁璁＄畻鏈哄熀纭鎴栬呮槸鍋忓悜浜庤璁＄埍濂界殑鍚屽鏉瀛︿範锛屼絾鏄渶瑕佸涔犱粈涔堬紝闇瑕佹帉鎻鍝簺鎶鑳斤紝浣滀负鍑嗗韪忓叆HTML5鍓嶇宸ョ▼甯堢殑浣狅紝鐭ラ亾鍑犵偣?闇瑕佺殑鎶鑳斤細H5鍓嶇宸ョ▼甯堜富瑕佸叿澶鐨勬妧鏈鑳藉姏鍖呮嫭Web UI(缃戠珯璁捐)璁捐鑳藉姏銆佺綉椤电紪鍐欏拰缃戦〉鍔ㄦ佹晥鏋滆兘鍔涘拰鍩烘湰缂栫▼鐨勮兘鍔涳紝...
绛旓細5.浜哄伐鏅鸿兘鍜屾父鎴忛昏緫寮鍙,杩欓儴鍒嗘棩鏈拰娆х編鐨勬父鎴忓紑鍙戞ā寮忎篃鏈夊緢澶т笉鍚,鍦ㄦ缇庢父鎴忓叕鍙镐腑杩愮敤鑴氭湰璇█寮鍙戝緢鏅亶,鎵浠ヨ繖閮ㄥ垎绋嬪簭寮鍙戜富瑕佹槸鐢ㄨ剼鏈瑷缂栧啓,鑰屼笖鑴氭湰绋嬪簭鍜屾父鎴忕▼搴忕殑鑰﹀悎鎬у緢浣,鏈夊崟鐙殑缂栬緫銆佺紪璇戝拰璋冭瘯鐜,杩欐牱姣旇緝鍒╀簬娓告垙绋嬪簭鍜屽叧鍗¤璁″紑鍙戝垎寮,鍚屾椂骞惰寮鍙,鎵浠ヤ竴鑸粬浠兘浼氭湁涓撻棬鍋氬叧鍗¤璁＄殑绋嬪簭...
绛旓細H5娓告垙寮鍙戯紝闇瑕瀛︿範鐨勬妧鏈濡備笅锛1銆HTML5鏁欑▼锛屼富瑕瀛︿範HTML鏍囩銆佸睘鎬у拰浜嬩欢銆2銆丆SS鏁欑▼锛屼富瑕佸涔犱娇鐢–SS鏉ユ帶鍒剁綉椤电殑鏍峰紡鍜屽竷灞銆3銆丣avaScript鏁欑▼锛屽仛HTML5寮鍙戯紝涓昏浣跨敤JS璇█銆傛墍浠ヨ瀛︿範JS璇█銆4銆丠TML5鍏跺畠鐨勬牳蹇冩妧鏈 WebWorker 鍙互鍦ㄦ祻瑙堝櫒涓繍琛屽涓狫S鑴氭湰銆傚彲浠ョ敤浜庨渶瑕佸悗鍙版墽琛屾煇绉嶈楁椂宸ヤ綔...
绛旓細directive璁捐锛html銆乼ext銆乧lass銆乭tml銆乤ttr銆乺epeat銆乺ef锛屽彲鎵╁睍 filter璁捐锛歜ool銆乽pperCase銆乴owerCase锛屽彲鎵╁睍 琛ㄨ揪寮忚璁★細if-else绛夊疄鐜 viewmodel缁撴瀯璁捐锛氫緥濡傛暟鎹紝鍏冪礌锛屾柟娉曠殑鎸傝浇涓庝綔鐢ㄥ煙 鏁版嵁鏇村彉妫娴嬶細鍑芥暟瑙﹀彂锛岃剰鏁版嵁妫娴嬨佸璞ijacking polymer/angular2鎬濇兂涓庤璁℃濊矾 import鎶鏈 template...
绛旓細浜掕仈缃戝紑鍙鎶鏈湁鍓嶇鍜屽悗鍙颁箣鍒嗐傜幇鍦ㄤ粠浜嬪墠绔紑鍙戠殑浜鸿秺鏉ヨ秺澶氾紝HTML5鍓嶇涔熷洜涓虹畝鍗曟槗瀛︽湁鐫澶ф壒杩介殢鑰呫傞偅涔圚TML5鍓嶇鍩硅涓昏鏄仛浠涔堝憿?瀛︿範HTML5鍓嶇鍩硅闇瑕佹湁浠涔堝熀纭?HTML5鍓嶇鍩硅鍒板簳濂藉鍚?棣栧厛鎴戜滑鏉ョ湅锛屼粈涔堟槸Web鍓嶇銆傚綋浣犲湪缃戠粶銆丄PP涓婃祻瑙堢綉椤垫椂鐪嬪埌鐨勬墍鏈夋紓浜殑椤甸潰閮芥槸鐢盬eb鍓嶇瀹炵幇鐨...
