Web前端開發(fā)

模塊一 Web前端開發(fā)的準(zhǔn)備
任務(wù)1.1 Web相關(guān)概念
職業(yè)能力1.1.1 掌握Web前端開發(fā)基本概念
職業(yè)能力1.1.2 了解常用Web前端開發(fā)工具
模塊二 使用HTML5建立網(wǎng)頁結(jié)構(gòu)
任務(wù)2.1 初識(shí)HTML
職業(yè)能力2.1.1 HTML基本語法
職業(yè)能力2.1.2 HTML的主體元素
任務(wù)2.2 HTML常用標(biāo)簽
職業(yè)能力2.2.1 文本、圖像
職業(yè)能力2.2.2 超鏈接、音頻、視頻
職業(yè)能力2.2.3 列表、表格
職業(yè)能力2.2.4 表單
模塊三 使用CSS3樣式修飾網(wǎng)頁
任務(wù)3.1 初識(shí)CSS
職業(yè)能力3.1.1 CSS樣式基本語法結(jié)構(gòu)
職業(yè)能力3.1.2 CSS的選擇器
任務(wù)3.2 CSS常用樣式
職業(yè)能力3.2.1 CSS樣式的單位和顏色
職業(yè)能力3.2.2 文本與字體樣式
職業(yè)能力3.2.3 背景樣式
職業(yè)能力3.2.4 列表樣式
職業(yè)能力3.2.5 表格樣式
任務(wù)3.3 定位與布局
職業(yè)能力3.3.1 盒子模型
職業(yè)能力3.3.2 定位方式
職業(yè)能力3.3.3 彈性盒子布局
職業(yè)能力3.3.4 響應(yīng)式布局
任務(wù)3.4 CSS3
職業(yè)能力3.4.1 邊框和陰影
職業(yè)能力3.4.2 2D和3D變換
職業(yè)能力3.4.3 過渡和動(dòng)畫
模塊四 輕量級(jí)框架應(yīng)用
任務(wù)4.1 jQuer基礎(chǔ)
職業(yè)能力4.1.1 在網(wǎng)頁中使用JavaScript的語句
職業(yè)能力4.1.2 使用BOM對(duì)象與瀏覽器窗 互
職業(yè)能力4.1.3 使用DOM對(duì)象改變文檔對(duì)象
職業(yè)能力4.1.4 在網(wǎng)頁中使用jQuery框架
職業(yè)能力4.1.5 使用jQuer在網(wǎng)頁中添加事件
任務(wù)4.2 jQuery效果
職業(yè)能力4.2.1 使用jQuer操作網(wǎng)頁樣式
職業(yè)能力4.2.2 使用jQuer添加動(dòng)畫
任務(wù)4.3 jQueryAJAX
職業(yè)能力4.3.1 在網(wǎng)頁中使用AJAX
模塊五 響應(yīng)式開發(fā)技術(shù)
任務(wù)5.1 Bootstrap基本架構(gòu)
職業(yè)能力5.1.1 在頁面中引入Bootstrap
職業(yè)能力5.1.2 使用Bootstrap的柵格系統(tǒng)搭建網(wǎng)頁結(jié)構(gòu)
任務(wù)5.2 Bootstrap樣式
職業(yè)能力5.2.1 使用Bootstrap的文本與顏色樣式