沒有基礎想要學好web前端開發，那麼該怎麼樣去學習呢？前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁製作演變而來，名稱上有很明顯的時代特徵。想要學好web前端開發，今天給大家分享一份零基礎學web前端的教程大綱。
在互聯網的演化進程中，網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字爲主，用戶使用網站的行爲也以瀏覽爲主。隨着互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。這份web前端課程大綱是集合市面上全新的前端技術，適合所有的學習者學習。
第一階段：前端頁面重構
內容包含了：（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庫）
Web前端入門門檻很低，零基礎想要學習這門技術也不用擔心，只要掌握好的學習方法和學習路徑，是可以熟練的掌握這門技術的。的另一個重要體現就是web前端開發符合82定律，也就是20%的東西使用率佔到80%。所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。前端這20%的東西大概就是常用的html標籤，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。