Web前端工程師是協(xié)調(diào)前端設(shè)計(jì)師、后端程序員實(shí)現(xiàn)網(wǎng)站頁面或程序的界面美化、交互體驗(yàn)的一個(gè)職位。從狹義上講,前端工程師使用HTML、CSS、Javascript等專業(yè)技能和工具將產(chǎn)品UI設(shè)計(jì)稿實(shí)現(xiàn)成網(wǎng)站產(chǎn)品,涵蓋用戶PC端、移動(dòng)端網(wǎng)頁,處理視覺和交互問題。
WEB前端Javascript 交互培訓(xùn)
核心語法
1.掌握J(rèn)S的組成和語法,為進(jìn)去代碼的世界做鋪墊,數(shù)據(jù)結(jié)構(gòu),不再看見代碼而發(fā)愁
2.對(duì)象的創(chuàng)建方式和this詳解,提前帶你熟悉企業(yè)中變量的命名規(guī)則和規(guī)范
3.熟悉JS中的數(shù)據(jù)類型,流程控制,循環(huán)語句,輕松讓你在網(wǎng)頁上寫出九九乘法表,計(jì)算器等
面向?qū)ο缶幊?/div>
1.掌握面向?qū)ο蠛兔嫦蜻^程,熟悉JS的精髓;深拷貝和淺拷貝,讓你知道更加底層的代碼
2.原型和原型鏈,Javascript重要的核心,讓你寫的代碼復(fù)用性更強(qiáng)
3.企業(yè)開發(fā)中沙箱模式,了解企業(yè)中是怎么團(tuán)隊(duì)合作開發(fā)
對(duì)象類型
1.基本數(shù)據(jù)類型(number、string、boolean、undefined、null)
2.引用數(shù)據(jù)類型( 數(shù)組 array .. 函數(shù) function ... 對(duì)象 object)
3.掌握不同對(duì)象類型之間的轉(zhuǎn)換
BOM與DOM操作
1.DOM操作和BOM操作大全,輕松操作網(wǎng)頁上的每一個(gè)按鈕等,同時(shí)給他們加上不同的功能
2.利用Javascript代碼實(shí)現(xiàn)酷炫,京東首頁輪播圖升級(jí)版
3.頁面布局,結(jié)合H5代碼,讓你的網(wǎng)頁功能更加全面,可以1:1寫出小米官網(wǎng)首頁及功能
4.熟悉事件處理,讓你的代碼更加嚴(yán)謹(jǐn),相同的頁面效果,寫的代碼更少
5.瀏覽器兼容性處理,讓市面上的不同瀏覽器品牌,打開你的網(wǎng)頁效果不會(huì)有差別
事件編程
1.Javascript的事件機(jī)制,了解底層,才能寫出更嚴(yán)謹(jǐn)?shù)拇a,企業(yè)開發(fā)常見事件的使用詳解
2.offset家族和scroll家族,了解瀏覽器和代碼之間的關(guān)系
3.鍵盤事件及鍵盤碼的屬性,讓你的鍵盤能和鋼琴一樣,按下之后有不同的聲音
正則表達(dá)式
1.創(chuàng)建正則表達(dá)式,從零開始寫表單驗(yàn)證,輕松還原百度注冊(cè)功能
2.正則的3大核心:字符串類元字符、邊界類元字符、量詞類元字符,讓你寫的驗(yàn)證功能更強(qiáng)大
3.正則的使用和替換,隨心所以換校驗(yàn)規(guī)則
4.完整版表單校驗(yàn),提前進(jìn)入企業(yè)實(shí)戰(zhàn)開發(fā)
JQuery交互開發(fā)
1.jQuery的優(yōu)勢(shì)介紹,jQuery選擇器,讓你快半個(gè)月搭建一個(gè)簡(jiǎn)單網(wǎng)站
2.jQuery中的動(dòng)畫詳解,讓你的網(wǎng)頁不再單調(diào),貪吃蛇,水果忍者,都能通過代碼寫出來
3.鏈?zhǔn)骄幊毯碗[式迭代,了解jQuery的底層核心
4.JQuery插件使用和制作,自己也能制作酷炫動(dòng)畫插件,使用插件1分鐘做出京東輪播圖效果
Ajax數(shù)據(jù)交互
1.Ajax技術(shù)介紹,json格式與XML格式詳解,現(xiàn)在的技術(shù)和歷史技術(shù)的區(qū)別,教你如何鏈接服務(wù)器
2.Ajax中post與get兩種請(qǐng)求方式詳解,2種方式從后臺(tái)服務(wù)器拿數(shù)據(jù)
3.JSON數(shù)據(jù)分析,了解后端數(shù)據(jù)是怎么寫的,不再盲目的被后端程序員懟
4.解決跨域訪問的方法,讓你的網(wǎng)頁在任何協(xié)議都能訪問,無論是http協(xié)議還是https
5.企業(yè)接口化開發(fā)詳解,提前進(jìn)入實(shí)戰(zhàn)化開發(fā)
HTML5高級(jí)功能
1.畫布標(biāo)簽canvas.了解如何繪制并填充線條(形狀),文字及圖片。完成你畫我猜小游戲
2.多媒體(音頻,視頻)標(biāo)簽的實(shí)際使用。開發(fā)并完成自己的網(wǎng)易音樂播放器
3.強(qiáng)化練習(xí)智能化表單以及和完成后臺(tái)的數(shù)據(jù)交互。完成帶有圖片驗(yàn)證碼功能的登錄操作
4.本地存儲(chǔ)(cookies,sessionStorage,localStorage)。一周免登陸是如何實(shí)現(xiàn)的
WEBAPP開發(fā)
1.視口viewport(手機(jī)瀏覽器中的虛擬窗口)為何手機(jī)中的網(wǎng)頁有的能縮放爾有些不能
2.移動(dòng)端的事件交互:觸摸事件(touchstart/mov/end/cancel)。完成京東商城分類頁
3.另一種布局方式:彈性布局(flexbox)
隨堂項(xiàng)目:商城移動(dòng)端首頁、在線答題系統(tǒng)
Bootstrap
1.Bootstrap開發(fā)優(yōu)缺點(diǎn)介紹,如何通過模板搭建網(wǎng)站
2.響應(yīng)式開發(fā)原理,無論電腦、手機(jī)、平板等,都能適應(yīng)屏幕
3.Bootstrap框架的使用,4個(gè)口訣讓你做出標(biāo)準(zhǔn)官方首頁樣式
4.Bootstrap的柵格系統(tǒng)詳解,不同屏幕尺寸,顯示不同的效果
5.Bootstrap的Javascript插件使用,掌握不同網(wǎng)頁按鈕和輸入框更換樣式和顏色
ECMAscript6
1.ES5中的嚴(yán)格模式,讓代碼自己檢查自己
2.ES6中的新語法詳解,面試必問的語法
3.實(shí)際開發(fā)中常用的箭頭函數(shù),解構(gòu)賦值和字符串模板,讓你代碼更加簡(jiǎn)潔
4.定義變量的新方式LET和const,讓你與企業(yè)開發(fā)同步
我們能幫到你什么?
1.課程緊跟時(shí)代
公司擁有自己的設(shè)計(jì)定制中心,所有老師都定期進(jìn)修,不會(huì)脫離市場(chǎng),更好更準(zhǔn)確的圍繞企業(yè)所需人才要求上課。
2.可推薦就業(yè)
上海非凡與很多企業(yè)形成人才推薦,表現(xiàn)好的學(xué)生即可獲得老師推薦企業(yè)面試機(jī)會(huì),促進(jìn)學(xué)生就業(yè)。
3.行業(yè)教師教學(xué)
老師是有市場(chǎng)工作經(jīng)驗(yàn)的設(shè)計(jì)師經(jīng)過沉淀后,通過一系列教學(xué)培訓(xùn)后成為老師,課程內(nèi)容都是根據(jù)市場(chǎng)來編制。
