慕課網(wǎng)前端課程學(xué)習(xí)路線

本文已經(jīng)落后了,請前往觀看最新的教程↓

前端從零自學(xué)路線,免費(fèi)視頻教程總結(jié)


基礎(chǔ)的 HTML & CSS

頁面布局(多練習(xí))

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

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)購物車和地址選配功能》

  • 《Vue 實(shí)戰(zhàn)開發(fā)去哪網(wǎng) APP》

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)容

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容