同學(xué)你好！前端學(xué)到了什么？小編今天整理了一下前端學(xué)習(xí)內(nèi)容，希望對(duì)你有所幫助哦！

　　第一階段：HTML+css+JS基礎(chǔ)

　　(1)HTML+css:

　　HTML 高級(jí)，css高級(jí)，DIV+css布局，HTML+css全站開(kāi)發(fā)，

　　(2)JavaScript 基礎(chǔ)：

　　js基礎(chǔ)教程、js內(nèi)置對(duì)象常用方法、常用DOM樹(shù)操作、ECMAscript、DOM、BOM、定時(shí)器和焦點(diǎn)圖。

　　(3)JS基礎(chǔ)特效：

　　常用特效，如：標(biāo)簽、導(dǎo)航、整頁(yè)滾動(dòng)、輪播、JS幻燈片、彈出層、手風(fēng)琴菜單、瀑布流布局、滾動(dòng)事件、滾動(dòng)差異視圖。

　　(4)JS 高級(jí)功能：

　　正則表達(dá)式、排序算法、遞歸算法、閉包、函數(shù)節(jié)流、作用域鏈、基于距離的運(yùn)動(dòng)框架、面向?qū)ο蟮幕A(chǔ)知識(shí)，

　　(5)JQuery：基本用法

　　懸停、DOM操作、特效和動(dòng)畫(huà)、方法鏈、拖放、變形、JQueryUI組件的基本使用。

　　第二階段：html5和移動(dòng)web開(kāi)發(fā)

　　(1)html5:

　　html5新語(yǔ)義標(biāo)簽、html5表單、音頻和視頻、離線和本地存儲(chǔ)、SVG、web套接字、畫(huà)布。

　　(2)css3:

　　css3 新選擇器、偽元素、人臉表示、邊框、陰影、Flex 布局、背景系列屬性更改、過(guò)渡、動(dòng)畫(huà)、景深和深度穿透、3D 效果、Velocity.js 框架、元素進(jìn)入、退出策略，酷炫css3網(wǎng)頁(yè)制作。

　　(3)引導(dǎo)程序：

　　響應(yīng)式概念、媒體查詢(xún)、響應(yīng)式網(wǎng)站創(chuàng)建、抓取系統(tǒng)、抓取系統(tǒng)原理、引導(dǎo)通用模板、LESS 和 SASS。

　　(4)移動(dòng)web開(kāi)發(fā)：

　　跨終端web及主流設(shè)備介紹、視口、流式布局、elastic box、rem、移動(dòng)端JavaScript事件、手機(jī)常用JS效果制作、手機(jī)多性?xún)r(jià)比頁(yè)面、手機(jī)滾動(dòng)。

　　第三階段：HTTP服務(wù)和AJAX編程

　　(1)web服務(wù)器基礎(chǔ)：

　　服務(wù)器基礎(chǔ)、Apache服務(wù)器及其他web服務(wù)器介紹、Apache服務(wù)器設(shè)置、HTTP介紹。

　　(2)AJAX 第 1 部分：

　　Ajax介紹與異步概念，Ajax框架的封裝，XMLHttpRequest對(duì)象的詳細(xì)介紹方法，兼容性處理方法，Ajax框架的封裝，Ajax中的緩存問(wèn)題，XML介紹與使用，會(huì)處理簡(jiǎn)單的GET或POST請(qǐng)求，

　　(3)AJAX 第二部分：

　　JSON和JSON解析、數(shù)據(jù)綁定和模板技術(shù)、JSONP、跨域技術(shù)、圖片預(yù)讀和延遲加載技術(shù)、JQuery框架中的Ajax API，以及使用Ajax實(shí)現(xiàn)案例流轉(zhuǎn)。

　　第四階段：面向?qū)ο筮M(jìn)階

　　(4)面向?qū)ο蠼K極版：

　　從內(nèi)存的角度來(lái)理解JS面向?qū)ο蟆⒒绢?lèi)型、復(fù)雜類(lèi)型、原型鏈、ES6中的面向?qū)ο蟆S6中變量的作用域(let、const(聲明變量只讀)、塊級(jí)scope), ES6 中函數(shù)的新特性。

　　(5)面向?qū)ο蟮娜筇攸c(diǎn)：

　　繼承、多態(tài)、封裝。

　　(6)面向?qū)ο髣?chuàng)建對(duì)象的五種方法：

　　自定義對(duì)象、工廠模式創(chuàng)建對(duì)象、構(gòu)造函數(shù)、混合模式創(chuàng)建對(duì)象、JSO格式創(chuàng)建對(duì)象。

　　第五階段：封裝自己的框架

　　(1)框架封裝基礎(chǔ)：

　　事件流、冒泡、捕獲、事件對(duì)象、事件框架、選擇框架。

　　(2)框架包中間體：

　　運(yùn)動(dòng)原理、單物體運(yùn)動(dòng)框架、多物體運(yùn)動(dòng)框架、運(yùn)動(dòng)框架面向?qū)ο蟮姆庋b。

　　(3)Framework Package Advanced and Supplement:

　　JQuery框架的原型、可擴(kuò)展性、模塊化、封裝。

　　第六階段：模塊化組件開(kāi)發(fā)

　　(4)面向組件的編程：

　　面向組件編程的方法，面向組件編程的實(shí)現(xiàn)原理，面向組件編程的實(shí)戰(zhàn)，基于組件化思想的網(wǎng)站應(yīng)用開(kāi)發(fā)。

　　(5) 面向模塊的編程：

　　淘寶AMD設(shè)計(jì)規(guī)范、CMD設(shè)計(jì)規(guī)范、RequireJS、LoadJS、SeaJS。

　　第七階段：主流流行框架

　　(1) web開(kāi)發(fā)工作流程：

　　GIT/SVN、Vue-cli 腳手架、NPM/Bower 依賴(lài)管理工具、Grunt/Gulp/webpack.

　　(2)前端主流框架：

　　Vue.js、Angular.js、React.JS、Bootstrap。

　　(3) 常用庫(kù)：

　　React.js、Vue.js、JQuery.js。

　　第八階段：Node.js 全棧開(kāi)發(fā)：

　　(1) 快速入門(mén)：

　　Node.js開(kāi)發(fā)、生態(tài)系統(tǒng)、Io.js、Linux/Windows/OS X環(huán)境配置、REPL環(huán)境和控制臺(tái)程序、異步編程、非阻塞I/O、模塊概念、模塊管理工具、開(kāi)發(fā)流程、Debug ，測(cè)試。

　　(2)核心模塊和對(duì)象：

　　全局對(duì)象global、process、console、util、事件驅(qū)動(dòng)、事件發(fā)射器、加解密、路徑操作、序列化和反序列化、文件流操作、HTTP服務(wù)器和客戶(hù)端、Socket.IO。

　　(3) web開(kāi)發(fā)依據(jù)：

　　HTTP協(xié)議、請(qǐng)求響應(yīng)處理、關(guān)系型數(shù)據(jù)庫(kù)操作和數(shù)據(jù)訪問(wèn)、非關(guān)系型數(shù)據(jù)庫(kù)操作和數(shù)據(jù)訪問(wèn)、原生Node.js開(kāi)發(fā)web應(yīng)用程序、web開(kāi)發(fā)工作流、Node.js開(kāi)發(fā)博客案例。

　　(4)快速開(kāi)發(fā)框架：

　　Express入門(mén)+MVC入門(mén)、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express、Koa等常用MVC框架重構(gòu)博客案例。

　　(5)Node.js開(kāi)發(fā)電子商務(wù)實(shí)踐：

　　需求與設(shè)計(jì)、賬號(hào)模塊注冊(cè)與登錄、會(huì)員中心模塊、前臺(tái)展示模塊、購(gòu)物車(chē)、訂單結(jié)算、在線客服即時(shí)通訊模塊。

　　更多關(guān)于web前端的問(wèn)題，歡迎咨詢(xún)千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。