HTML5前端編程開發(fā)視頻教程下載

 

 

 

 

教程介紹：

 

本套HTML5前端編程開發(fā)視頻教程分為3個(gè)階段，共210課時(shí)，其中階段一為CSS網(wǎng)頁前端編程基礎(chǔ)課程（49課時(shí)），階段二為JS網(wǎng)頁前端編程基礎(chǔ)課程（78課時(shí)），階段三為HTML5前端編程開發(fā)課程（83課時(shí)） 。通過三個(gè)階段的學(xué)習(xí)可掌握HTML5前端編程開發(fā)。

 

 

HTML5前端編程開發(fā)視頻教程目錄結(jié)構(gòu)介紹：

階段1：CSS網(wǎng)頁前端編程基礎(chǔ)課程（49課時(shí)）
01 配置開發(fā)環(huán)境
02 第一個(gè)網(wǎng)頁
03 認(rèn)識(shí)div
04 改變div的位置
05 定義div樣式（A）
06 div樣式（B）
07 定義div樣式（C）
08 div的并列和嵌套關(guān)系
09 用div排版網(wǎng)頁_head
10 用div排版網(wǎng)頁_ad_main_foot
11 用div排版網(wǎng)頁（作業(yè)講解）
12 頁頭div中的嵌套
13 頁頭div中的嵌套-網(wǎng)校logo
14 網(wǎng)校logo的鼠標(biāo)經(jīng)過效果-用css方法處理
15 技術(shù)營地logo的建立和鼠標(biāo)經(jīng)過效果css處理
16 建立導(dǎo)航欄里的菜單
17 導(dǎo)航條菜單的css特效制作
18 處理導(dǎo)航條培訓(xùn)課程菜單下的二級(jí)菜單
19 JavaScript 基礎(chǔ)01
20 JavaScript 基礎(chǔ)02
21 JavaScript 基礎(chǔ)03
22 JavaScript 基礎(chǔ)04
23 理解第十七課的JavaScript代碼
24 廣告位JavaScript特效-準(zhǔn)備工作
25 Javascript 基礎(chǔ)05
26 Javascript基礎(chǔ) 06
27 完成廣告位Javascript特效
28 嵌入視頻
29 完成視頻div內(nèi)的文字和鏈接
30 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目01
31 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目02
32 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目03
33 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目04
34 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目0
35 個(gè)人培訓(xùn)和企業(yè)內(nèi)訓(xùn) 欄目06
36 學(xué)員作品欄目 01
37 學(xué)員作品欄目 02
38 學(xué)員作品欄目03
39 焦點(diǎn)與活動(dòng)欄目排版1
40 焦點(diǎn)與活動(dòng)欄目排版2
41 優(yōu)秀講師欄目排版
42 3G優(yōu)秀人才必讀欄目排版
43 教學(xué)案例欄目排版1
44 教學(xué)案例欄目排版2
45 教學(xué)案例欄目排版3
46 就業(yè)學(xué)員欄目排版
47 3G產(chǎn)業(yè)熱點(diǎn)欄目排版
48 教學(xué)環(huán)境欄目排版
49 頁腳排版

階段2：JS網(wǎng)頁前端編程基礎(chǔ)課程（78課時(shí)）
01 什么是WebApp
02 WebApp的優(yōu)勢(shì)和行業(yè)前景
03 學(xué)習(xí)WebApp所需的知識(shí)
04 建立開發(fā)環(huán)境
05 一個(gè)最簡(jiǎn)單的網(wǎng)頁
06 標(biāo)簽和節(jié)點(diǎn)
07 div節(jié)點(diǎn)和img節(jié)點(diǎn)
08 input節(jié)點(diǎn)
09 下拉框select和option節(jié)點(diǎn)
10 節(jié)點(diǎn)的ID屬性title屬性和style屬性
11 style節(jié)點(diǎn)和class屬性
12 script節(jié)點(diǎn)和iframe節(jié)點(diǎn)
13 br/和table和tr和td節(jié)點(diǎn)
14 css位置和大小屬性
15 css位置特性2
16 節(jié)點(diǎn)的排版
17 節(jié)點(diǎn)的顏色邊框和背景
18 節(jié)點(diǎn)顯示
19 JavaScript基礎(chǔ)知識(shí)
20 JavaScript數(shù)據(jù)類型
21 JavaScript賦值變量和數(shù)值計(jì)算
22 JavaScript數(shù)值計(jì)算取模和簡(jiǎn)寫
23 JavaScript數(shù)字常數(shù)和函數(shù) 1
24 JavaScript數(shù)字常數(shù)和函數(shù) 2
25 JavaScript字符串處理
26 JavaScript數(shù)組操作 1
27 JavaScript數(shù)組操作 2
28 JavaScript數(shù)組操作 3
29 JavaScript數(shù)組操作 4
30 JavaScript對(duì)象操作
31 JavaScript數(shù)據(jù)類型判斷
32 JavaScript函數(shù)（一）
33 JavaScript函數(shù)（二）
34 JavaScript函數(shù)（三）
35 JavaScript對(duì)象（一）
36 JavaScript對(duì)象（二）
37 JavaScript對(duì)象獲取時(shí)間
38 JavaScrip - setTimeout和setInterval函數(shù)
39 JavaScrip控制流程-if else?
40 JavaScrip控制流程-if else if else?
41 JavaScript控制流程 - for 循環(huán)
42 JavaScript控制流程 - 判斷符號(hào)（一）
43 JavaScript控制流程 - 判斷符號(hào)（二）
44 JavaScript控制流程 - 判斷符號(hào)（三）
45 JavaScript控制流程 - 判斷符號(hào)（四）
46 JavaScript控制流程 - 判斷符號(hào)（五）
47 JavaScript控制流程 - switch?
48 jQuery框架（一）
49 jQuery框架（二）
50 jQuery框架（三）
51 jQuery框架（四）
52 DOM操作實(shí)例-按鍵增加行（一）
53 DOM操作實(shí)例-按鍵增加行（二）
54 DOM操作實(shí)例-按鍵增加行（三）
55 DOM操作實(shí)例-按鍵刪除行（一）
56 DOM操作實(shí)例-按鍵刪除行（二）
57 DOM操作實(shí)例-按行刪除行（一）
58 DOM操作實(shí)例-按行刪除行（二）
59 DOM操作實(shí)例_任務(wù)管理原型
60 Apache php mysql 開發(fā)環(huán)境
61 安裝phpnow開發(fā)環(huán)境
62 用navicat建立數(shù)據(jù)庫
63 用JS和PHP向mysql數(shù)據(jù)庫添加數(shù)據(jù)(一）
64 用JS和PHP向mysql數(shù)據(jù)庫添加數(shù)據(jù)（二）
65 自己寫工具庫（一）
66 自己寫工具庫（二）
67 自己寫工具庫（三
68 自己寫工具庫（四）
69 自己寫工具庫（五）
70 瀏覽器判斷
71 事件（一）
72 事件（二）
73 事件（三）
74 事件（四）
75 事件（五）
76 手持設(shè)備touch事件（一）
77 手持設(shè)備touch事件（二）
78 啟動(dòng)和終止動(dòng)畫

階段3：HTML5前端編程開發(fā)課程（83課時(shí)）
01 標(biāo)簽，節(jié)點(diǎn)
02 CSS屬性
03 數(shù)字
04 字符串
05 數(shù)組
06 對(duì)象
07 函數(shù)
08 JS中的判斷語句和循環(huán)語句
09 數(shù)組的遍歷
10 做一個(gè)簡(jiǎn)單的網(wǎng)頁
11 事件（一）
12 事件（二）
13 事件（三）
14 事件（四）
15 事件（五
16 事件（六）
17 事件（七）
18 事件（八）
19 雜志效果（一）
20 雜志效果（二）
21 雜志效果（三）
22 雜志效果（四）
23 動(dòng)畫（一）
24 動(dòng)畫（二）
25 My JQury(一)
26 My JQury(二)
27 My JQury(三)
28 My JQury(四)
29 Canvas(一)
30 Canvas(二)
31 Canvas(三)
32 Canvas(四)
33 Canvas(五)
34 Canvas(六)
35 Canvas(七)
36 CSS 3D(一)
37 CSS 3D(二)
38 CSS 3D(三)
39 CSS 3D（四）
40 CSS 3D（五）
41 CCS 3D（六）
42 CSS 3D（七）
43 CSS 3D（八）
44 CSS 3D（九）
45 CSS 3D（十）
46 CSS 3D（十一）
47 CSS 3D（十二）
48 CSS 3D（十三）
49 CSS 3D（十四）
50 CSS 3D（十五）
51 CSS 3D（十六）

52CSS 3D（十七）

53CSS 3D（十八）

54播放器（一）

55播放器（二）

56播放器（三）

57播放器（四）

58canvas游戲（一）

.........

83canvas游戲（二十六）

 

 

 

HTML5前端編程開發(fā)視頻教程部分截圖展示：