本課程針對想要從事web前端開發(fā)的學員開設，課程從零基礎開始教起，分階段教學，旨在幫助學員掌握web前端開發(fā)的技術，來自互聯網行業(yè)的專業(yè)老師手把手教學，課程的各個階段都融合了相對應的項目實戰(zhàn)內容，從前端到后端再到移動端和全棧項目都使用理論加實踐的教學方法，讓學員真正掌握。課程采用PPHA閉環(huán)學習系統(tǒng)，確保每個學員都能學會。

WEB前端JavaScript 交互培訓

核心語法

1.掌握JS的組成和語法,為進去代碼的世界做鋪墊,數據結構,不再看見代碼而發(fā)愁

2.對象的創(chuàng)建方式和this詳解,提前帶你熟悉企業(yè)中變量的命名規(guī)則和規(guī)范

3.熟悉JS中的數據類型,流程控制,循環(huán)語句,輕松讓你在網頁上寫出九九乘法表,計算器等

面向對象編程

1.掌握面向對象和面向過程,熟悉JS的精髓;深拷貝和淺拷貝,讓你知道更加底層的代碼

2.原型和原型鏈,JavaScript重要的核心,讓你寫的代碼復用性更強

3.企業(yè)開發(fā)中沙箱模式,了解企業(yè)中是怎么團隊合作開發(fā)

對象類型

1.基本數據類型(number、string、boolean、undefined、null)

2.引用數據類型( 數組 array .. 函數 function ... 對象 object)

3.掌握不同對象類型之間的轉換

BOM與DOM操作

1.DOM操作和BOM操作大全,輕松操作網頁上的每一個按鈕等,同時給他們加上不同的功能

2.利用JavaScript代碼實現酷炫,京東首頁輪播圖升級版

3.頁面布局,結合H5代碼,讓你的網頁功能更加,可以1:1寫出小米網站首頁及功能

4.熟悉事件處理,讓你的代碼更加嚴謹,相同的頁面效果,寫的代碼更少

5.瀏覽器兼容性處理,讓市面上的不同瀏覽器品牌,打開你的網頁效果不會有差別

事件編程

1.Javascript的事件機制,了解底層,才能寫出更嚴謹的代碼,企業(yè)開發(fā)常見事件的使用詳解

2.offset家族和scroll家族,了解瀏覽器和代碼之間的關系

3.鍵盤事件及鍵盤碼的屬性,讓你的鍵盤能和鋼琴一樣,按下之后有不同的聲音

正則表達式

1.創(chuàng)建正則表達式,從零開始寫表單驗證,輕松還原注冊功能

2.正則的3大核心：字符串類元字符、邊界類元字符、量詞類元字符,讓你寫的驗證功能更強大

3.正則的使用和替換,隨心所以換校驗規(guī)則

4.完整版表單校驗,提前進入企業(yè)實戰(zhàn)開發(fā)

JQuery交互開發(fā)1.jQuery的優(yōu)勢介紹,jQuery選擇器,讓你快半個月搭建一個簡單網站

2.jQuery中的動畫詳解,讓你的網頁不再單調,貪吃蛇,水果忍者,都能通過代碼寫出來

3.鏈式編程和隱式迭代,了解jQuery的底層核心

4.JQuery插件使用和制作,自己也能制作酷炫動畫插件,使用插件1分鐘做出京東輪播圖效果

Ajax數據交互

1.Ajax技術介紹,json格式與XML格式詳解,現在的技術和歷史技術的區(qū)別,教你如何鏈接服務器

2.Ajax中post與get兩種請求方式詳解,2種方式從后臺服務器拿數據

3.JSON數據分析,了解后端數據是怎么寫的,不再盲目的被后端程序員懟

4.解決跨域訪問的方法,讓你的網頁在任何協(xié)議都能訪問,無論是http協(xié)議還是https

5.企業(yè)接口化開發(fā)詳解,提前進入實戰(zhàn)化開發(fā)

HTML5高級功能

1.畫布標簽canvas.了解如何繪制并填充線條（形狀）,文字及圖片。完成你畫我猜小游戲

2.多媒體（音頻，視頻）標簽的實際使用。開發(fā)并完成自己的網易音樂播放器

3.強化練習智能化表單以及和完成后臺的數據交互。完成帶有圖片驗證碼功能的登錄操作

4.本地存儲（cookies,sessionStorage,localStorage）。一周免登陸是如何實現的

WEBAPP開發(fā)

1.視口viewport（手機瀏覽器中的虛擬窗口）為何手機中的網頁有的能縮放爾有些不能

2.移動端的事件交互：觸摸事件（touchstart/mov/end/cancel）。完成京東商城分類頁

3.另一種布局方式：彈性布局（flexbox）

隨堂項目：商城移動端首頁、在線答題系統(tǒng)

Bootstrap

1.Bootstrap開發(fā)優(yōu)缺點介紹,如何通過模板搭建網站

2.響應式開發(fā)原理,無論電腦、手機、平板等,都能適應屏幕

3.Bootstrap框架的使用,4個口訣讓你做出標準首頁樣式

4.Bootstrap的柵格系統(tǒng)詳解,不同屏幕尺寸,顯示不同的效果

5.Bootstrap的Javascript插件使用,掌握不同網頁按鈕和輸入框更換樣式和顏色

ECMAScript6

1.ES5中的嚴格模式,讓代碼自己檢查自己

2.ES6中的新語法詳解,面試必問的語法

3.實際開發(fā)中常用的箭頭函數,解構賦值和字符串模板,讓你代碼更加簡潔

4.定義變量的新方式LET和const,讓你與企業(yè)開發(fā)同步

實戰(zhàn)教學：

1.全程面對面授課：拒絕網絡視頻教學，全程老師面授課程，有學習問題當場解決！

2.商業(yè)項目實訓：參與企業(yè)項目實訓，積累真實設計經驗，面試更有把握！

3.老師作業(yè)點評：每份作品都獲老師點評+建議，每個學員都擁有定制學習方案，有老師為你指路，成長更迅速！