本文已經(jīng)落后了,請前往觀看最新的教程↓
前端從零自學(xué)路線,免費(fèi)視頻教程總結(jié)
基礎(chǔ)的 HTML & CSS
- 《HTML+CSS基礎(chǔ)課程》
- 《從 psd 到 html》
頁面布局(多練習(xí))
- 《如何用CSS進(jìn)行網(wǎng)頁布局》
- 《手把手教你實(shí)現(xiàn)電商網(wǎng)站開發(fā)》
- 《企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)》
HTML5 和 CSS3
- 《HTML5和CSS3扁平化風(fēng)格博客》
- 《CSS3實(shí)現(xiàn)漂亮ToolTips效果》
- 《CSS3實(shí)現(xiàn)網(wǎng)頁平滑過渡效果》
- 《HTML5之元素與標(biāo)簽結(jié)構(gòu)》
jQuery & JavaScript
- 《JS 基礎(chǔ)》
- 《DOM探索之基礎(chǔ)詳解篇》
- 《jQuery 基礎(chǔ)》系列
- 《Tab選項(xiàng)卡切換效果》
- 《CSS3扁平化博客之文章頁及常用組件》
- 《瀏覽器開發(fā)者工具使用技巧》
- 《網(wǎng)頁定位導(dǎo)航特效》
- 《形形色色的下拉菜單》
- 《6小時(shí)用 jQuery 實(shí)現(xiàn)小應(yīng)用》
- 《Dom 事件探索》
Ajax
- 《Ajax全接觸》
- 《AJAX 跨域完全講解》
Vue 入門和進(jìn)階
Vue官網(wǎng)教程,強(qiáng)烈建議看五六遍以上
Vue 官網(wǎng)練手小項(xiàng)目↓↓,強(qiáng)烈建議跟著敲三四遍,直到全部理解為止!(只需關(guān)注紅色框選的項(xiàng)目)
- image.png
《Vue 餓了么實(shí)戰(zhàn)》(版本太老了,推薦下面的去哪網(wǎng)實(shí)戰(zhàn))《使用vue2.0實(shí)現(xiàn)購物車和地址選配功能》
Less
《less即學(xué)即用》
《用less寫個(gè)新浪微博》
命令行 & Git
-《Linux Guide for Developers》
-《版本控制入門 – 搬進(jìn) Github》
進(jìn)階
- 《JavaScript 深入淺出》
- 《ES6零基礎(chǔ)教學(xué) 解析彩票項(xiàng)目]》
- 《Vue 高級實(shí)戰(zhàn),開發(fā)音樂App》
- 《前端JavaScript面試技巧》
推薦的 IDE
- Webstorm
- VS Code
書
- 《JavaScript 高級程序設(shè)計(jì)》
- 《ES6 標(biāo)準(zhǔn)入門第三版》
- 《圖解 HTTP》
- 《CSS 世界》(CSS 進(jìn)階必看)
有點(diǎn)懶,沒有放鏈接上去,需要復(fù)制手動搜索。
學(xué)習(xí) JS 開始可以不求甚解,先從 jQueryVue 入手,熟練之后再轉(zhuǎn)回頭來研究 JS。
以上課程 90% 我都看過,個(gè)別課程看過多遍,對我有很大的幫助。
--
2018-06-30更新了 Vue 方面的學(xué)習(xí)內(nèi)容