慕课网前端课程学习路线

本文已经落后了，请前往观看最新的教程↓

前端从零自学路线，免费视频教程总结

---

基础的 HTML & CSS

• 《HTML+CSS基础课程》
• 《从 psd 到 html》

页面布局（多练习）

• 《如何用CSS进行网页布局》
• 《手把手教你实现电商网站开发》
• 《企业网站综合布局实战》

HTML5 和 CSS3

• 《HTML5和CSS3扁平化风格博客》
• 《CSS3实现漂亮ToolTips效果》
• 《CSS3实现网页平滑过渡效果》
• 《HTML5之元素与标签结构》

jQuery & JavaScript

• 《JS 基础》
• 《DOM探索之基础详解篇》
• 《jQuery 基础》系列
• 《Tab选项卡切换效果》
• 《CSS3扁平化博客之文章页及常用组件》
• 《浏览器开发者工具使用技巧》
• 《网页定位导航特效》
• 《形形色色的下拉菜单》
• 《6小时用 jQuery 实现小应用》
• 《Dom 事件探索》

Ajax

• 《Ajax全接触》
• 《AJAX 跨域完全讲解》

Vue 入门和进阶

• Vue官网教程，强烈建议看五六遍以上

• Vue 官网练手小项目↓↓，强烈建议跟着敲三四遍，直到全部理解为止！（只需关注红色框选的项目）

• 

  image.png

• 《Vue 饿了么实战》（版本太老了，推荐下面的去哪网实战）

• 《使用vue2.0实现购物车和地址选配功能》

• 《Vue 实战开发去哪网 APP》

Less

《less即学即用》
《用less写个新浪微博》

命令行 & Git

-《Linux Guide for Developers》
-《版本控制入门 – 搬进 Github》

进阶

• 《JavaScript 深入浅出》
• 《ES6零基础教学 解析彩票项目]》
• 《Vue 高级实战，开发音乐App》
• 《前端JavaScript面试技巧》

推荐的 IDE

• Webstorm
• VS Code

书

• 《JavaScript 高级程序设计》
• 《ES6 标准入门第三版》
• 《图解 HTTP》
• 《CSS 世界》（CSS 进阶必看）

---

有点懒，没有放链接上去，需要复制手动搜索。
学习 JS 开始可以不求甚解，先从 jQueryVue 入手，熟练之后再转回头来研究 JS。

以上课程 90% 我都看过，个别课程看过多遍，对我有很大的帮助。

--

2018-06-30更新了 Vue 方面的学习内容