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

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

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

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