Web前端開發(fā)

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