H5的發展如何
時間：2023-09-08 來源：華清遠見
在 HTML5 以前，其實 HTML 是幾代都無所謂，不妨礙我們理解它就是寫網頁用的代碼。但到了第 5 代突然就被所有互聯網人熟知，而且受到廣泛關注，這是為什么？
因為HTML5 以前，網頁主要在電腦中訪問。但隨著智能手機的發展，互聯網的訪問從電腦轉移到了移動設備，如果用手機查看完整的網頁，那是根本看不清楚內容的。上網方式的變更，也就推動技術的更新，就是增強對移動設備的支持。我們可以用它開發出更符合移動端操作的界面，調用手機的特殊硬件支持。
比如說HTML5 正式發布節點那兩年，還有個很重要的概念 “響應式設計” 被提出并被廣泛接受。期間推出了有很多基于這個概念的前端框架，最有影響力的就是大名鼎鼎的 Bootstrap 框架了，可以通過下面的鏈接進行訪問查看案例：//www.bootcss.com
簡單點說，“響應式設計” 就是網頁使用這種標準，可以適配任何設備，從電腦、平板到手機，任何系統、任何分辨率。雖然設備、系統種類越來越多，但只要使用一套代碼通吃，對代碼的復用性是很好的，也是非常值得大家使用和推薦的！
例如下面的演示網站 “星巴克中國官網”，你可以通過縮小瀏覽器寬度模擬不同的設備查看效果：//www.starbucks.com.cn。
由此，我們H5可以用來做網頁端、移動端、微信小程序以及APP等各種用戶界面和功能，達到用戶想要的需求。
同時目前H5的優勢有以下幾點：
從開發角度來講， H5具有良好的跨平臺性，開發者只需要開發一個版本，就可以在各類平臺上投入使用，進而極大的節省開發和運維的成本。
從整個移動互聯網產業發展角度來講，H5打破了強勢App應用商店的“壟斷”，規避了像谷歌、蘋果這樣的公司因競爭各自搭建的分裂的生態系統而給用戶、開發者帶來的諸多弊端，使互聯網開發者可以擺脫應用分發平臺的束縛而專注于應用開發本身，進而繁榮互聯網服務市場并最終造福廣大互聯網用戶。 從用戶應用角度來講，H5最重要的一個特點就是，它是開發一個基于平臺的應用，這樣就打破App只能在移動手機上的限制，不用進行相應安裝下載，只需輸入URL即可，非常方便快捷。
從用戶體驗角度來講，H5這種圖片展示、翻頁交互、靈活新穎的方式更能得到用戶的親睞，這種輕量級、機動靈活的網頁技術也可以很輕巧地做到及時更新，為用戶帶來每時每刻不一樣的視覺感受。 從營銷推廣角度來講，H5擁有社會化分享基因，其所具有的炫酷的畫面、形象的音視頻效果往往巧妙地抓住了用戶炫耀、攀比、分享的心理，高度的社會化傳播和病毒傳播基因，使得用戶往往深陷其中，不能自拔。另外H5入口多，不管是微信、微博，還是網頁、論壇，都有足夠多的渠道供H5推廣。
總而言之，就是對于我們華清新增的H5開發部門就業職業規劃來說是增加了另外一種就業方向的，脫離了原先只有嵌入式、C、C++、Linux等這些方面的一個開發工程師就業發展方式。加上現在H5這門語言本身也比較新穎，他展示出來的頁面效果以及能夠快速構建一些東西并分享給別人是非常容易激發學生的學習興趣和積極性，同樣他主要用到的技術門檻也比較低，比如我們技術框架中的vue：因為本身是尤玉溪開發出來就是為了方便國人使用，降低前端開發的門檻，讓更多的人能夠更快的上手使用和開發且本身他屬于漸進式JavaScript框架，簡單易用使用成本低、體積小優化和性能好等多種特點而研發的，所以說是簡單易學的。
同樣我們華清開設的H5課程內容也是非常的豐富多彩，都是工作中經常用到的技術。比如說我們的JavaScript、vue、react、ts、小程序等等，再比如公司常用到的提交代碼工具Git的使用，我們都是會一一去給學生講解，做到讓他們都滿意、都學會、都熟練地掌握和吸收每一個知識點。
另外，就上述所說的：就業的話確實選擇很多，因為隨著H5頁面制作的成熟程度，延展了很多電商功能插件，不僅僅是招聘邀請函這些，還有秒殺拼團砍價之類的，而且H5小游戲也越來越被大眾喜愛，所以H5的市場需求是很大的。發展前景還是很可觀的。加上隨著計算機技術不斷發展，可以看到HTML5在未來的幾年內的發展將會是一個井噴式的增長。HTML5技術在未來幾年內發展將會以以下幾個形式表現：
1.HTML5技術的移動端方向。HTML5技術在未來主要發展的市場還是在移動端互聯網領域，現階段移動瀏覽器有應用體驗不佳、網頁標準不統一的劣勢，這兩個方面是移動端網頁發展的障礙，而HTML5技術能夠解決這兩個問題，并且將劣勢轉化為優勢，整體推動整個移動端網頁方面的發展；
2.Web內核標準提升。迄今為止移動端網頁內核大多采用Web內核，相信在未來幾年內隨著智能端逐漸普及，HTML5在Web內核方面應用將會得到極大的凸顯；
3.提升Web操作體驗。隨著硬件能力的提升、WebGL標準化的普及以及手機頁游的逐漸成熟，手機頁游向3D化發展是大勢所趨；
4.移動視頻、在線直播。HTML5將會改變視頻數據的傳輸方式，讓視頻播放更加流暢，與此同時，視頻還能夠與網頁相結合，讓用戶看視頻如看圖片一樣輕松。
比如說虎牙直播一直通過優質的直播技術來提高用戶的留存度。在播放技術上，虎牙直播推出1080P高清碼率畫質，隨后又啟用HTML5直播技術，用戶可享受“1秒即開看直播”的暢快體驗。此后，虎牙直播推出了藍光畫質，在視頻畫面的清晰度方面處于優勢。
針對以上H5發展前景我們華清也會模擬做一些工作項目，以此來讓學員更好的把理論知識點轉換為實踐，為之后就業后更好地上手公司業務和需求打下良好的基礎。
比如說我們課堂上在講到一個具體內容的知識點時會有一個銜接性，不會這個知識點突然跳到另一個知識點，讓學生感到突兀和不知所措，都是有一個層層遞進的過程。例如在講vue框架這一塊的時候會先把他的基礎（vue實例對象）以及vue.js的使用給學生了進行講解，然后再講vue-cli腳手架的和他對應的一些第三方庫（bootstrp、elementui、vant等等）使用，最后慢慢的引導學生去做練習，并且在講完一段知識點之后就會給學生留下足夠的時候去練習和掌握，不會讓學生只明白理論知識點。也就是說講課的時候不在于講多而在于講精簡講明白講清楚，最后的目的是讓學生學會和掌握了，同時會讓他們把理論知識點及時付出到實踐上面，保證我們的一個教學質量。
其次在上課的時候也會很有意識的去與學生積極互動，調動學生對課程學習的欲望和積極性以及課堂的活躍力度，讓學生在一個好的氛圍內學到知識，并且一步一步地穩扎穩打的把知識點講給學生，讓學生把每一個知識點都能做到掌握和了解，而且在講每一個知識點之前都會把應用他的原因講出來，讓學生知其因又知所以然。甚至在講到一些有問題的錯誤的時候還會把錯誤bug截圖標出來并且寫清楚原因，然后放到筆記里面，給學生有一個提醒，不會在下次再犯這個錯誤。
再比如說在每個階段一門課程完成之后就會開展一次小型項目讓學生來做，體驗工作中是如何應用的，例如在學完html和css學完之后就會組織學生去臨摹一個網頁，方便以后在工作中可以結合UI給的設計圖更好地鋪設頁面，做到一模一樣；在學完JavaScript之后會為其網頁增添動畫效果，讓靜態頁面“動”起來；學完小程序之后會做一個小程序的商城項目，這樣可以在實操中鍛煉學生自己，并且準備找工作的時候還可以寫到自己的簡歷里面，增加自己的閱歷和面試官對自己的看法；學完node和MySQL之后會自主進行模擬項目聯調，為學生就業后完成業務需求時更好的可以跟后臺溝通交流，及時的完成項目功能等等。
當最后所有的課程學生都學完掌握了之后，我們就會最后開展一次中大型的項目來讓學生把理論知識付出到實踐中去，并且會實時的調整學生班級位置，讓他們以工作中的工位來坐，每天早上和晚上都會進行打卡，真正的為他們提供一個模擬的真實工作環境，潛移默化的增強學生的自信心以及工作中的狀態，在就業之后能夠更好地熟悉工作流程。
最后在學員準備就業的時候，我們專業老師也會特意把一些面試中經常問到或出現的一些面試題、筆試題進行總結，方便學生有方向、針對性的去記憶和學習，更好地通過面試。加上在最后的階段還會進行模擬面試，幫助學生習慣面試，以自然放松的狀態去面對面試官，同時指出他們的一些問題并幫其做出解決方法，調整好自己的狀態，讓其以最好的狀態去迎接面試。
同時就業后學生在工作中遇到不會解決的問題我們也會有專業的老師去給他提供一個技術支持，幫助他們更好地渡過試用期早日轉正，安定下來，為他們提供堅強的技術后盾，勇敢的向著工作前進！
綜上所述，H5方向的前景在近幾年甚至將來很長一段時間都會呈現一個好的發展方向，即將會是一個井噴式的增長，畢竟人人都有一雙善于發現“美”的眼睛，這里的“美”指的是我們H5給大家展示出來的其所具有的炫酷的畫面、形象的音視頻效果往往巧妙地抓住了用戶炫耀、分享的心理，為人們在快節奏的生活中提供了短暫的娛樂，讓大家可以放慢腳步、放松心情、享受生活，讓大家開心學習、快樂工作。
