CASES 案例
我們的作品，他們的故事
Our work, their stories
Our work, their stories
成都Web前端開發(fā)工程師入門所需的技能
成都Web前端開發(fā)工程師，主要職責(zé)是利用HTML、XHTML、CSS、JAVAScript、FLASH等各種Web前端技術(shù)進(jìn)行客戶端產(chǎn)品的開發(fā)。完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合后臺(tái)開發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web前端開發(fā)，致力于通過技術(shù)改善用戶體驗(yàn)。
第一階段：頁面制作基礎(chǔ)
從這一基礎(chǔ)階段開始，正式學(xué)習(xí)Web前端開發(fā)需要的編程語言HTML,CSS和JavaScript。HTML和CSS用于Web靜態(tài)內(nèi)容的展示，JavaScript用于Web動(dòng)態(tài)交互。完成這一階段前端開發(fā)的學(xué)習(xí)，你就可以獨(dú)立實(shí)現(xiàn)一個(gè)動(dòng)靜結(jié)合的Web前端項(xiàng)目啦！
第二階段：主流框架應(yīng)用
優(yōu)秀的Web前端開發(fā)工程師一定都是追求高效率的”懶人“。這一框架階段就是教你如何使用當(dāng)今流行的Web前端框架，包括bootstrap、Angularjs等，來提高前端開發(fā)效率。在學(xué)習(xí)前端框架本身的同時(shí)，也希望你能掌握任意一種快速上手的web前端框架的方法！?
第三階段：前端技術(shù)進(jìn)階
web前端開發(fā)進(jìn)階階段的學(xué)習(xí)，主要是讓大家快速掌握當(dāng)今流行、實(shí)用、最新的技術(shù)，比如：less、sass、json、ajax等，并將這些前端技術(shù)快速用于實(shí)踐，開發(fā)出更加符合客戶體驗(yàn)度的web前端頁面。
第四階段：前端技術(shù)拓展
web前端技術(shù)發(fā)展日新月異，因此前端技術(shù)的拓展學(xué)習(xí)及實(shí)踐對(duì)于web前端工程師來說非常重要。本階段就是基于、Backbone、bootstrap等技術(shù)的拓展學(xué)習(xí)和web前端項(xiàng)目的實(shí)戰(zhàn)開發(fā)演練。
課程包含部分：
第一部分 html與css入門 共100課時(shí)
課時(shí) 名稱
1 html簡(jiǎn)介
2 html骨架
3 元標(biāo)簽-編碼
4 元標(biāo)簽-關(guān)鍵字與描述
5 標(biāo)簽空白符
6 標(biāo)題標(biāo)簽
7 段落標(biāo)簽
8 注釋
9 塊元素與行內(nèi)元素
10 超鏈接
11 圖片標(biāo)簽
12 絕對(duì)路徑與相對(duì)路徑
13 無序列表
14 有序列表
15 列表嵌套
16 定義列表
17 表格
18 單元格拆分與合并
19 表格頭尾
20 表單元素
21 下拉框與文本輸入框
22 表單分組
23 常見字符實(shí)體
24 文字標(biāo)簽
25 語義化標(biāo)簽
26 廢棄標(biāo)簽
27 css簡(jiǎn)介
28 css三種書寫方式
29 css常見選擇器
30 id選擇器與類選擇器注意事項(xiàng)
31 選擇器組合
32 后代選擇器
33 交集選擇器與并集選擇器
34 選擇器通配符
35 騰訊新聞列表
36 選擇器權(quán)重
37 就近原則
38 樣式引入方式權(quán)重比較
39 權(quán)重計(jì)算練習(xí)
40 important提升權(quán)重
41 盒模型
42 IE盒模型
43 內(nèi)邊距與外邊距
44 邊框?qū)傩?/span>
45 盒子居中
46 外邊距重計(jì)算盒子寬度
47 文字屬性
48 css常見單位
49 文字修飾屬性
50 文字屬性繼承性
51 文字水平居中與垂直居中
52 圖片元素排版
53 超鏈接標(biāo)簽?zāi)J(rèn)樣式
54 騰訊體育
55 超鏈接標(biāo)簽偽類
56 偽元素
57 背景樣式與圖片
58 背景平鋪與背景位置
59 背景在SEO中的應(yīng)用
60 塊元素設(shè)置背景
61 行內(nèi)元素設(shè)置背景
62 偽元素設(shè)置背景
63 水平精靈圖
64 垂直精靈圖
65 定點(diǎn)精靈圖
66 hao123
67 四種箭頭
68 hao123箭頭
69 css繪制集合圖形
70 塊元素與行內(nèi)元素特性
71 塊元素與行內(nèi)元素轉(zhuǎn)化
72 浮動(dòng)元素
73 浮動(dòng)元素與文檔流
74 浮動(dòng)元素特性
75 浮動(dòng)元素與邊距
76 浮動(dòng)元素父元素高度丟失
77 清除浮動(dòng)
78 清除浮動(dòng)的7中方式
79 新浪布局
80 列表布局
81 雙飛翼布局
82 圣杯布局
83 排查錯(cuò)誤
84 相對(duì)定位
85 表單對(duì)齊
86 新浪tab欄
87 絕對(duì)定位
88 子絕父相
89 jd輪播圖
90 文本居中，行內(nèi)元素居中與塊元素居中
91 優(yōu)酷
92 固定定位
93 遮蓋
94 拼爹
95 html 注釋 hack
96 css屬性hack
97 IE6-交集選擇器與DTD內(nèi)減盒模型
98 IE6-最小高度與盒子位置
99 IE6-overflow與透明度
100 IE6-雙倍margin與3像素bug
第二部分 源生javascript 共150課時(shí)
課時(shí) 名稱
1 前端輸出語句
2 javascript的三種引入方式
3 javascript注釋
4 數(shù)字
5 字符串
6 變量定義與變量提升
7 數(shù)據(jù)類型
8 加法運(yùn)算與字符串拼接
9 數(shù)據(jù)類型轉(zhuǎn)換
10 算術(shù)運(yùn)算符
11 算術(shù)一元運(yùn)算符
12 賦值運(yùn)算符
13 比較運(yùn)算符
14 邏輯運(yùn)算符
15 三元運(yùn)算符
16 其他運(yùn)算符
17 運(yùn)算符優(yōu)先級(jí)
18 if條件語句
19 switch多分支判斷語句
20 for循環(huán)語句
21 繪制九九乘法表
22 棋盤與大米
23 尋找質(zhì)數(shù)
24 尋找水仙花數(shù)
25 數(shù)7游戲
26 循環(huán)關(guān)鍵字
27 while循環(huán)
28 do while循環(huán)
29 猜數(shù)字
30 定義函數(shù)的兩種方式
31 函數(shù)參數(shù)
32 函數(shù)返回值
33 尋找約數(shù)
34 哥德巴赫猜想
35 斐波那契數(shù)列
36 遞歸
37 函數(shù)聲明提升
38 函數(shù)引用類型
39 函數(shù)作用域
40 函數(shù)內(nèi)部作用域與變量
41 閉包
42 閉包與作用域
43 循環(huán)中的閉包
44 數(shù)組類型與屬性
45 遍歷數(shù)組
46 解析數(shù)組pop與push方法
47 解析數(shù)組shift與unshift方法
48 解析數(shù)組concat與reverse方法
49 解析數(shù)組slice與splice方法
50 解析數(shù)組join與sort方法
51 字符串屬性與轉(zhuǎn)化方法
52 解析獲取子字符串方法indexOf與lastIndexOf
53 解析截取子字符串的三個(gè)方法slice，substring，substr
54 冒泡排序算法與快速排序算法
55 解析數(shù)組sort方法
56 解析拼接字符串與大小寫轉(zhuǎn)化方法
57 獲取字符位置charAt與charCodeAt方法與比較方法localCompare
58 正則表達(dá)式與創(chuàng)建方式
59 字符串截取轉(zhuǎn)化數(shù)組方法split
60 檢索字符串方法search
61 匹配字符串方法match
62 替換字符串方法replace
63 正則匹配方法exec
64 正則檢測(cè)方法test
65 正則表達(dá)式-特殊字符
66 正則表達(dá)式-預(yù)定義特殊字符
67 正則表達(dá)式-字符集
68 正則表達(dá)式-分界
69 正則表達(dá)式-預(yù)定義類
70 正則表達(dá)式-量詞
71 正則表達(dá)式-修飾符
72 正則表達(dá)式-其他
73 正則表達(dá)式-分組
74 正則表達(dá)式-驗(yàn)證手機(jī)號(hào)
75 正則表達(dá)式-驗(yàn)證郵箱
76 arguments與函數(shù)重載
77 IIFE即時(shí)執(zhí)行方法
78 document對(duì)象
79 獲取元素的幾種方法
80 元素類名與id設(shè)置
81 元素屬性設(shè)置
82 修改或者獲取元素內(nèi)容
83 元素類型
84 創(chuàng)建元素
85 元素添加子節(jié)點(diǎn)
86 刪除元素
87 復(fù)制元素
88 獲取css樣式
89 設(shè)置css樣式
90 事件流
91 html處理程序
92 傳統(tǒng)事件處理程序
93 HTML與DOM0級(jí)事件
94 DOM2級(jí)事件處理程序
95 IE事件處理程序添加與移出
96 跨瀏覽器事件處理程序封裝
97 事件對(duì)象
98 事件類型與目標(biāo)元素
99 阻止默認(rèn)行為與阻止事件冒泡
100 跨瀏覽器事件對(duì)象
101 UI事件
102 UI事件實(shí)戰(zhàn)
103 鍵盤事件
104 鍵盤事件實(shí)戰(zhàn)
105 焦點(diǎn)事件
106 焦點(diǎn)事件實(shí)戰(zhàn)
107 鼠標(biāo)事件
108 鼠標(biāo)事件實(shí)戰(zhàn)
109 滾輪事件
110 滾輪事件實(shí)戰(zhàn)
111 javascript獲取盒子位置
112 javascript獲取盒子寬高
113 定時(shí)器與異步操作
114 計(jì)時(shí)器
115 簡(jiǎn)單動(dòng)畫
116 動(dòng)畫啟�？刂�
117 輪播圖連續(xù)動(dòng)畫
118 多屬性變化
119 運(yùn)動(dòng)框架
120 運(yùn)動(dòng)框架實(shí)戰(zhàn)
121 緩沖函數(shù)
122 緩存函數(shù)公告切換
123 緩存函數(shù)表單滾動(dòng)
124 緩存函數(shù)輪播圖
125 JSON對(duì)象
126 JSON對(duì)字符串解析
127 JSON對(duì)對(duì)象反解析
128 JSON對(duì)象遍歷
129 更改函數(shù)作用域
130 call與apply區(qū)別
131 對(duì)象
132 日期對(duì)象
133 日立
134 時(shí)鐘
135 數(shù)字對(duì)象
136 最大值與最小值
137 數(shù)字四舍五入
138 數(shù)字對(duì)象其他方法介紹
139 求幾何形狀面積
140 類的創(chuàng)建
141 類的屬性以及方法
142 閉包類
143 繪制圖形
144 構(gòu)造函數(shù)式繼承
145 類式繼承
146 組合繼承
147 寄生式繼承
148 寄生組合式繼承
149 繼承實(shí)戰(zhàn)一
150 繼承實(shí)戰(zhàn)二
第三部分 jquery與bootstrap 共60課時(shí)
課時(shí) 名稱
1 jQuery對(duì)象
2 id選擇器效率
3 tagName選擇器效率
4 class選擇器效率
5 常規(guī)篩選
6 層級(jí)篩選
7 基本篩選
8 內(nèi)容篩選
9 可見篩選
10 屬性篩選
11 子元素篩選
12 表單篩選
13 屬性獲取與設(shè)置
14 表單元素值
15 css樣式方法
16 判斷，添加與刪除類
17 寬高獲取
18 獲取坐標(biāo)方法offset
19 獲取坐標(biāo)方法position
20 滾動(dòng)條方法
21 元素屬性數(shù)據(jù)方法
22 事件綁定
23 事件對(duì)象，默認(rèn)行為與冒泡
24 節(jié)點(diǎn)拷貝方法clone
25 父節(jié)點(diǎn)與子節(jié)點(diǎn)
26 兄弟節(jié)點(diǎn)
27 內(nèi)部插入節(jié)點(diǎn)
28 外部插入節(jié)點(diǎn)
29 節(jié)點(diǎn)刪除
30 animate方法
31 篩選子元素方法eq與get
32 獲取子元素索引方法index
33 遍歷方法each
34 jquery實(shí)例化對(duì)象size方法與length
35 元素顯隱方法show，hide，toggle
36 上拉下拉顯隱動(dòng)畫slideDown，slideUp
37 漸變動(dòng)畫fadeIn，fadeOut
38 動(dòng)畫隊(duì)列方法stop與finish
39 動(dòng)畫延遲方法delay
40 元素判定方法is
41 bootstrap體驗(yàn)
42 字體圖標(biāo)
43 按鈕組
44 柵格布局
45 代碼樣式
46 工具類
47 按鈕與圖片
48 排版
49 表單
50 表格
51 導(dǎo)航與路徑導(dǎo)航
52 分頁，標(biāo)簽與徽章
53 縮略圖，警告框，進(jìn)度條
54 模態(tài)框
55 下拉菜單
56 滾動(dòng)監(jiān)聽
57 標(biāo)簽頁
58 輪播圖
59 工具條與彈出框
60 警告框與按鈕
第四部分 HTML5 CSS3與移動(dòng)端開發(fā) 共50課時(shí)
課時(shí) 名稱
1 HTML5新增標(biāo)簽與語義化標(biāo)簽
2 HTML5對(duì)表單元素拓展
3 HTML5制作鋼琴
4 HTML5播放視頻
5 CSS3關(guān)系選擇器與屬性選擇器
6 CSS3偽類選擇器與偽對(duì)象選擇器
7 CSS3色彩與尺寸拓展
8 CSS3邊框拓展
9 CSS3圓角拓展
10 CSS3背景拓展
11 CSS3漸變拓展
12 CSS3文本特效
13 CSS3字體
14 CSS3多列
15 CSS3用戶界面
16 CSS3盒模型
17 CSS3彈性盒子
18 CSS3響應(yīng)式與媒體查詢
19 CSS3響應(yīng)式與媒體查詢實(shí)戰(zhàn)
20 CSS3過渡
21 CSS3 2d變換
22 CSS3 3d變換
23 CSS3動(dòng)畫
24 CSS3 3d動(dòng)畫
25 CSS3 3d輪播圖一
26 CSS3 3d輪播圖二
27 CSS3 3d輪播圖三
28 CSS3 動(dòng)畫事件
29 百分比布局
30 HTML5頁面布局
31 移動(dòng)端響應(yīng)式
32 移動(dòng)端em與rem布局
33 移動(dòng)端觸屏事件
34 移動(dòng)端拖拽
35 移動(dòng)端手指滑動(dòng)輪播圖
36 移動(dòng)端 zepto體驗(yàn)
37 移動(dòng)端 zepto觸屏事件
38 移動(dòng)端項(xiàng)目實(shí)戰(zhàn)一
39 移動(dòng)端項(xiàng)目實(shí)戰(zhàn)二
40 HTML5-上傳圖片
41 HTML5-Cookie
42 HTML5-sessionStorage
43 HTML5-localStorage
44 HTML5-websql
45 HTML5-EventSource
46 HTML5-web worker
47 HTML5-地圖定位
48 HTML5-拖拽
49 HTML5-拖拽插件
50 HTML5-拖拽實(shí)戰(zhàn)
第五部分 canvas游戲開發(fā) 共30課時(shí)
課時(shí) 名稱
1 canvas檢測(cè)
2 canvas繪制矩形與描邊矩形
3 canvas繪制路徑
4 canvas繪制文字
5 canvas移動(dòng)繪制點(diǎn)
6 canvas webgl
7 canvas旋轉(zhuǎn)
8 canvas方法
9 canvas歷史記錄
10 canvas繪制時(shí)鐘
11 canvas擲骰子游戲
12 canvas運(yùn)動(dòng)小球與邊界檢測(cè)
13 canvas繪制混沌的宇宙
14 canvas游戲運(yùn)動(dòng)框架
15 canvas憤怒的小鳥一
16 canvas憤怒的小鳥二
17 canvas自由落體欲動(dòng)與拋物線運(yùn)動(dòng)
18 canvas力
19 canvas碰撞檢測(cè)
20 canvas憤怒的小鳥
21 canvas躲避小行星
22 canvas投影
23 canvas漸變
24 canvas模式與刮刮樂
25 canvas圖像數(shù)據(jù)
26 canvas濾鏡
27 canvas透明度與三原色
28 canvas彈性碰撞與能量守恒
29 canvas臺(tái)球游戲一
30 canvas臺(tái)球游戲二
第六部分 微信與百度地圖 共30課時(shí)
課時(shí) 名稱
1 成為微信開發(fā)者
2 創(chuàng)建菜單
3 菜單查詢
4 刪除菜單
5 菜單事件
6 接收消息
7 消息事件
8 被動(dòng)回復(fù)
9 客服消息
10 群發(fā)消息
11 模板消息
12 網(wǎng)站開發(fā)
13 設(shè)置元素類型
14 按鈕
15 列表
16 對(duì)話框
17 進(jìn)度條
18 信息頁與消息提示
19 文章與按鈕
20 添加素材
21 刪除素材
22 用戶管理
23 獲取用戶信息
24 獲取用戶列表
25 成為百度地圖開發(fā)者
26 控件
27 覆蓋物
28 事件
29 地圖圖層
30 工具
第七部分 nodejs 共80課時(shí)
課時(shí) 名稱
1 安裝使用nodejs
2 REPL模式
3 全局對(duì)象
4 util模塊
5 url模塊
6 querystring模塊
7 事件模塊
8 事件對(duì)象
9 os模塊
10 net模塊
11 DNS模塊
12 Domain模塊
13 domain模塊綁定
14 引入path模塊
15 引入自定義模塊
16 buffer對(duì)象
17 stream流
18 npm介紹
19 安裝外部模塊
20 使用外部模塊
21 搭建服務(wù)器
22 單線程應(yīng)用
23 非堵塞應(yīng)用
24 非堵塞應(yīng)用
25 請(qǐng)求對(duì)象
26 解析請(qǐng)求
27 get請(qǐng)求與post請(qǐng)求
28 響應(yīng)對(duì)象
29 響應(yīng)狀態(tài)碼
30 設(shè)置響應(yīng)頭
31 設(shè)置響應(yīng)數(shù)據(jù)
32 配置路由
33 同步，異步判斷文件存在
34 同步，異步讀文件
35 同步，異步寫文件
36 同步，異步追加文件內(nèi)容
37 同步，異步修改文件名
38 文件上傳
39 對(duì)上傳文件處理
40 對(duì)上傳文件處理
41 expres運(yùn)行原理
42 express-中間件
43 express-use方法
44 express-set與get方法
45 express-response對(duì)象
46 express-requst對(duì)象
47 express-配置路由
48 express-靜態(tài)文件
49 express-模板
50 express-cookie
51 express-session
52 express-上傳文件
53 express-實(shí)戰(zhàn)一
54 express-實(shí)戰(zhàn)二
55 express-實(shí)戰(zhàn)三
56 安裝mongoDB
57 mongoDB-庫(kù)操作
58 mongoDB-寫入數(shù)據(jù)
59 mongoDB-查詢數(shù)據(jù)
60 mongoDB-修改數(shù)據(jù)
61 mongoDB-刪除數(shù)據(jù)
62 mongoose安裝
63 mongoose-模型
64 mongoose-插入操作
65 mongoose-更新操作
66 mongoose-刪除操作
67 mongoose-查詢操作一
68 mongoose-查詢操作二
69 項(xiàng)目實(shí)戰(zhàn)一
70 項(xiàng)目實(shí)戰(zhàn)二
71 項(xiàng)目實(shí)戰(zhàn)三
72 項(xiàng)目實(shí)戰(zhàn)四
73 項(xiàng)目實(shí)戰(zhàn)五
74 項(xiàng)目實(shí)戰(zhàn)六
75 項(xiàng)目實(shí)戰(zhàn)七
76 項(xiàng)目實(shí)戰(zhàn)八
77 項(xiàng)目實(shí)戰(zhàn)九
78 項(xiàng)目實(shí)戰(zhàn)十
79 項(xiàng)目實(shí)戰(zhàn)十一
80 項(xiàng)目實(shí)戰(zhàn)十二
第八部分 設(shè)計(jì)模式 共80課時(shí)
課時(shí) 名稱
1 設(shè)計(jì)模式概論
2 工廠模式-簡(jiǎn)單工廠模式
3 工廠模式-工廠模式
4 工廠模式-寄生增強(qiáng)工廠
5 工廠模式-安全工廠模式
6 工廠模式-創(chuàng)建對(duì)象
7 工廠模式-工廠方法
8 原型模式-繼承
9 原型模式-原型模式
10 單例模式-靜態(tài)變量
11 單例模式-惰性單例
12 單例模式-閉包類
13 單例模式-管理命名空間
14 適配器模式-適配器模式
15 適配器模式-數(shù)據(jù)適配器
16 適配器模式-參數(shù)適配
17 組合模式一
18 組合模式二
19 組合模式三
20 觀察者模式
21 觀察者模式數(shù)據(jù)傳遞
22 觀察者模式總結(jié)
23 觀察者模式應(yīng)用
24 jquery中觀察者模式
25 jquery中的策略模式
26 策略模式-淘寶價(jià)格
27 策略模式-表單驗(yàn)證
28 策略模式-策略模式算法拓展
29 模板模式-模板字符串
30 模板模式-匹配拓展
31 模板模式-格式化字符串
32 模板模式-正則分組
33 命令模式-渲染視圖
34 命令模式-渲染頁面
35 命令模式-canvas繪圖一
36 命令模式-canvas繪圖二
37 命令模式-canvas繪圖三
38 迭代器模式-數(shù)組迭代器
39 迭代器模式-對(duì)象迭代器
40 迭代器模式-面向?qū)ο笾械膽?yīng)用
41 canvas濾鏡
42 迭代器模式-算法優(yōu)化
43 迭代器模式-同步變量
44 迭代器模式-dom迭代器
45 迭代器
46 委托模式-事件數(shù)量?jī)?yōu)化
47 委托模式-為未來元素綁定事件
48 委托模式-避免內(nèi)存外泄
49 委托模式-數(shù)據(jù)分發(fā)
50 節(jié)流模式-函數(shù)節(jié)流
51 節(jié)流模式-節(jié)流器
52 節(jié)流模式-節(jié)流器應(yīng)用
53 節(jié)流模式-icon浮層
54 節(jié)流模式-統(tǒng)計(jì)節(jié)流
55 MVC-MVC原理
56 MVC-M模型
57 MVC-V視圖一
58 MVC-V視圖二
59 MVC-C控制器
60 MVC-MVC補(bǔ)充
61 MVC項(xiàng)目實(shí)戰(zhàn)-側(cè)邊欄一
62 MVC項(xiàng)目實(shí)戰(zhàn)-側(cè)邊欄二
63 MVC項(xiàng)目實(shí)戰(zhàn)-側(cè)邊欄三
64 MVC項(xiàng)目實(shí)戰(zhàn)-頭部模塊一
65 MVC項(xiàng)目實(shí)戰(zhàn)-頭部模塊二
66 MVC項(xiàng)目實(shí)戰(zhàn)-郵箱浮層
67 MVC項(xiàng)目實(shí)戰(zhàn)-郵箱浮層樣式
68 MVC項(xiàng)目實(shí)戰(zhàn)-郵箱浮層交互
69 MVC項(xiàng)目實(shí)戰(zhàn)-打開關(guān)閉浮層交互
70 MVC項(xiàng)目實(shí)戰(zhàn)-郵箱列表
71 MVC項(xiàng)目實(shí)戰(zhàn)-換膚視圖部分
72 MVC項(xiàng)目實(shí)戰(zhàn)-換膚控制器
73 MVC項(xiàng)目實(shí)戰(zhàn)-換膚控制器打開關(guān)閉
74 MVC項(xiàng)目實(shí)戰(zhàn)-換膚保存圖片
75 MVC項(xiàng)目實(shí)戰(zhàn)-換膚交互
76 MVVM-progressbar
77 MVVM-MVVM模式
78 MVVM-滾動(dòng)條
79 MVVM-滾動(dòng)條事件
80 MVVM-滾動(dòng)條渲染
第九部分 模塊化開發(fā) 共20課時(shí)
課時(shí) 名稱
1 文件引入與文件依賴
2 seajs獲取與使用
3 seajs-定義模塊
4 seajs-引用模塊
5 seajs-接口暴漏
6 seajs-模塊與異步模塊
7 seajs-提示框項(xiàng)目
8 seajs-別名配置與路徑配置
9 seajs-其他配置項(xiàng)
10 seajs-預(yù)加載插件
11 seajs-css加載插件
12 seajs-hao123項(xiàng)目實(shí)戰(zhàn)
13 使用requirejs
14 requirejs-定義模塊
15 requirejs-接口暴漏
16 requirejs-根路徑配置
17 requirejs-path路徑配置
18 requirejs-map映射配置
19 requirejs-shim配置
20 requirejs-css插件
第十部分 大數(shù)據(jù)可視化 共15課時(shí)
課時(shí) 名稱
1 體驗(yàn)Highchars
2 標(biāo)題模塊
3 坐標(biāo)軸模塊
4 提示框模塊
5 格式化模板
6 圖例模塊
7 署名模塊
8 數(shù)據(jù)列模塊
9 色彩模塊
10 數(shù)據(jù)列細(xì)節(jié)模塊
11 天氣預(yù)報(bào)案例
12 圖形分類
13 圖形組合
14 異步繪圖
15 動(dòng)態(tài)渲染
第十一部分 Backbone 共60課時(shí)
課時(shí) 名稱
1 體驗(yàn)backbone
2 創(chuàng)建模型
3 模型默認(rèn)屬性
4 模型構(gòu)造函數(shù)
5 模型轉(zhuǎn)化json對(duì)象
6 模型獲取屬性
7 模型設(shè)置屬性
8 模型事件
9 模型屬性修改判斷
10 模型刪除屬性
11 模型屬性刪除驗(yàn)證
12 視圖創(chuàng)建
13 綁定視圖元素
14 外部修改視圖容器元素
15 模板方法
16 視圖渲染方法
17 淘寶商品案例
18 集合創(chuàng)建
19 集合添加模型
20 集合轉(zhuǎn)化json對(duì)象
21 獲取集合中模型實(shí)例化對(duì)象
22 集合刪除模型實(shí)例化對(duì)象
23 集合事件
24 集合構(gòu)造函數(shù)
25 淘寶商品案例一
26 淘寶商品案例二
27 集合forEach遍歷方法
28 集合map遍歷方法方法
29 集合sortBy排序方法
30 集合groupBy分組方法
31 集合獲取最小值min方法
32 集合獲取最大值max方法
33 淘寶商品模型案例
34 淘寶商品集合案例
35 集合filter過濾方法
36 淘寶商品搜索
37 集合some斷言方法
38 集合every斷言方法
39 獲取集合中模型位置方法
40 獲取集合長(zhǎng)度方法
41 underscore對(duì)模型方法的拓展
42 觀察者模式
43 event自定義事件
44 命名空間與事件注銷
45 多對(duì)象間事件監(jiān)聽
46 多對(duì)象間事件注銷監(jiān)聽
47 路由一
48 路由二
49 異步獲取數(shù)據(jù)方法
50 項(xiàng)目實(shí)戰(zhàn)-項(xiàng)目搭建
51 項(xiàng)目實(shí)戰(zhàn)-配置路由
52 項(xiàng)目實(shí)戰(zhàn)-視圖部分
53 項(xiàng)目實(shí)戰(zhàn)-列表集合
54 項(xiàng)目實(shí)戰(zhàn)-渲染視圖
55 項(xiàng)目實(shí)戰(zhàn)-搜索功能
56 項(xiàng)目實(shí)戰(zhàn)-加載圖片
57 項(xiàng)目實(shí)戰(zhàn)-圖片分類
58 項(xiàng)目實(shí)戰(zhàn)-返回頂部
59 項(xiàng)目實(shí)戰(zhàn)-大圖頁
60 項(xiàng)目實(shí)戰(zhàn)-大圖頁交互
第十二部分 vue 共40課時(shí)
課時(shí) 名稱
1 試用vue
2 選擇器
3 數(shù)據(jù)綁定
4 單次插值
5 過濾html標(biāo)簽
6 插值表達(dá)式
7 插值過濾器
8 動(dòng)態(tài)插值
9 數(shù)據(jù)雙向綁定
10 類的三種綁定方式
11 樣式的三種綁定方式
12 v-if條件判斷指令
13 v-for循環(huán)指令
14 支付寶登錄頁面
15 多選框
16 單選框
17 下拉框
18 hao123郵箱
19 表單特性
20 自定義指令
21 京東注冊(cè)驗(yàn)證
22 自定義過濾器
23 價(jià)格過濾器
24 自定義事件
25 淘寶支付寶登錄一
26 淘寶支付寶登錄二
27 淘寶支付寶登錄三
28 回車鍵
29 過渡
30 vue組件一
31 vue組件二
32 創(chuàng)建子頁面
33 vue項(xiàng)目實(shí)戰(zhàn)-自定義路由
34 vue項(xiàng)目實(shí)戰(zhàn)-header模塊
35 vue項(xiàng)目實(shí)戰(zhàn)-首頁按鈕
36 vue項(xiàng)目實(shí)戰(zhàn)-首頁廣告
37 vue項(xiàng)目實(shí)戰(zhàn)-列表頁組件
38 vue項(xiàng)目實(shí)戰(zhàn)-列表頁交互
39 vue項(xiàng)目實(shí)戰(zhàn)-商品頁組件
40 vue項(xiàng)目實(shí)戰(zhàn)-搜索交互
第十三部分 angular 共70課時(shí)
課時(shí) 名稱
1 體驗(yàn)angular
2 ng-init初始化變量
3 獲取應(yīng)用程序
4 控制器定義作用域
5 使用事件
6 顯隱頁面
7 插值表達(dá)式
8 插值過濾器
9 filter過濾器
10 日期過濾器
11 新聞日期案例
12 字符串過濾器
13 數(shù)字過濾器
14 數(shù)組過濾器
15 自定義過濾器
16 臟值檢測(cè)
17 注冊(cè)系統(tǒng)
18 disabled指令
19 readonly指令
20 checked指令
21 change指令
22 submit事件指令
23 run方法與全局作用域
24 href動(dòng)態(tài)綁定
25 src動(dòng)態(tài)綁定
26 類的綁定三種方式
27 樣式的三種綁定方式
28 ng-if條件判斷指令
29 ng-switch多分支條件判斷指令
30 repeat循環(huán)指令
31 include異步加載模板指令
32 自定義指令
33 自定義指令作用域
34 自定義指令模板作用域
35 自定義指令@作用域修飾符
36 自定義指令=作用域修飾符
37 自定義指令link方法
38 內(nèi)置指令的實(shí)現(xiàn)一
39 內(nèi)置指令的實(shí)現(xiàn)二
40 自定義指令compile編譯方法
41 自定義指令transclude引入未知模板
42 自定義指令require引入指令
43 定時(shí)器服務(wù)
44 作用域丟失
45 活動(dòng)倒計(jì)時(shí)
46 http服務(wù)
47 http服務(wù)get請(qǐng)求
48 http服務(wù)post請(qǐng)求
49 自定義服務(wù)
50 觀察者模式封裝
51 指令路由
52 指令路由動(dòng)態(tài)參數(shù)與默認(rèn)路由
53 路由參數(shù)服務(wù)
54 location服務(wù)
55 ui路由
56 ui路由參數(shù)配置
57 ui路由多視圖渲染
58 ui路由子路由
59 路由事件
60 項(xiàng)目實(shí)戰(zhàn)-項(xiàng)目搭建
61 項(xiàng)目實(shí)戰(zhàn)-登錄判斷
62 項(xiàng)目實(shí)戰(zhàn)-登錄模塊
63 項(xiàng)目實(shí)戰(zhàn)-首頁模塊
64 項(xiàng)目實(shí)戰(zhàn)-路由配置
65 項(xiàng)目實(shí)戰(zhàn)-創(chuàng)建用戶
66 項(xiàng)目實(shí)戰(zhàn)-用戶列表
67 項(xiàng)目實(shí)戰(zhàn)-用戶詳情
68 項(xiàng)目實(shí)戰(zhàn)-新聞創(chuàng)建
69 項(xiàng)目實(shí)戰(zhàn)-新聞列表
70 項(xiàng)目實(shí)戰(zhàn)-新聞詳情
第十四部分 前端工程化 共30課時(shí)
課時(shí) 名稱
1 安裝gulp
2 gulp中task建立任務(wù)
3 gulp中讀寫文件
4 gulp文件監(jiān)聽
5 gulp中g(shù)lobs語法
6 gulp中重命名
7 gulp中js壓縮
8 gulp中css壓縮
9 gulp中html壓縮
10 gulp中vue項(xiàng)目實(shí)戰(zhàn)
11 gulp中文件合并
12 gulp中js檢測(cè)
13 fis3介紹
14 試用fis3
15 fis3中g(shù)lobs語法
16 fis3中指令
17 fis3中壓縮css
18 fis3中壓縮js
19 fis3中壓縮png
20 fis3中精靈圖制作
21 fis3中時(shí)間戳
22 fis3項(xiàng)目實(shí)戰(zhàn)
23 fis3中css中嵌入資源
24 fis3中html嵌入資源
25 fis3中js嵌入資源
26 fis3中資源打包合并
27 fis3中cmd規(guī)范
28 fis3中amd規(guī)范
29 fis3中commonjs規(guī)范
30 fis3中backbone項(xiàng)目實(shí)戰(zhàn)
上一篇:上一篇： 成都網(wǎng)站制作原創(chuàng)重要性
下一篇:下一篇：2017愛奇藝效果推廣中國(guó)行-成都站
最新資訊
