學(xué)習(xí)目標(biāo)：掌握傳統(tǒng)pc端網(wǎng)頁(yè)布局和制作

1.認(rèn)識(shí)web前端和html

· web前端開發(fā)介紹
· CSS標(biāo)記· 開發(fā)工具
· CSS元素· 開發(fā)環(huán)境介紹
· CSS屬性· 認(rèn)識(shí)CSS
· 如何深度理解CSS· CSS優(yōu)點(diǎn)
· 如何優(yōu)化布局

2.標(biāo)簽及語(yǔ)義

· 常見標(biāo)簽
· 類型選擇符· 標(biāo)簽的理解
·類型分類· 標(biāo)簽的用途
· 類型樣式初始化· 標(biāo)簽的合理使用
· 仿百度首頁(yè)· 認(rèn)識(shí)A鏈接
· 仿美團(tuán)網(wǎng)

3.block，inline-block介紹和使用

· 什么是塊元素
· 如何正確使用· 什么內(nèi)嵌元素
· 流水式布局· 如何理解這兩者的區(qū)別
· 瀑布式布局· 他們各自哪些特點(diǎn)
· 仿淘寶主頁(yè)

學(xué)習(xí)目標(biāo)：JS完成一些常見網(wǎng)頁(yè)開發(fā)

1.基本運(yùn)算符

· + 加
· - 減· * 乘
· / 除· % 求余
· ++ 累加· -- 累減

2.面向?qū)ο蟮木幊?/p>

· 基本概念
· 類· 封裝
·聚合· 繼承
· 多態(tài)· 創(chuàng)建對(duì)象
· 工廠模式· 元素、屬性和方法
· 構(gòu)造器函數(shù)

3.不同數(shù)據(jù)類型數(shù)據(jù)的操作方法

· typeof操作符
· Undefined類型· Null類型
· Boolean類型· Number類型
· String類型· Object類型
· Array類型· 棧方法
· 隊(duì)列方法

學(xué)習(xí)目標(biāo)：掌握現(xiàn)在主流的頁(yè)面制作技術(shù)，可以完成微網(wǎng)站的制作和微信小程序開發(fā)，并可以做到多設(shè)備兼容

1.HTML5的應(yīng)用

· HTML5桌面平臺(tái)開發(fā)用到的標(biāo)簽
· 標(biāo)簽語(yǔ)義化及標(biāo)簽的默認(rèn)屬性特點(diǎn)· 標(biāo)簽的常用用法
· 新增的智能表單的應(yīng)用· 音頻和視頻標(biāo)簽的應(yīng)用
· 視頻格式與瀏覽器的支持· 使用 DOM 控制HTML5 video
· 音頻格式及瀏覽器支持

2.HTML5初級(jí)實(shí)戰(zhàn)靜態(tài)網(wǎng)頁(yè)綜合開發(fā)

· HTML5初級(jí)實(shí)戰(zhàn)
· 靜態(tài)網(wǎng)頁(yè)綜合開發(fā)· 背景圖合并技術(shù)
·圖片處理技巧· 框架的基本知識(shí)
· 嵌套合理化

3.CSS3應(yīng)用

· CSS3的發(fā)展現(xiàn)狀、CSS3中的新增選擇器
· CSS3邊框效果的講解與應(yīng)用· CSS3陰影效果的講解與應(yīng)用
· CSS3透明度效果· CSS3漸變效果、CSS3中對(duì)背景的相關(guān)操作
· CSS3中倒影效果的講解與應(yīng)用

通過實(shí)際項(xiàng)目開發(fā)，精通前端常用框架的實(shí)際應(yīng)用及問題解決，以及常見開發(fā)、前后臺(tái)交互開發(fā)

1.AJAX詳解

· AJAX的基本原理講解
· XHR對(duì)象的基本知識(shí)· JSON與XML的辨析
· AJAX框架的封裝· 同步加載與異步加載
· AJAX中的緩存問題· 數(shù)據(jù)綁定和模板技術(shù)
· JSON和跨域技術(shù)

2.jQuery框架詳解

· jQuery的基本語(yǔ)法
· jQuery中的常用選擇器· jQuery對(duì)于事件的處理
·jQuery中的動(dòng)畫知識(shí)與應(yīng)用· jQuery的文檔操作
· jQuery對(duì)屬性，CSS的修改和設(shè)置· jQuery的核心與原理
· Jquery UI組件

3.Bootstrap

· Bootstrap 簡(jiǎn)介
· Bootstrap 配置· Bootstrap響應(yīng)式概念
· 使用Bootstrap布局頁(yè)面和全局樣式· Bootstrap網(wǎng)格系統(tǒng)及工作原理
· Bootstrap各種常用組件