1、學(xué)習(xí)web前端不怕沒喲基礎(chǔ)，就怕沒有方向，推薦給你web前端學(xué)習(xí)的路線圖階段1前端核心基礎(chǔ) HTML_CSS核心JavaScript基礎(chǔ)語(yǔ)法JavaScript面向?qū)ο驤avaScriptDOM和 BOM編程jQuery框架 階段2HTML5CSS3移動(dòng)端核心 HTML5新；前端知識(shí)是一種很火的技術(shù)，一直在編程語(yǔ)言中名列前茅，而且隨著瀏覽器技術(shù)不斷發(fā)展，還有會(huì)很多擴(kuò)展的可能性，比如3D可視化，谷歌發(fā)布一個(gè)全新的圖形工具TensorFlow Graphics，結(jié)合計(jì)算機(jī)圖形學(xué)和計(jì)算機(jī)視覺技術(shù)，以無(wú)監(jiān)督的方式；CSS和DIV+CSS技術(shù)用來(lái)制作Web頁(yè)面學(xué)習(xí)JavaDOMBOM等用建立開發(fā)基礎(chǔ)學(xué)習(xí) photoshop和Axure等軟件應(yīng)用，完成頁(yè)面UI設(shè)計(jì)也要認(rèn)識(shí)一下NodeJS和PHP加上數(shù)據(jù)庫(kù)等這樣的后端語(yǔ)言，方便前后端開發(fā)配合學(xué)習(xí) HTML5CSS3響應(yīng)。

2、HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)，如videoaudio和canvas 標(biāo)記HTML5還引進(jìn)了新的功能，可以真正改變用戶與文檔的交互方式 CSS3是CSS技術(shù)的升級(jí)版本，CSS3語(yǔ)言開發(fā)是朝著模塊；7 拖拽釋放Drag and drop API 我們可以通過HTML5的Drag and drop API來(lái)完成網(wǎng)頁(yè)中的拖拽釋放效果，避免了以往的網(wǎng)頁(yè)在拖拽釋放過程中需要不停修改元素的位置，代碼繁多的弊端CSS3 新特性 1 RGBa CSS3的RGBa新特性；值得一提的是，目前IE678不能完整支持HTML5和CSS3，其它如谷歌火狐瀏覽器等主流版本已經(jīng)支持CSS即層疊樣式表Cascading StyleSheet 在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁(yè)面的布局字體顏色背景。

3、5WebStorm WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具目前已經(jīng)被廣大中國(guó)JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”“最強(qiáng)大的HTML5編輯器”“最智能的JavaScript IDE”等與IntelliJ IDEA同源，繼承了IntelliJ IDEA；代碼如下lt！DOCTYPE html lthtml lthead ltmeta；6與原生app相比，開發(fā)維護(hù)成本低降低開發(fā)和維護(hù)成本使頁(yè)面更小，減少用戶不必要的開銷性能更好，功耗更低7CSS3視覺設(shè)計(jì)師的輔助利器支持CSS3支持字體嵌入布局和最令人印象深刻的動(dòng)畫功能8HTML5調(diào)用；5Initializr Initializr是制作HTML5網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板6WebStorm WebStorm是一款強(qiáng)大的HTML5前端開發(fā)工具；此時(shí)利用HTML5和CSS3技術(shù)，設(shè)計(jì)出有效的網(wǎng)頁(yè)表單交互設(shè)計(jì)模型，如此一來(lái)就可以避免網(wǎng)頁(yè)運(yùn)行速度緩慢的問題 32 在跨瀏覽器調(diào)整方面的設(shè)計(jì)應(yīng)用 不得不承認(rèn)的是在HTML5和CSS3技術(shù)幫助下，的確可以使得設(shè)計(jì)者獲得更多的設(shè)計(jì)工具和方法，但是。

4、利用HTML5可以繪制很多靜態(tài)的圖像，也可以制作一些炫酷的動(dòng)畫，本文分享了8個(gè)利用HTML5和CSS3實(shí)現(xiàn)的動(dòng)畫演示，同時(shí)也分享了源代碼供大家下載參考1HTML5 3D點(diǎn)陣列波浪翻滾動(dòng)畫這個(gè)HTML5 Canvas動(dòng)畫非常壯觀，給人一種破浪；一HTML5+CSS3HTML5和CSS3是通往Web工程師路上必須學(xué)會(huì)的基本內(nèi)容，包括HTML5語(yǔ)法及使用技巧HTML5常用標(biāo)簽CSS語(yǔ)法及使用技巧DIV+CSS布局方式常見網(wǎng)頁(yè)布局模式等等二JS交互設(shè)計(jì)JS交互技術(shù)可以賦予頁(yè)面一個(gè)動(dòng)；五學(xué)習(xí)Web前端高級(jí)技術(shù) 當(dāng)你掌握了HTML5，CSS3，Java等技術(shù)之后，就應(yīng)該找一個(gè)Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時(shí)間學(xué)習(xí)的Bootstrap是目前很受歡迎的前端框架Bootstrap是基于HTMLCSSJAVA的，它簡(jiǎn)；這里整理了一份web前端學(xué)習(xí)路線的思維導(dǎo)圖，需要掌握和學(xué)習(xí)的內(nèi)容如下第一階段專業(yè)核心基礎(chǔ) 階段目標(biāo)1 熟練掌握HTML5CSS3LessSass響應(yīng)書布局移動(dòng)端開發(fā)2 熟練運(yùn)用HTML+CSS特性完成頁(yè)面布局4 熟練。