TML5大前端開發主要學什么?是很多初學HTML5大前端的學生會問到的問題，畢竟近些年來Web開發變化巨大，從簡單網頁腳本開發語言到開始染指后端服務器開發各種庫插件多如牛毛，幾乎無所不能。下面，千鋒小編就分享給大家HTML5大前端開發主要學什么?

?

了解HTML5大前端

HTML5大前端開發是從網頁制作演變而來的，名稱上有很明顯的時代特征。2005年以后，互聯網進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現的。

網頁開發工具

學習HTML5大前端開發，網頁開發工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了html5一些新的內容。包括網格布局什么的。

學習內容

HTML、CSS和JavaScript。html是內容，css是表現，javascript是行為。前端開發的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發是個不錯的初入點。也正因為如此，前端開發的領域有很多自學成“才”的同行。html是最基礎的，現在流行的是html5設計，先學會網頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的。

基礎知識：

1. html + css。這部分建議，邊學邊練。之后可以模仿一些網站做些頁面。理解css每個元素的屬性，樣式的實現不一定只有一種寫法，多想一想還有沒有什么需要改進的地方。

2、JavaScript。不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。

3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、html5和css3?？梢韵攘私庖幌?，然后再入手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂web標準，熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現在還使用的人還是有的。

6、熟悉一門后臺編程語言 asp、php、jsp等。

以上這些知識點，在千鋒廣州HTML5大前端培訓課程中都會涉及到，除此之外千鋒廣州HTML5大前端培訓還會穿插各種項目實戰，幫助學員將所學知識更好的運用在實際中。如果你對廣州HTML5大前端開發感興趣，可以來千鋒廣州實地考察。

TML5框架可以快速構建響應式網站，它們幫助程序員減少編碼工作，減少冗余的代碼。如今有很多免費的HTML5框架可供使用，由于它們有著響應式設計、跨瀏覽器兼容、相對輕量級等特點，這些框架在開發中都十分流行。如果你也對HTML5框架感興趣，你可以看看下面我列出的一些最佳的響應式HTML5框架，幫助你快速開發網站。

1. Twitter Bootstrap

twitter bootstrap - Responsive HTML5 frameworks

Bootstrap來自Twitter，是目前最受歡迎的前端框架，它簡潔靈活，使得Web開發更加方便快捷。它有著優雅的HTMCSS規范，以及構建響應式網站的基本的組件，例如12列柵格布局、jQuery插件、Bootstrap控件等等。

2. HTML5 Boilerplate

HTML5 boilerplate - Responsive HTML5 Frameworks

HTML5 Boilerplate的核心是用于幫助開發HTML5站點和應用程序的組件，它有著出色的性能和獨立性，幫助你開始一個新的項目。

3. Foundation

Foundation - Responsive HTML5 Frameworks

Foundation一款非常先進的前端框架，易用、強大而且靈活，可用于構建基于任何設備上的 Web應用，提供多種Web上的UI組件，如表單、按鈕、Tabs 等等。

4. Ulkit

UIkit

Ulkit是一個輕量級、模塊化的前端框架，幫助開發出快速、強大的Web接口，它有著全面的HTML、CSS和JS集合，易于使用和擴展。

5. HTML5 KickStart

HTML5 KickStart - Responsive HTML5 Frameworks

HTML5 KickStart集合了HTML5、CSS和JS，幫助開發人員快速開發Web產品，它覆蓋了所有的UI組件，同時也包含一些有用的JS插件。

6. Gumby

Gumby

Gumby 2基于Sass開發，是一款出色的響應式CSS框架，它包括一個Web UI工具包，有好看按鈕，表格，導航、標簽、JS插件等。

7. Skeleton

Skeleton - Responsive HTML5 Frameworks

Skeleton有著簡單、界面友好的特點，有一系列CSS和JS文件的集合，它可以幫你快速地調整網頁在不同分辨率下的顯示效果，可以優雅地等比例縮放桌面、平板、手機上的瀏覽尺寸。

8. Groundwork

Groundwork

Groundwork是一個響應式的HTML5，CSS和JavaScript框架，是基于Sass預處理器的開源項目。Groundwork 提供多種UI組件，如導航、按鈕、圖標、表單、Tabs、對話框、工具提示等等，可以創建適應多種瀏覽設備的布局。

9. Base

Base

Base是一款系統化的、輕量級且易于擴展的框架，幫助你創建更強大的響應式網站。

10. Montage

Montage - Free Responsive HTML5 Frameworks

Montage用于創建現代的Web應用，可以在客戶端建立豐富的用戶界面，并使用面向服務的后端處理數據。它有著出色的特性，例如復用組件和HTML模板，使用聲明式的組件模型和聲明式的數據綁定等等。

11. Layers CSS

Layers CSS

Layers CSS是一款輕量級的CSS框架，它集中處理了主要的樣式結構，支持響應式布局。

12. 52Framework

52Framework - Free Responsive HTML5 Frameworks

52Framework是一個Web開發框架，它能實現HTML5和CSS3。它是一個跨瀏覽器的框架，可以在所有主流的瀏覽器上運行。它集合了很多優秀的組件，比如HTML5視頻播放器、HTML5 canvas、HTML5認證表單等。

13. CreateJS

CreateJS - Useful Responsive HTML5 Framework for web development

CreateJS是一套模塊庫和工具，豐富了網站的交互性內容。它有著對象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。

14. Kube

Kube - Best Free HTML5 Frameworks 2015

Kube足夠的簡單，足夠小，具有很強的自適應能力，是響應式的 CSS 框架。它擁有最新最炫的網格和漂亮的字體排版，沒有任何樣式綁定，給用戶以絕對的自由。

15. Less Framework

Less Framework - Popular HTML5 Frameworks

Less Framework是一個現代的前端框架。它是一個CSS網格系統，用來設計自適應網頁，包括4個布局和3套字體預設置，所有都是基于單個網格的。

16. SkelJS

SkelJS - Best Free Responsive HTML5 Frameworks 2015

Skel.js是一個用于創建響應式站點和應用的輕量級前端框架。

===========

公眾號：春樹鎮

研究討論：web設計，PHP開發，網站建設，互聯網技術，寫作，小說，電影

應式網站開發在國內越來越普遍，一來展現效果好，而來收錄情況佳，讓專門開發響應式網站的程序員成了香餑餑。程序員們想要更有效率開發響應式網站，這9個熱門HTML5框架可不容錯過。

①Twitter Bootstrap

基于HTML、CSS、Javascript，簡單靈活快捷，是目前很火的前端框架。

②52Framework

能實現HTML5+CSS3+JS，能在包括IE6在內的所有主流瀏覽器運行。

③SproutCore

利用MVC架構規范構建而成，能與任何后端服務器技術搭配使用。一旦部署之后，SproutCore應用只包含標準的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore應用。

④Onsen UI

側重于創建移動應用，用于構建PhoneGap/Cordova應用。

⑤Foundation

提供多種web上的UI組件，如按鈕、表單等，可用于構建基于任何設備上的web應用。

⑥Ionic

Ionic非常漂亮，支持使用HTML5開發混個移動應用前端框架。

⑦Enyo

適用于開發與原生應用類似的HTML 5應用。

⑧GroundworkCSS 2

擁有一個靈活的、可嵌套的網格系統，可以創建適應多種瀏覽設備的布局。要用于快速構建響應式Web應用程序。

⑨MontageJS

可用于構建高可擴展性和可維護性的HTML5應用。是一個現代化、完整的HTML5框架，旨在創建單頁的應用程序。

此外，想開發HTML5響應式網站，還可以借助建站工具。筆者用過一款叫建站寶盒的網站開發工具，做出來的網站可以和專業開發網站媲美，不要求程序基礎。

有需要的可以了解一下：http://iisp.com/design/?s=yuqiuping