沒有基礎想要學好web前端開發，那麼該怎麼樣去學習呢？前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁製作演變而來，名稱上有很明顯的時代特徵。
開發的語言
WEB前端開發需要掌握的技能不是那麼簡單的哦，需要掌握核心的語言xHTML+CSS+Java，才能夠更好的製作網頁。而Java作爲最難的語言之一，很多編程高手也不敢說自己非常精通。由於Java與html的差異性，以及靜動態分開處理的一些好處。一般在企業編寫靜態效果和動態效果往往是分開由不同的開發者完成的。
瀏覽器的兼容性
目前互聯網主流的瀏覽器內核主要是IE、Safari、Firefox、Opera等，這些都是非常常見的，但是每種內核對於代碼的解析是不同的，而且哪怕使用的是同一種內核不同瀏覽器，也是會存在很大的差異的，所以對於WEB前端開發者而言，需要把主流的瀏覽器做到完全兼容，也是一件不容易的事情，是需要不斷地積累和測試，才能夠做到的。
CSS hack技術
由於不同的瀏覽器對於CSS解析不一樣，所以回答導致很多生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程就是CSS hack技術，這個也是每個WEB前端開發人員必備的技能哦。
開發工具
目前WEB前端開發比較流行的軟件就是Dreamweaver，曾經非常的流行，哪怕現在也很多人在用，證明Dreamweaver還是有很大優勢的，尤其對於初學者來說，Dreamweaver強大的提示功能可以讓我們快速的掌握和記住網頁的佈局，不過現在更多的開發者都是純手寫前端代碼，能夠更好的記憶和掌握前端代碼，同時也避免了使用Dreamweaver產生的一些冗餘代碼。
第一階段：前端頁面重構
內容包含了：（PC端網站佈局項目、HTML5+CSS3基礎項目、WebApp頁面佈局項目）
第二階段：JavaScript高級程序設計
內容包含：1）原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目）
第三階段：PC端全棧項目開發
內容包含：（jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目）
第四階段：移動端項目開發
內容包含：（Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目）
第五階段：混合（Hybrid,ReactNative）開發
內容包含：（微信小程序開發、React Native、各類混合應用開發）
第六階段：NodeJS全棧開發
內容包括：（WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL數據庫）
第七階段：大數據可視化
內容包含：（大數據可視化化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫）