前端學習路線以及技術彙總

前端學習路線：

第一階段   網頁開發基礎

Web概述      1.萬維網發展

　　　　　　2.瀏覽器與服務器

　　　　　　3.網頁與網站

　　　　　　4.域名與主機

　　　　　　5.HTTP協議

　　　　　　6.W3C標準

HTML/HTML5

　　　　　　　　1.文件基礎標記

　　　　　　2.字體與排版標記

　　　　　　3.圖形與銜接標記

　　　　　　4.列表與表格標記

　　　　　　5.單元元素標記

　　　　　　6.內聯框架

　　　　　　7.媒體與繪圖標記

　　　　　　8.緩存與數據存儲

　　　　　　9.拖放與地理定位

　　　　　　10.MathML

　　　　　　11.Web Workers

　　　　　　12.Web Socket

CSS/CSS3

                   　   1.文本與字體樣式

　　　　　　2.背景與尺寸樣式

　　　　　　3.佈局與定位

　　　　　　4.盒子模型

　　　　　　5.邊框與輪廓樣式

　　　　　　6.2D與3D樣式

　　　　　　7.過分與動畫

JavaScript

                    1.JS語法

　　　　　　2.JS流程控制

　　　　　　3.JS函數

　　　　　　4.JS內置對象

　　　　　　5.錯誤調試與處理

　　　　　　6.DOM操做

　　　　　　7.DOM屬性

　　　　　　8.DOM事件

　　　　　　9.BOM基礎

UI設計基礎

　　　　　      1.PS基本操做

　　　　　　2.PSD文件修改

　　　　　　3.網站設計與配色

第二階段   組件化網頁開發

JQuery      

                    1.JQuery基礎入門

　　　　　　2.JQuery選擇器

　　　　　　3.JQuery事件

　　　　　　4.JQuery特效

　　　　　　5.DOM捕獲與便利

　　　　　　6.JSON與AJAX基礎

Layul

　　　　　　1.Layul基礎入門

　　　　　　2.頁面組件元素

　　　　　　3.彈出層

　　　　　　4.日期與時間選擇器

　　　　　　5.文件上傳

　　　　　　6.滑塊特效

　　　　　　7.圖片輪廓

　　　　　　8.電商評分模塊

Vue.js

                    1.模塊語法

　　　　　　2.流程控制

　　　　　　3.計算屬性

　　　　　　4.監聽屬性

　　　　　　5.樣式綁定

　　　　　　6.事件處理

　　　　　　7.數據雙向綁定

　　　　　　8.組件化開發

　　　　　　9.過渡與動畫                                                                                                                                                                                                                                       

Angular  JS

                    1.表達式

　　　　　　2.指令與模型

　　　　　　3.控制器

　　　　　　4.過濾器

　　　　　　5.DOM

　　　　　　6.事件

　　　　　　7.模塊

　　　　　　8.表單

Node.js

　　　　　    1.Node.js介紹與安裝

　　　　　　2.函數調用

　　　　　　3.模塊聲明、調用與繼承

　　　　　　4.路由

　　　　　　5.文件系統及全局對象

　　　　　　6.GET/POST請求

　　　　　　7.操做MYSQL

　　　　　　8.express框架

　　　　　　9.koa2

　　　　　　10.上線與部署

第三階段   WebAPP開發與小程序

移動UI框架

                    1.MUI框架

　　　　　　2.HUI框架

　　　　　　3.WeUI框架

　　　　　　4.上拉刷新與下拉刷新

H5移動開發

　　　　　　1.HTML5音視頻

　　　　　　2.高德地圖

　　　　　　3.H5存儲

　　　　　　4.Canvas繪圖

H5+Runtime

                    1.手機設備控制

　　　　　　2.攝像頭與麥克風

　　　　　　3.系統文件

　　　　　　4.手機傳感器

　　　　　　5.下拉加載

微信小程序

                    1.IDE安裝與項目部署

　　　　　　2.數據綁定

　　　　　　3.條件渲染與列表渲染

　　　　　　4.事件及數據傳遞

　　　　　　5.WXSS樣式

　　　　　　6.滾動試圖

　　　　　　7.經常使用組件

　　　　　　8.音視頻組建

　　　　　　9.微信登陸接口

　　　　　　10.微信支付

第四階段   Web前端安全防護與測試

Web滲透測試

                    1.Web滲透測試

　　　　　　2.常見安全漏洞

　　　　　　3.暴力破解

　　　　　　4.上傳漏洞

　　　　　　5.漏洞補丁補寫

前端XSS

　　　　　　1.XSS介紹

　　　　　　2.XSS介紹類型

　　　　　　3.HTML內容與屬性轉義

傳輸安全

                    1.HTTP竊聽

　　　　　　2.HTTPS原理

　　　　　　3.HTTPS部署

密碼安全

                    1.密碼做用與儲存

　　　　　　2.密碼加固

　　　　　　3.密碼傳輸安全

　　　　　　4.生物密碼

其餘安全問題

　　　　　    1.DOS攻擊屬性

　　　　　　2.重放攻擊

 

 

 

 

前端學習涉及的技術：

HTML HTML5 CSS CSS3 JavaScript
jQuery jQuery UI jQuery EasyUI ExtJS
ECharts Tree.js Video.js
JSP ASP.NET PHP Python
MySQL SQL Server Oracle MongoDB
XML JSON AJAX
Bootstrap Layui Foundation
jQuery Mobile MUI WeUI Reactive Native
Node.js Gulp Webpack AngularJS Vue

 

認真看過此篇的小夥伴，若是對你有收穫，請點擊旁邊的小手推薦一下，若是有誤，歡迎指正，謝謝！

 

版權聲明：此篇爲本人原創，轉載請標明出處https://www.cnblogs.com/YQian/p/10645344.html

 

個人博客園地址：https://www.cnblogs.com/YQian/