HTML5培訓心得體會

從某件事情上得到收穫以後，心得體會是很好的記錄方式，從而不斷地豐富我們的思想。那麼你知道心得體會如何寫嗎？下面是小編整理的HTML5培訓心得體會，歡迎閲讀，希望大家能夠喜歡。

風塵僕僕的來到了大連，來參加匯博組織的HTML5培訓，從HTML5基礎講起，起初並不以為然，想這HTML這個平常上課也經常接觸到的東西，但是聽完第一堂課後，後面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個實例的時候，就想以後一定要把這個充滿未來潛力的東西傳到學校，學生一定會感興趣。當老師簡單講完CSS和JS時候，然後將HTML5+CSS+JS結合起來的時候，就感覺這是個強大無比的組合，不次於使用C#在VS平台上實現的功能。尤其是其在遊戲和動畫上的效果，使得頁面可以輕鬆拋棄Flash的枷鎖也同樣能夠實現強大的動畫效果。

最後一天Intel的老師講到如何將HTML5的APP上傳到不同平台的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收穫，學生一定能感興趣。

這次培訓對於自己在今後教學過程中提出了一個新的思路，我們的教學可以找到學生的興趣點，像歐美國家教育環境那樣能夠激發出學生自身的興趣，而這個激發就需要我們老師和企業共同想辦法能為學生由被動學習變為主動激發資深興趣去學習。這才是最重要的，才能培養出高質量人才。總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓，期待下次培訓。

HTML5在網頁開發上，賦予網頁更好的意義和結構，更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用户都更有價值的數據驅動的Web。北京恆泰博遠軟件開發公司對HTML5的解釋是，為開發者提供了一個跨平台的移動apps開發方案，並且該方案具有很好的擴展性和靈活性。

由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，因為在手機開發app上，html5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構建方法讓製作手機網頁遊戲成為可能。由於界面層很複雜，已預訂了一個UI工具包去使用。

純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。

即使這樣，我們還是很看好html5 app開發，原因有一下幾點。

一、是基於html5強大的兼容性，因為HTML5提供了前所未有的數據與應用接入開放接口，使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯，就因為這種強大的兼容性，使得在當下開發界是如此的火，同樣也是因為這強大的兼容性，使得手機應用軟件，app更適合，也更方便。所以更適合手機app軟件開發，正好補充了手機小巧的不足；

二、html5 app開發支持的手機系統有android、ios；

三、html5其突出的特點就是強化了web頁的表現性，追加了本地數據庫，可以用作離線應用的.開發，離線應用就是把需要的資源先緩存到本地，下次再查看時無需聯網；

四、html5 app開發，能提供更快、更簡便的服務，代碼可高度重用，服務發佈方便；

五、動畫、遊戲動態效果，地理定位等很多app應用正在崛起，而html5技術的強大優勢就是這種讓我們驚歎的效果。而未來採用html5開發app的，將會大量減少代碼量，應用軟件也會得到更高的用户體驗，更好的視覺效果。

風塵僕僕的來到了瀋陽，來參加匯HTML5培訓學校，從HTML5基礎講起，起初並不以為然，想這HTML這個平常上課也經常接觸到的東西，但是聽完第一堂課後，後面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個實例的時候，就想以後一定要把這個充滿未來潛力的東西傳到學校，學生一定會感興趣。當老師簡單講完CSS和JS時候，然後將HTML5+CSS+JS結合起來的時候，就感覺這是個強大無比的組合，不次於使用C#在VS平台上實現的功能。尤其是其在遊戲和動畫上的效果，使得頁面可以輕鬆拋棄Flash的枷鎖也同樣能夠實現強大的動畫效果。

最後一天老師講到如何將HTML5的APP上傳到不同平台的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收穫，學生一定能感興趣。

這次培訓對於自己在今後教學過程中提出了一個新的思路，我們的教學可以找到學生的興趣點，像紅樹林教育那樣能夠激發出學生自身的興趣，而這個激發就需要我們老師和企業共同想辦法能為學生由被動學習變為主動激發資深興趣去學習。

　　一、瞭解HTML5前端開發技術

HTML？指的是超文本標記語言？（Hyper？Text？Markup？Language），標記語言是一套標記標籤？（markup？tag），HTML？使用標記標籤來描述網頁。HTML5區別於HTML的標準，基於全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。HTML5被推廣用於Web平台遊戲開發，及手機移動領域，從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間裏一定會大有作為。

　　二、課程能讓你學到什麼

從前端開發的基礎出發，學習使用HTML，CSS，JavaScript等一系列前端技術，實現動畫特效。以開發實例展示為主導，循序漸進讓學員掌握HTML5技術的應用。強化學員基礎，尤其是要針對JavaScpript基礎的強化從而掌握HTML5新功能API。

HTML5培訓內容首先是學習HTML5文檔結構和基礎語法，瞭解HTML5新特性，CSS3基礎語法和佈局樣式，圖形圖像軟件使用等。移動前端的交互JavaScript編程基礎、JavaScript交互編程實戰、JavaScript異步操作基礎、Ajax、JQuery、AngularJS使用方法。移動前段綜合開發；主要集中在H5+C3+jQ？Mobile，基於HTML5的移動網頁佈局、移動網頁界面樣式（CSS3）、HTML5本地存儲API、Geolocation地理定位、智能表單、Video、Audio應用、canvas和SVG的應用、桌面通知、離線應用、webGL基礎及應用（3D網頁遊戲）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML遊戲引擎等。最後，項目實訓。項目實訓能夠提高綜合開發能力。

學習H5我們不需要過度的關注細節，五柳先生的“不求甚解”的態度就很好，遇到能想起來，用到明白來源，不用作為擴展知識。

其次，H5的設計起點就是從實用出發的，也就是説很多特性都是怎麼方便就怎麼來。所以我們可以關注我們感興趣的技術，但是開發的時候還是不要特意的使用H5，能用到而且兼容性也不錯就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標籤等，但是如果自己不是很精通H5或者是沒必要重構就不要去把一些東西改為H5的，比如編寫JS的時候特意的用WebWorker，這就很不好！除非我們很明確的知道，這就是針對移動端這種基本上全面支持H5的Browser設計開發的功能。

最後，H5技術不復雜，它從來都不是什麼新技術，只是HTML的延續，我認為的H5包括如下三點：

（1）改進及增強的HTML屬性，新頁面可以嘗試使用；

（2）增強了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以説H5和JS相互增強更上一層，但是還是要小心使用；

（3）CSS3：改進增強CSS功能，讓頁面效果更絢麗，開發更簡單，尤其是“移動先行”的現代互聯網網頁設計理念能讓“響應式設計”越來越簡單、流行，甚至出現了很多框架，比如bootstrap。

學習方法：

學習HTML這類的標記語言，我們需要從四個方面入手：

（1）語法：即怎樣的書寫格式是Browser接受和支持的，HTML技術的語法很簡單，只要注意大小寫在HTML、XHTML、H5中的一些細節不同就可以；

（2）元素：也就是標籤，這個就靠經驗和記憶了，不求甚解多用就好。但是有一點，系統的學習和雜亂記憶的不同點就是：系統的學習會把元素分類。這樣方便記憶、對比和使用，能讓我們儘量減少不必要的錯誤嵌套。一般會把HTML標籤分為文檔結構標籤、文本格式標籤、字符格式標籤、列表標籤、鏈接標籤、表格標籤和表單標籤這8類，有些標籤不實用就不用看了；

（3）屬性：知道每類標籤都有什麼屬性，一般來説學習方法是知道有什麼屬性，然後瞭解下哪些標籤不支持這些屬性。其實，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性；

（4）其他：其他的東西就是去了解一些額外的知識：歷史背景、關聯技術、深入技術，比如XML、DTD，甚至是Browser對頁面的解析、渲染過程，DOM樹的構建、Render Tree的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。

學習計算機技術，千萬不能沉迷外家功夫！

時間過得很快，從剛開始的培訓開始到現在的培訓結束，似乎都是眨眼間的事情。首先很感謝任課老師莫老師和班主任以及其他騰科工作人員的工作付出，還有班級上共同學習進步的小夥伴們，讓我順利的學完了HTML5所有課程。這次HTML5課程的學習讓我學到了很多前端方面的知識，感覺自身的IT技術提升了不少。

此次課程培訓讓我對HTML5有了更加深入的瞭解。HTML指的是超文本標記語言，標記語言是一套標記標籤，HTML使用標記標籤來描述網頁。HTML5區別於HTML的標準，基於全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間裏一定會大有作為。

學習都是一步一個腳印，H5學習也是從前端開發的基礎學起，首先學習使用HTML、CSS、Java、Jquery等一系列前端技術，實現一些網頁動態效果。再到後面的Vue。js、bootstrap、Type等一些主流框架，還有微信小程序的學習。培訓課程當然不是上課聽懂就可以，而是必須能要去動手操作，達到熟練使用的要求和效果，為了保證學習效果，課程以理論和實例相結合的方式進行授課。而且每個學習階段的結束都會做一個實訓項目，做項目不僅能是學到一些新知識，也能查缺補漏，鞏固自己所學知識。

最好希望自己早日找到工作，在前端開發這條路上創造輝煌！