*階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發(fā)。
基礎(chǔ):Js基礎(chǔ)教程、js內(nèi)置對象常用方法、常見DOM樹操作大全、、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導(dǎo)航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風(fēng)琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特征:正則表達式、排序算法、遞歸算法、閉包、函數(shù)節(jié)流、作用域鏈、基于距離運動框架、面向?qū)ο蠡A(chǔ)。
JQuery:基礎(chǔ)使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發(fā)
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、系列屬性改變、、動畫、景深和深透、3D效果制作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網(wǎng)頁制作。
Bootstrap:響應(yīng)式概念、媒體查詢、響應(yīng)式網(wǎng)站制作、刪格系統(tǒng)、刪格系統(tǒng)原理、Bootstrap常用模板、LESS和SASS。
移動Web開發(fā):跨終端WEB和主流設(shè)備簡介、視口、流式布局、彈性盒子、rem、移動終端事件、手機中常見JS效果制作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務(wù)和AJAX編程
WEB服務(wù)器基礎(chǔ):服務(wù)器基礎(chǔ)知識、Apache服務(wù)器和其他WEB服務(wù)器介紹、Apache服務(wù)器搭建、HTTP介紹。
PHP基礎(chǔ):PHP基礎(chǔ)語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和異步的概念、Ajax框架的封裝、對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數(shù)據(jù)綁定和模板技術(shù)、JSONP、跨域技術(shù)、圖片預(yù)讀取和lazy-load技術(shù)、JQuery框架中的AjaxAPI、使用Ajax實現(xiàn)爆布流案例額。
第四階段:
面向?qū)ο筮M階
面向?qū)ο蠼K極篇:從內(nèi)存角度到理解JS面向?qū)ο?、基本類型、?fù)雜類型、原型鏈、ES6中的面向?qū)ο蟆傩宰x寫權(quán)限、設(shè)置器、訪問器。
面向?qū)ο笕筇卣?繼承性、多態(tài)性、封裝性、接口。
設(shè)計模式:面向?qū)ο缶幊趟季S、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬于自己的框架
框架封裝基礎(chǔ):事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向?qū)ο蠓庋b。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬于傳智自己的框架。
第六階段:
模塊化組件開發(fā)
面向組件編程:面向組件編程的方式、面向組件編程的實現(xiàn)原理、面向組件編程實戰(zhàn)、基于組件化思想開發(fā)網(wǎng)站應(yīng)用程序。
面向模塊編程:AMD設(shè)計規(guī)范、CMD設(shè)計規(guī)范、RequireJS,LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發(fā)工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應(yīng)用開發(fā)
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關(guān)系、開發(fā)環(huán)境搭建、Cordova實戰(zhàn)(創(chuàng)建項目,配置,編譯,調(diào)試,部署發(fā)布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結(jié)合Angular構(gòu)建APP、常見效果(下拉刷新,上拉加載,側(cè)滑導(dǎo)航,選項卡)。
React Native:React Native簡介、React Native環(huán)境配置、創(chuàng)建項目,配置,編譯,調(diào)試,部署發(fā)布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 *產(chǎn)業(yè)聯(lián)盟、HTML5 Plus Runtime環(huán)境、HBuilder開發(fā)工具、MUI框架、H5 開發(fā)和部署。
第九階段:
Node.js全棧開發(fā)
快速入門:Node.js發(fā)展、生態(tài)圈、Io.js、Linux/Windows/OS X環(huán)境配置、REPL環(huán)境和控制臺程序、異步編程,非阻塞I/O、模塊概念,模塊管理工具、開發(fā)流程,調(diào)試,測試。
核心模塊和對象:全局對象global,process,console,util、事件驅(qū)動,事件發(fā)射器、加密解密,路徑操做。
祝你學(xué)有所成!
如果大家對于學(xué)習(xí)前端有任何不懂的可以隨時來問我,我給你提供一個非常不錯的前端交流學(xué)習(xí)qun:前面是一一四,中間是一八八,后面是四九三一。有問題就在里面問我,這樣你可以少走很多彎路,做起來有效率,記得多跟有經(jīng)驗的人交流,別閉門造車。如果沒有比較好的教程,也可以管我要。
學(xué)習(xí)是以興趣為前提的,你要對你所要學(xué)的內(nèi)容產(chǎn)生興趣,這樣你才會花心思去學(xué)習(xí)。
我推薦給你一套學(xué)習(xí)方法和路線,可以參考一下: 自學(xué)方法: 1、你必須明確系統(tǒng)的學(xué)習(xí)方案我建議一定有一個指導(dǎo)的人,全靠自己學(xué),放棄的幾率非常大,在你對于web前端還沒有任何概念的時候,需要一個人領(lǐng)進門,之后就都靠自己鉆研,*步就是確定web前端都需要哪些內(nèi)容,并且在多少時間內(nèi)學(xué)完,建議時間6個月保底。
2、視頻為主,書為輔很多初學(xué)者在學(xué)習(xí)前端的時候非常喜歡去買書,但是*的結(jié)果是什么?看來看去什么都不會寫,所以在這里給大家提醒,書可以看,但是是在建立于你已經(jīng)對于某個知識點有了具體操作的執(zhí)行后,在用書去鞏固概念,這樣更加利于你對于知識的理解。
3、對于學(xué)習(xí)技術(shù)來講,掌握一個學(xué)習(xí)方法是非常重要的其實對于學(xué)習(xí)web前端來講,學(xué)習(xí)方法確實很多都是相通的,一旦學(xué)習(xí)方法不對,可能就會造成“方法不對,努力白費”。其實關(guān)于這方面還是很多的,我就簡單說個例子,有的人邊聽課邊跟著敲代碼,這樣就不對,聽課的時候就專心聽,做題的時候就專心做題,這都是過來人的經(jīng)驗,一定要聽。根據(jù)每個人的不同,可能學(xué)習(xí)方法也會有所出路,找到適合你自己的學(xué)習(xí)法方法是學(xué)習(xí)的前提。
自學(xué)路線:第1階段:前端頁面重構(gòu)(4周)
內(nèi)容包含了:(PC端網(wǎng)站布局項目、HTML5+CSS3基礎(chǔ)項目、WebApp頁面布局項目)
第2階段:高級程序設(shè)計(5周)
內(nèi)容包含:(原生交互功能開發(fā)項目、面向?qū)ο筮M階與ES5/ES6應(yīng)用項目、工具庫自主研發(fā)項目)
第3階段:PC端全棧項目開發(fā)(3周)
內(nèi)容包含:(jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進階與PHP/JAVA開發(fā)項目、前端工程化與模塊化應(yīng)用項目、PC端網(wǎng)站開發(fā)項目、PC端管理信息系統(tǒng)前端開發(fā)項目)
第4階段:移動端項目開發(fā)(6周)
內(nèi)容包含:(Touch端項目、微信場景項目、應(yīng)用Angular+Ionic開發(fā)WebApp項目、應(yīng)用Vue.js開發(fā)WebApp項目、應(yīng)用React.js開發(fā)WebApp項目)
第5階段:混合(Hybrid,)開發(fā)(1周)
內(nèi)容包含:(微信小程序開發(fā)、、各類混合應(yīng)用開發(fā))
第6階段:NodeJS全棧開發(fā)(1周)
內(nèi)容包括:(WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫)
基礎(chǔ)書籍推薦:1、《Head First HTML與CSS(第2版)》,入門真的是經(jīng)典書籍,手把手教學(xué),豐富的案例讓你從 0 開始學(xué)前端。
2、《CSS權(quán)威指南(第三版)》,這本書作為 CSS 的經(jīng)典著作,把原理講得非常的通透,除了 w3c 標準,算最權(quán)威的一本了,畢竟權(quán)威指南。
3、《CSS揭秘》神書,47 個 css 技巧讓你在面對各種 css 問題的時候游刃有余。是 css 書籍中評分*的了,css 進階必備。
4、《語言精粹》,這本書可以在入門之前了解一下基本語法,以及在學(xué)習(xí)之前可以了解下 JS 里面的精粹以及糟粕,雖然這本書很薄很薄,但是值得反復(fù)去讀的一本書。
5、《 DOM編程藝術(shù)(第2版)》,本書在簡潔明快地講述和DOM的基本知識之后,通過幾個實例演示了專業(yè)水準的網(wǎng)頁開發(fā)技術(shù),透徹闡述了平穩(wěn)退化等一批至關(guān)重要的 編程原則和*實踐。
6、《權(quán)威指南》:犀牛書是每個FE都繞不過的一本書,可以先大致通讀幾遍,也可以把其當(dāng)作工具書,時時翻閱。
視頻教程可以到B站我們的官方號下看看,有很多免費的成套教程!只要一個電話
我們免費為您回電