web前端開發(fā)大綱

《web前端開發(fā)大綱》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、WORD文檔可編輯《web前端開發(fā)》教學大綱編寫人：石亞平課時：80課時技術(shù)資料專業(yè)分享WORD文檔可編輯一、課程教學內(nèi)容及目標4（一）知識目標41.掌握html、html5、css、css3的基本語法；42.掌握html5的canvas繪圖；43.熟練應用div+css實現(xiàn)頁面布局；44.掌握JavaScript基本語法；45.掌握DOM的基本用法；46.掌握jQuery的基本用法；47.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容性；48.熟悉bootstrap框架4（二）能力目標51.通過本課程的學習要求學生掌握div+css實現(xiàn)頁面的布局，實現(xiàn)靜態(tài)頁面；52.通過JavaScript實現(xiàn)簡

2、單的交互功能；53.通過jQuery簡化js的原生代碼，減少代碼量；54.通過bootstrap框架，實現(xiàn)頁面快速布局55.能解決各大瀏覽器的兼容性問題；5（三）參考教材5《JavaScript高級程序設計》、《W3School離線手冊》、《jQuery1.9.3幫助文檔》5二、課程教學內(nèi)容及考核要求5第一單元：HTML基礎51.1Web基礎知識51.2HTML快速入門51.3文本和圖像61.4表格和列表6第二單元：css基礎172.1CSS語法172.2CSS基礎選擇器172.3框模型和背景182.4浮動和定位18第三單元：CSS3基礎293.1復雜選擇器293.2多列屬性303.3CSSH

3、ack30第四單元CSS3高級364.1轉(zhuǎn)換364.2過渡364.3動畫36第五單元JavaScript455.1JavaScript概述455.2JavaScript基礎語法465.3變量和常量46第六單元JavaScript數(shù)據(jù)類型轉(zhuǎn)換和運算符49技術(shù)資料專業(yè)分享WORD文檔可編輯6.1數(shù)據(jù)類型496.2基本類型496.3數(shù)據(jù)類型轉(zhuǎn)換496.4運算符49第七單元JavaScript函數(shù)547.1函數(shù)的定義547.2函數(shù)的調(diào)用547.3變量的作用域547.4全局函數(shù)54第八單元?JavaScript分支結(jié)構(gòu)588.1什么是分支結(jié)構(gòu)588.2If語句588.3If-else語句588.4els

4、eif語句588.5switch-case語句58第九單元循環(huán)結(jié)構(gòu)619.1什么是循環(huán)結(jié)構(gòu)619.2While語句619.3do-while語句619.4For語句61第十單元創(chuàng)建和訪問數(shù)組6410.1什么是數(shù)組6410.2數(shù)組的定義和初始化6410.3訪問數(shù)組6410.4數(shù)組的常用方法6410.5二維數(shù)組64第十一單元DOM6911.1DHTML概述6911.2DOM概述6911.3節(jié)點信息6911.4通過HTML選取元素6911.5通過CSS選取元素69第十二單元HTML5基礎7212.1HTML5表單元素7212.2HTML5表單屬性及驗證72第十三單元音視頻處理和Canvas繪圖751

5、3.1視頻處理7513.2音頻處理7613.3Canvas概述7613.4Canvas繪圖76第十四單元jQuery7914.1jQuery介紹7914.2jQuery的編程步驟7914.3jQuery對象79技術(shù)資料專業(yè)分享WORD文檔可編輯14.4jQuery選擇器79第十五單元jQuery操作DOM和jQuery事件8215.1查詢8215.2樣式操作8215.3遍歷節(jié)點8215.4創(chuàng)建、插入、刪除8215.5替換DOM節(jié)點8215.6復制DOM節(jié)點8215.7jQuery事件82第十六單元jQuery動畫效果和bootstrap起步8516.1隱藏和顯示8516.2自定義動畫8516.

6、3并發(fā)與排隊效果8516.4響應式網(wǎng)頁概述8516.5編寫響應式網(wǎng)頁8616.6bootstrap概念86第十七單元全局CSS樣式9417.1概述9417.2布局容器9417.3按鈕9417.4圖片9417.5表格9417.6排版9417.7柵格9417.8表單94技術(shù)資料專業(yè)分享WORD文檔可編輯一、課程教學內(nèi)容及目標（一）知識目標1.掌握html5、css3的基本語法；2.掌握html5的canvas繪圖；3.掌握css3動畫；4.掌握JavaScript基本語法；5.掌握DOM的基本用法；6.掌握jQuery的基本用法和jQuery的動畫效果；7.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容

7、性；8.熟悉bootstrap框架（二）能力目標1.通過本課程的學習要求學生掌握css3新增的選擇器和html5新增的表單元素；2.會使用canvas繪圖3.通過JavaScript實現(xiàn)簡單的交互功能；4.通過jQuery簡化js的原生代碼，減少代碼量；5.通過bootstrap框架，實現(xiàn)頁面快速布局6.能解決各大瀏覽器的兼容性問題；（三）參考教材《JavaScript高級程序設計》、《W3Sch