《Web前端課程建設(shè)》由會員分享，可在線閱讀，更多相關(guān)《Web前端課程建設(shè)（5頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、We嘀T端課程建設(shè)
、面授大綱
階段
課程
目標
備注
前端基礎(chǔ)
行業(yè)規(guī)劃
?認識行業(yè)，把控行業(yè)發(fā)展
?了解實訓的全套課程體系
?規(guī)劃屬于自己學習路線
HTML5
?熟練掌握HTM喻用標簽的使用，能設(shè)計出交互性很強的表格及表單
?熟悉HTML5語義化標簽(視頻、音頻、表單元
系寸寸)
CSS3
?熟練掌握css語法，能快速分析大型網(wǎng)頁的結(jié)構(gòu)并完成其標準化布局
?熟悉CSS3的新特性、動畫、過渡等，尤其是使用CSS3的媒體查詢器完成響應(yīng)式布局和設(shè)計。到此為止，你已經(jīng)擁有了淘寶、京東、小米等靜態(tài)貝囿的能力，為了給網(wǎng)頁添加更多的生命力，準備好向
JavaS
2、criDt講軍吧!
JavaScript
? 熟練掌握JavaScript基礎(chǔ)語法
? 掌握好良好的編程習慣及代碼規(guī)范
? 熟悉JavaScript的向向過程和向向?qū)ο蟮膬煞N編程網(wǎng)格。
? 熟悉DO喇BOM勺操作，并能靈活使用使用其
完成絕大部分網(wǎng)頁特效的程序設(shè)計和開發(fā)，給網(wǎng)頁注入了強大的生命力。
前端設(shè)計
平面設(shè)計
?熟練掌握Photoshop和AI的基礎(chǔ)使用及常用實戰(zhàn)技巧。并需要學習一些美術(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框架，一直秉承大道至簡的理念。
?熟練掌握JQuery語法、動畫及對原生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、少的腳本對頁面進行布局。
? 熟練掌握JQueryMobi?能快帶上手移動端Web應(yīng)用程序的布局
? 熟悉jQueryMobi1e的列表、視圖等設(shè)計
? 熟悉移動端常見的事件，提高移動端的交互性、增強體驗
Bootstrap
? 一款簡潔、直觀、強悍的前端開發(fā)框架，讓響應(yīng)式web開發(fā)更迅速、簡單。
? 能熟練使用Bootstrap進行網(wǎng)貝的跨屏布
局，實現(xiàn)一次編寫到處運行
? 熟悉的基礎(chǔ)
css羊式、內(nèi)置組件和內(nèi)置插件，加速響應(yīng)式和流式布局的Web站點開
發(fā)。擴展了斛Less和Sass的詒法來編與和運
前端拓展
Angu1arJS（可選）
AngularJS(Angu1ar.JS)te1組用來開
發(fā)Web頁面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。兼容主流瀏覽器，與jQuery配合良好。學習完最酷最實用的特性無疑是你面試中的一塊重要敲門磚！
前端優(yōu)化
?熟悉SE0的常見優(yōu)化，提局網(wǎng)站的收錄和排行，能編寫對搜索引擎友好的代碼
?掌握常見的JS模塊化加載框架一Sea.js
?習慣養(yǎng)成優(yōu)化代碼和重構(gòu)代碼，由此來提高網(wǎng)頁的快速渲染和增強代碼的可讀性、可維護性
真實項目開發(fā)
某電子商城：
設(shè)一個類似小米商城，要求頁面獨立完成產(chǎn)品的界面設(shè)計和交互設(shè)計，并完成代碼的編寫，產(chǎn)品需要兼容PC端和移動端！
Web前端課程建設(shè)
