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