对于 Web 开发的新手来说刚开始确实有些迷茫，要学习一大堆繁琐复杂的新术语和技术。纠结 ReactJS 还是 Vue ？Angular 还是 Angular 2？Javascript 还是 TypeScript ？
但其实对于初学者来说，最主要的关注点应该是部署一个有效的应用程序。选择一个快速掌握的最基本的技术，并坚持下去。当你运用得非常好的时候就可以开始寻找其他选择。
Web 前端首先需要学习HTML、CSS、JavaScript、jQuery、HTML5等基础知识，然后完成实现页面特效组件、网页游戏、Web应用等一系列项目，通过动手实践学习web开发。
大致学习路线如下：
首先学习 HTML ，学会写基本的页面。
然后学习 CSS，学会美化页面，学会布局。
然后学习 JavaScript，学会操作 HTML 元素。
编程的关键在于多练习，学习前端非常方便的一点在于浏览器可以直接打开 HTML 文件查看效果，HTML 文件中引入 CSS 文件和 JavaScript 文件可以直接在浏览器查看效果，即时反馈代码的效果。
熟悉了前端基础之后，可以学习 HTML5、CSS3、jQuery 和 Bootstrap，jQuery 和 Bootstrap 是前端的两大神器，虽然 jQuery 现在用得少了，但是学习一下还是很有必要的。Bootstrap 的应用就非常多了，很多网站的页面布局都是用的 Bootstrap，这个是必须学习的。
接下来可以学习 ES6 和 Node.js，现在纯前端已经离不开 Node.js，很多前端工具都是需要 Node.js 来运行的，也可以向全栈发展。同时可以学习 CSS 预处理器，比如 LESS/SASS 或者 PostCSS。
接下来可以学习传说中的前端三大框架了，建议先学习 Vue，入门更加容易一点，然后学习 React，最后学习 Angular。当然三大框架也可以不用都学。在学习使用框架的时候，自然会接触到很多工具，比如 npm、webpack、babel 等等，这里需要学习的东西就非常的多了。当然更需要对框架的深入学习，做到知其然并知其所以然。
28个web前端教程：
作者：实验楼
链接：https://www.jianshu.com/p/c46b0d5adce1