下面專門為廣大web前端開發職業者彙總了學習路線初級完整版，其實web前端開發工程師可算是高福利，高薪水的職業了，所以現在學習web前端開發的技術人員也是越來越多了，但是在學習web前端開發中去學習是應該要有一個完整的學習路線。

web頁面製作基礎

web簡介，HTML語法基礎，HTML基本結構，單雙標籤，標籤屬性，標籤巢狀規則，註解，HTML文字影像元素，標題，段落，影像，HTML超連結元素，HTML列表元素，HTML表單表格元素，表單屬性，表格結構。

css基礎，基礎語法和選擇器，css引用方式，css屬性，css背景色，背景圖，字型，文字，列表，表格，內容，css盒子模型，盒子模型簡介，塊級元素和行內元素，盒子模型屬性，css佈局，佈局基本概念思想，float屬性使用，clear屬性，overflow屬性，定位（相對，絕對，固定），css相容性處理。

HTML5和CSS3開發基礎與應用

HTML5簡介，HTML5新增元素，文件結構元素、文字格式化元素、頁面增強元素、多媒體元素，表單控制元件新增屬性

placeholder和required、
multiple、form、formaction、 
formmethod、formenctype、
formtarget、autocomplete、 
autofocus、pattern、novalidate、
maxlength和Wrap、 datalist、output.

CSS3新增選擇器，兄弟選擇器、屬性選擇器、偽類選擇器、偽元素選擇器，CSS3新增屬性，顏色、字型、盒陰影、背景、圓角、動畫、漸變、過渡、多列、彈性盒模型、2D、3D的功能

JavaScript程式設計

JavaScript語法基礎，變數、關鍵字、資料型別、運算子，分支、迴圈語句，If、switch、for、for in、while、 do-while，陣列、字串，陣列方法、字串方法，正規表示式，物件，屬性、方法、遍歷、JSON，自定義函式、內建函式、閉包、傳址呼叫、傳值呼叫，window、document、location、navigation、screen、 history，DOM操作：節點的建立、獲取和刪除、DOM屬性操作，JavaScript事件處理，視窗事件、滑鼠事件、鍵盤事件、事件冒泡與捕獲，JavaScript物件導向使用

輕量級框架開發應用

JQuery框架概述，id選擇器 、類別選擇器、標記選擇器、屬性選擇器、位置選擇 器、後代選擇器、子代選擇器，認識選擇器物件、選擇器物件 遍歷應用及頁面初始化，JQuery中的DOM操作，插入、刪除、複製、克隆、替換HTML元素，JQuery事件，常用事件方法：滑鼠、鍵盤、事件冒泡、事件解除，JQuery動畫：隱藏和顯示、淡入淡出、滑動、animate動畫，ajax工作原理，ajax原生寫法，jQuery中ajax語法，json物件，ajax跨域。

❤️ 不要忘記留下你學習的腳印 [點贊 收藏 評論]

程式設計工作第六個年頭了，與大家分享一些學習方法，實戰開發需要注意的細節。784783012 扣扣裙。從零基礎開始怎麼樣學好前端。看看前輩們是如何在程式設計的世界裡傲然前行！不停更新最新的教程和學習方法（web前端系統學習路線，詳細的前端專案實戰教學影片，PDF），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。我們會一起結伴同行。點： 學習前端我們是認真的