Web前端工程師是協(xié)調前端設計師、后端程序員實(shí)現網(wǎng)站頁(yè)面或程序的界面美化、交互體驗的一個(gè)職位。從狹義上講,前端工程師使用HTML、CSS、Javascript等專(zhuān)業(yè)技能和工具將產(chǎn)品UI設計稿實(shí)現成網(wǎng)站產(chǎn)品,涵蓋用戶(hù)PC端、移動(dòng)端網(wǎng)頁(yè),處理視覺(jué)和交互問(wèn)題。

WEB前端Javascript 交互培訓

核心語(yǔ)法

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

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

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

面向對象編程

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

2.原型和原型鏈,Javascript重要的核心,讓你寫(xiě)的代碼復用性更強

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

對象類(lèi)型

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

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

3.掌握不同對象類(lèi)型之間的轉換

BOM與DOM操作

1.DOM操作和BOM操作大全,輕松操作網(wǎng)頁(yè)上的每一個(gè)按鈕等,同時(shí)給他們加上不同的功能

2.利用Javascript代碼實(shí)現酷炫,京東首頁(yè)輪播圖升級版

3.頁(yè)面布局,結合H5代碼,讓你的網(wǎng)頁(yè)功能更加全面,可以1:1寫(xiě)出小米官網(wǎng)首頁(yè)及功能

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

5.瀏覽器兼容性處理,讓市面上的不同瀏覽器品牌,打開(kāi)你的網(wǎng)頁(yè)效果不會(huì )有差別

事件編程

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

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

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

正則表達式

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

2.正則的3大核心:字符串類(lèi)元字符、邊界類(lèi)元字符、量詞類(lèi)元字符,讓你寫(xiě)的驗證功能更強大

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

4.完整版表單校驗,提前進(jìn)入企業(yè)實(shí)戰開(kāi)發(fā)

JQuery交互開(kāi)發(fā)

1.jQuery的優(yōu)勢介紹,jQuery選擇器,讓你快半個(gè)月搭建一個(gè)簡(jiǎn)單網(wǎng)站

2.jQuery中的動(dòng)畫(huà)詳解,讓你的網(wǎng)頁(yè)不再單調,貪吃蛇,水果忍者,都能通過(guò)代碼寫(xiě)出來(lái)

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

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

Ajax數據交互

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

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

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

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

5.企業(yè)接口化開(kāi)發(fā)詳解,提前進(jìn)入實(shí)戰化開(kāi)發(fā)

HTML5高級功能

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

2.多媒體(音頻,視頻)標簽的實(shí)際使用。開(kāi)發(fā)并完成自己的網(wǎng)易音樂(lè )播放器

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

4.本地存儲(cookies,sessionStorage,localStorage)。一周免登陸是如何實(shí)現的

WEBAPP開(kāi)發(fā)

1.視口viewport(手機瀏覽器中的虛擬窗口)為何手機中的網(wǎng)頁(yè)有的能縮放爾有些不能

2.移動(dòng)端的事件交互:觸摸事件(touchstart/mov/end/cancel)。完成京東商城分類(lèi)頁(yè)

3.另一種布局方式:彈性布局(flexbox)

隨堂項目:商城移動(dòng)端首頁(yè)、在線(xiàn)答題系統

Bootstrap

1.Bootstrap開(kāi)發(fā)優(yōu)缺點(diǎn)介紹,如何通過(guò)模板搭建網(wǎng)站

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

3.Bootstrap框架的使用,4個(gè)口訣讓你做出標準官方首頁(yè)樣式

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

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

ECMAscript6

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

2.ES6中的新語(yǔ)法詳解,面試必問(wèn)的語(yǔ)法

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

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

我們能幫到你什么?

1.課程緊跟時(shí)代

公司擁有自己的設計定制中心,所有老師都定期進(jìn)修,不會(huì )脫離市場(chǎng),更好更準確的圍繞企業(yè)所需人才要求上課。

2.可推薦就業(yè)

上海非凡與很多企業(yè)形成人才推薦,表現好的學(xué)生即可獲得老師推薦企業(yè)面試機會(huì ),促進(jìn)學(xué)生就業(yè)。

3.行業(yè)教師教學(xué)

老師是有市場(chǎng)工作經(jīng)驗的設計師經(jīng)過(guò)沉淀后,通過(guò)一系列教學(xué)培訓后成為老師,課程內容都是根據市場(chǎng)來(lái)編制。