@.NET開(kāi)發(fā)者，一大堆自學(xué)前端必備資源！

web前端是什么？

前端的發(fā)展前景前景如何？

9套項(xiàng)目目錄

1、小米官網(wǎng)項(xiàng)目

2、百度地圖項(xiàng)目

3、迅雷官網(wǎng)項(xiàng)目

4、樂(lè)章項(xiàng)目

5、小程序

6、Mike項(xiàng)目

7、小程序-食療坊項(xiàng)目

8、小程序-購(gòu)物車項(xiàng)目

9、小程序登錄-云開(kāi)發(fā)項(xiàng)目

課程截圖

000、什么是web前端

001、webstorm的安裝與設(shè)置_安轉(zhuǎn)webstorm

002、webstorm的安裝與設(shè)置_webstorm設(shè)置

003、webstorm的安裝與設(shè)置_webstorm快捷鍵

004、webstorm的安裝與設(shè)置_HTML介紹

005、webstorm的安裝與設(shè)置_HTML名詞解釋

006、webstorm的安裝與設(shè)置_標(biāo)題_段落_換行_水平線

007、webstorm的安裝與設(shè)置_圖片

008、html常用元素_IDE和瀏覽器介紹

009、html常用元素_文檔類型聲明（掌握）

010、html常用元素_基本結(jié)構(gòu)（了解）

011、html常用元素_圖片路徑（重點(diǎn)）

012、html常用元素_圖片的屬性（掌握）

013、html常用元素_塊級(jí)元素和行內(nèi)元素的區(qū)別

014、html常用元素_超鏈接1（掌握）

015、html常用元素_超鏈接2（了解）

016、html常用元素_圖片之間相互跳轉(zhuǎn)

017、html常用元素_文本格式化標(biāo)簽

018、列表和表格_HTML的注釋

019、列表和表格_無(wú)序列表（掌握）

020、列表和表格_ul和li的屬性

021、列表和表格_無(wú)序列表相互嵌套

022、列表和表格_有序列表

023、列表和表格_自定義列表

024、列表和表格_表格結(jié)構(gòu)（掌握）

025、列表和表格_table的屬性（了解）

026、列表和表格_tr的屬性（了解）

027、列表和表格_td的屬性（掌握）

028、form表單_form表單介紹（掌握）

029、form表單_表單元素1（掌握）

030、form表單_表單元素2（掌握）

031、form表單_表單元素3（掌握）

032、form表單_表單元素4（了解）

033、form表單_表單元素的屬性（了解）

034、form表單_HTML5新增type類型（了解）

035、form表單_placehoder（掌握）

036、HTML5新增元素_HTML5新增表單元素屬性（了解）

037、HTML5新增元素_語(yǔ)義化標(biāo)簽（掌握）

038、HTML5新增元素_實(shí)體字符

039、HTML5新增元素_div+span

040、HTML5新增元素_語(yǔ)義化標(biāo)簽（掌握）

041、HTML5新增元素_魅族布局1

042、HTML5新增元素_小米布局1

043、HTML5新增元素_視頻（掌握）

044、HTML5新增元素_音頻（了解）

045、HTML5新增元素_source(了解)

046、HTML5新增元素_css介紹（掌握）

047、css選擇和常用屬性_導(dǎo)入式（了解）

048、css選擇和常用屬性_基礎(chǔ)選擇器（重點(diǎn)）

049、css選擇和常用屬性_顏色的取值（掌握）

050、css選擇和常用屬性_字體屬性（掌握）

051、css選擇和常用屬性_文本屬性（掌握）

052、css選擇和常用屬性_背景屬性1（掌握）

053、css選擇和常用屬性_背景屬性2

054、css選擇和常用屬性_魅族

055、標(biāo)準(zhǔn)盒模型_魅族1

056、標(biāo)準(zhǔn)盒模型_魅族2

057、標(biāo)準(zhǔn)盒模型_列表屬性

058、標(biāo)準(zhǔn)盒模型_表格的屬性

059、標(biāo)準(zhǔn)盒模型_overflow

060、標(biāo)準(zhǔn)盒模型_一行文字溢出省略號(hào)顯示(掌握)

061、標(biāo)準(zhǔn)盒模型_關(guān)系選擇器1（重點(diǎn)）

062、標(biāo)準(zhǔn)盒模型_關(guān)系選擇器2

063、標(biāo)準(zhǔn)盒模型_content+border（重點(diǎn)）

064、標(biāo)準(zhǔn)盒模型_padding(重點(diǎn))

065、標(biāo)準(zhǔn)盒模型_margin1（重點(diǎn)）

066、標(biāo)準(zhǔn)盒模型_margin2（重點(diǎn)）

067、標(biāo)準(zhǔn)盒模型_margin3（重點(diǎn)）

068、標(biāo)準(zhǔn)盒模型_魅族布局（重點(diǎn)）

069、浮動(dòng)_魅族手機(jī)上內(nèi)容

070、浮動(dòng)_魅族聲學(xué)部分

071、浮動(dòng)_margin注意問(wèn)題（掌握）

072、浮動(dòng)_塊級(jí)元素和行內(nèi)元素的區(qū)別

073、浮動(dòng)_怪異盒模型（掌握）

074、浮動(dòng)_居中問(wèn)題（重點(diǎn)）

075、浮動(dòng)_偽類選擇器1（掌握）

076、浮動(dòng)_偽類選擇器2（掌握）

077、浮動(dòng)_偽類選擇器3（了解）

078、浮動(dòng)_浮動(dòng)（重點(diǎn)）

079、元素定位_魅族Flyme

080、元素定位_魅族社區(qū)熱帖

081、元素定位_偽對(duì)象選擇器（掌握）

082、元素定位_屬性選擇器（了解）

083、元素定位_固定定位（重點(diǎn)）

084、元素定位_相對(duì)定位和絕對(duì)定位（重點(diǎn)）

085、元素定位_堆疊順序（掌握）

086、元素定位_金立導(dǎo)航條

087、Css3新特性1_金立導(dǎo)航條定位

088、Css3新特性1_金立輪播圖

089、Css3新特性1_金立明星產(chǎn)品

090、Css3新特性1_display屬性

091、Css3新特性1_在頁(yè)面中不占據(jù)位置的屬性

092、Css3新特性1_居中問(wèn)題1（重點(diǎn)）

093、Css3新特性1_居中問(wèn)題2（了解）

094、Css3新特性1_圓角（掌握）

095、Css3新特性1_盒陰影（掌握）

096、Css3新特性1_盒陰影應(yīng)用

097、Css3新特性1_字陰影（了解）

098、Css3新特性1_背景漸變

099、Css3新特性1_廠商前綴和cssHack

100、Css3新特性1__金立導(dǎo)航條固定定位

101、Css3新特性2_金立熱賣推薦

102、Css3新特性2_精美配件

103、Css3新特性2_品牌動(dòng)態(tài)部分

104、Css3新特性2_頁(yè)腳服務(wù)部分

105、Css3新特性2_頁(yè)腳信息部分

106、Css3新特性2_頁(yè)腳2部分

107、Css3新特性2_位移

108、Css3新特性2_旋轉(zhuǎn)

109、Css3新特性2_縮放

110、Css3新特性2_傾斜

111、Css3新特性2_子元素在父元素中水平垂直居中

112、Css3新特性2_過(guò)渡

113、Css3新特性2_彈性盒模型

114、動(dòng)畫(huà)和媒體查詢_百度周邊導(dǎo)航條

115、動(dòng)畫(huà)和媒體查詢_百度周邊美食

116、動(dòng)畫(huà)和媒體查詢_百度周邊菜單

117、動(dòng)畫(huà)和媒體查詢_百度周邊為你優(yōu)選

118、動(dòng)畫(huà)和媒體查詢_照片墻

119、動(dòng)畫(huà)和媒體查詢_iconfont（掌握）

120、動(dòng)畫(huà)和媒體查詢_動(dòng)畫(huà)1（掌握）

121、動(dòng)畫(huà)和媒體查詢_動(dòng)畫(huà)2（掌握）

122、動(dòng)畫(huà)和媒體查詢_動(dòng)畫(huà)實(shí)現(xiàn)幻燈片效果

123、動(dòng)畫(huà)和媒體查詢_動(dòng)畫(huà)實(shí)現(xiàn)加載效果

124、動(dòng)畫(huà)和媒體查詢_響應(yīng)式布局

125、雪碧圖_雪碧圖（掌握）

126、雪碧圖_ps介紹

127、雪碧圖_cutterman切圖（掌握）

128、雪碧圖_切片工具切圖

129、雪碧圖_多列（了解）

130、雪碧圖_css知識(shí)點(diǎn)總結(jié)

131、雪碧圖_小米準(zhǔn)備工作

132、雪碧圖_小米黑色導(dǎo)航1

133、雪碧圖_購(gòu)物車定位

134、雪碧圖_download部分

135、雪碧圖_繪制三角形

136、雪碧圖_三角定位部分

137、雪碧圖_logo部分

138、雪碧圖_nav-bar部分

156、js變量和數(shù)據(jù)類型_JavaScript介紹

157、js變量和數(shù)據(jù)類型_JavaScript組成部分

158、js變量和數(shù)據(jù)類型_引入js的方式

159、js變量和數(shù)據(jù)類型_輸出方式

160、js變量和數(shù)據(jù)類型_js調(diào)試

161、js變量和數(shù)據(jù)類型_JavaScript的注釋

162、js變量和數(shù)據(jù)類型_js語(yǔ)法

163、js變量和數(shù)據(jù)類型_變量1（重點(diǎn)）

164、js變量和數(shù)據(jù)類型_變量2（重點(diǎn)）

165、js變量和數(shù)據(jù)類型_數(shù)據(jù)類型1（掌握）

166、js變量和數(shù)據(jù)類型_number和string（掌握）

167、js變量和數(shù)據(jù)類型_boolean和undefined和null

168、js變量和數(shù)據(jù)類型_object

169、js變量和數(shù)據(jù)類型_string轉(zhuǎn)換為number

170、運(yùn)算符和分支結(jié)構(gòu)_絕對(duì)定位

171、運(yùn)算符和分支結(jié)構(gòu)_清除浮動(dòng)的影響

172、運(yùn)算符和分支結(jié)構(gòu)_動(dòng)畫(huà)

173、運(yùn)算符和分支結(jié)構(gòu)_算數(shù)運(yùn)算符1

174、運(yùn)算符和分支結(jié)構(gòu)_算數(shù)運(yùn)算符2(01)

175、運(yùn)算符和分支結(jié)構(gòu)_算數(shù)運(yùn)算符2(02)

176、運(yùn)算符和分支結(jié)構(gòu)_比較運(yùn)算符

177、運(yùn)算符和分支結(jié)構(gòu)_賦值運(yùn)算符

178、運(yùn)算符和分支結(jié)構(gòu)_邏輯運(yùn)算符

179、運(yùn)算符和分支結(jié)構(gòu)_if語(yǔ)句

180、運(yùn)算符和分支結(jié)構(gòu)_ifelse語(yǔ)句

181、運(yùn)算符和分支結(jié)構(gòu)_elseif語(yǔ)句

182、運(yùn)算符和分支結(jié)構(gòu)_分支結(jié)構(gòu)嵌套

183、循壞結(jié)構(gòu)_for循環(huán)的語(yǔ)法和執(zhí)行過(guò)程

184、循壞結(jié)構(gòu)_for和if嵌套

185、循壞結(jié)構(gòu)_for和if嵌套練習(xí)

186、循壞結(jié)構(gòu)_for循環(huán)嵌套

187、循壞結(jié)構(gòu)_正三角

188、循壞結(jié)構(gòu)_倒三角

189、循壞結(jié)構(gòu)_等腰三角形

190、循壞結(jié)構(gòu)_九九乘法表

191、循壞結(jié)構(gòu)_break和continue

192、循壞結(jié)構(gòu)_for循環(huán)注意事項(xiàng)（了解）

193、String對(duì)象和Array對(duì)象_字符串介紹(01)

194、String對(duì)象和Array對(duì)象_length屬性（掌握）

195、String對(duì)象和Array對(duì)象_字符串方法1（掌握）

196、String對(duì)象和Array對(duì)象_字符串方法2（熟悉）

197、String對(duì)象和Array對(duì)象_字符串方法3（掌握）

198、String對(duì)象和Array對(duì)象_字符串方法4（熟悉）

199、String對(duì)象和Array對(duì)象_字符串方法5（掌握）

200、String對(duì)象和Array對(duì)象_字符串方法6（熟悉）

201、String對(duì)象和Array對(duì)象_字符串介紹(02)

202、String對(duì)象和Array對(duì)象_數(shù)組的創(chuàng)建（掌握）

203、String對(duì)象和Array對(duì)象_數(shù)組的調(diào)用（掌握）

204、String對(duì)象和Array對(duì)象_數(shù)組的遍歷（掌握）

205、String對(duì)象和Array對(duì)象_數(shù)組的長(zhǎng)度（掌握）

206、String對(duì)象和Array對(duì)象_數(shù)組的方法1（掌握）

207、String對(duì)象和Array對(duì)象_數(shù)組的方法2（掌握）

208、對(duì)象和函數(shù)_數(shù)組方法1（掌握）

209、對(duì)象和函數(shù)_數(shù)組方法2（掌握）

210、對(duì)象和函數(shù)_對(duì)象的創(chuàng)建（掌握）

211、對(duì)象和函數(shù)_對(duì)象的讀?。ㄕ莆眨?/strong>

212、對(duì)象和函數(shù)_對(duì)象的遍歷（掌握）

213、對(duì)象和函數(shù)_對(duì)象的操作（了解）

214、對(duì)象和函數(shù)_對(duì)象的引用（掌握）

215、對(duì)象和函數(shù)_函數(shù)的聲明和調(diào)用（重點(diǎn)）

216、DOM_函數(shù)作用域（重點(diǎn)）

217、DOM_DOM介紹

218、DOM_獲取頁(yè)面元素1（重點(diǎn)）

219、DOM_獲取頁(yè)面元素2（重點(diǎn)）

220、DOM_獲取頁(yè)面元素3（重點(diǎn)）

221、DOM_創(chuàng)建頁(yè)面元素（重點(diǎn)）

更多....