《Web前端課程建設(shè)》由會(huì)員分享,可在線閱讀,更多相關(guān)《Web前端課程建設(shè)(5頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、We嘀T端課程建設(shè)
、面授大綱
階段
課程
目標(biāo)
備注
前端基礎(chǔ)
行業(yè)規(guī)劃
?認(rèn)識(shí)行業(yè),把控行業(yè)發(fā)展
?了解實(shí)訓(xùn)的全套課程體系
?規(guī)劃屬于自己學(xué)習(xí)路線
HTML5
?熟練掌握HTM喻用標(biāo)簽的使用,能設(shè)計(jì)出交互性很強(qiáng)的表格及表單
?熟悉HTML5語(yǔ)義化標(biāo)簽(視頻、音頻、表單元
系寸寸)
CSS3
?熟練掌握css語(yǔ)法,能快速分析大型網(wǎng)頁(yè)的結(jié)構(gòu)并完成其標(biāo)準(zhǔn)化布局
?熟悉CSS3的新特性、動(dòng)畫、過(guò)渡等,尤其是使用CSS3的媒體查詢器完成響應(yīng)式布局和設(shè)計(jì)。到此為止,你已經(jīng)擁有了淘寶、京東、小米等靜態(tài)貝囿的能力,為了給網(wǎng)頁(yè)添加更多的生命力,準(zhǔn)備好向
JavaS
2、criDt講軍吧!
JavaScript
? 熟練掌握J(rèn)avaScript基礎(chǔ)語(yǔ)法
? 掌握好良好的編程習(xí)慣及代碼規(guī)范
? 熟悉JavaScript的向向過(guò)程和向向?qū)ο蟮膬煞N編程網(wǎng)格。
? 熟悉DO喇BOM勺操作,并能靈活使用使用其
完成絕大部分網(wǎng)頁(yè)特效的程序設(shè)計(jì)和開(kāi)發(fā),給網(wǎng)頁(yè)注入了強(qiáng)大的生命力。
前端設(shè)計(jì)
平面設(shè)計(jì)
?熟練掌握Photoshop和AI的基礎(chǔ)使用及常用實(shí)戰(zhàn)技巧。并需要學(xué)習(xí)一些美術(shù)基礎(chǔ)和色彩搭配視覺(jué)設(shè)計(jì)
?熟悉PC端網(wǎng)站設(shè)計(jì)和移動(dòng)端網(wǎng)站設(shè)計(jì)
前端交互
了解服務(wù)端
? 了解服務(wù)端架構(gòu)及CookievSessionv
Restful機(jī)制
?
3、熟悉HIIP協(xié)議、請(qǐng)求和響應(yīng)
? 熟悉常用服務(wù)器的項(xiàng)目部署(Tomcatx
Apache/Nginx、1IS)
? 熟悉Ajax的實(shí)現(xiàn)及使用XMLJSONIg成其數(shù)據(jù)
HTML隔級(jí)
?熟悉使用HTML用勺繪圖增強(qiáng)頁(yè)面交互性?
?熟練使用HTML睨成常見(jiàn)亮點(diǎn)功能:拖放
、地理定位、微信搖一搖等等。
?了解HTML5-它特性:Web存儲(chǔ)、應(yīng)用緩存、服務(wù)器發(fā)送
jQuery
,一款簡(jiǎn)化JavaScript開(kāi)發(fā)的JS框架,一直秉承大道至簡(jiǎn)的理念。
?熟練掌握J(rèn)Query語(yǔ)法、動(dòng)畫及對(duì)原生Ajax實(shí)現(xiàn)的簡(jiǎn)化
?熟悉常用的JQuery插件完成漂亮的驗(yàn)證、圖
4、形報(bào)表展示等,并有能力編寫自己的
iQuerv寺?lián)艏结芨蘸蟮拈_(kāi)發(fā)!
jQueryUI
?熟悉jQueryUI里的常用組件使用:如友好的對(duì)話框、自動(dòng)補(bǔ)完、日歷UI、折疊菜單等等,方便我們?cè)陧?xiàng)目里實(shí)現(xiàn)快速開(kāi)發(fā),并能實(shí)現(xiàn)小同網(wǎng)貝皮膚的切換!
前端跨屏
ZeptoJS
?Zepto是一個(gè)輕量級(jí)的針對(duì)移動(dòng)端瀏覽器的JavaScript庫(kù),它與jQuery有著類似的api。如果你會(huì)用jQuery,那么你也會(huì)用zepto.
jQueryMobi1e
jQueryMobiIe是創(chuàng)建移動(dòng)web應(yīng)用程序的框架,它適用于所有流行的智能手機(jī)和平板電腦,使用HTML5和CSS3通過(guò)盡可能
5、少的腳本對(duì)頁(yè)面進(jìn)行布局。
? 熟練掌握J(rèn)QueryMobi?能快帶上手移動(dòng)端Web應(yīng)用程序的布局
? 熟悉jQueryMobi1e的列表、視圖等設(shè)計(jì)
? 熟悉移動(dòng)端常見(jiàn)的事件,提高移動(dòng)端的交互性、增強(qiáng)體驗(yàn)
Bootstrap
? 一款簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架,讓響應(yīng)式web開(kāi)發(fā)更迅速、簡(jiǎn)單。
? 能熟練使用Bootstrap進(jìn)行網(wǎng)貝的跨屏布
局,實(shí)現(xiàn)一次編寫到處運(yùn)行
? 熟悉的基礎(chǔ)
css羊式、內(nèi)置組件和內(nèi)置插件,加速響應(yīng)式和流式布局的Web站點(diǎn)開(kāi)
發(fā)。擴(kuò)展了斛Less和Sass的詒法來(lái)編與和運(yùn)
前端拓展
Angu1arJS(可選)
AngularJS(Angu1ar.JS)te1組用來(lái)開(kāi)
發(fā)Web頁(yè)面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。兼容主流瀏覽器,與jQuery配合良好。學(xué)習(xí)完最酷最實(shí)用的特性無(wú)疑是你面試中的一塊重要敲門磚!
前端優(yōu)化
?熟悉SE0的常見(jiàn)優(yōu)化,提局網(wǎng)站的收錄和排行,能編寫對(duì)搜索引擎友好的代碼
?掌握常見(jiàn)的JS模塊化加載框架一Sea.js
?習(xí)慣養(yǎng)成優(yōu)化代碼和重構(gòu)代碼,由此來(lái)提高網(wǎng)頁(yè)的快速渲染和增強(qiáng)代碼的可讀性、可維護(hù)性
真實(shí)項(xiàng)目開(kāi)發(fā)
某電子商城:
設(shè)一個(gè)類似小米商城,要求頁(yè)面獨(dú)立完成產(chǎn)品的界面設(shè)計(jì)和交互設(shè)計(jì),并完成代碼的編寫,產(chǎn)品需要兼容PC端和移動(dòng)端!