由于不知道你的“萌新”到底有多萌，我就假定是有一定的程序基础（对程序有所了解而不是一无所知），但是几乎没有怎么接触过前端知识的水平。
最重要的是一定要练习，而不是像背诵课文似的通读所有知识并背诵。想快速入门的话我的建议是不论什么教程，通读一个知识块后有所了解，不一定要当时就非得弄清原理理解透彻，先对所学知识有一个大概的概念，然后辅助练习，不断结合之前学到的内容加深了解。练习练习练习。
看别人给你整理出来前端丰富的内容可能你会感到迷茫，到底从那里学起？
HTML:先对html的标签有个了解，这个时候快速了解一下常用的标签和属性即可。
CSS:这个时候就可以试着给写好的html标签进行“美化”
原生js还是jquery？本身不冲突，jquery本身就是js的工具库，一开始我建议还是用jquery，不要去管现在vue angular react这些前端框架，有些知识还是需要至少是了解的，使用jquery而不是js也是为了快速对前端开发有个了解，jq可以简化很多代码，并且历史积累也有很多的插件可用
以上三个内容尽可能的熟练使用，如果能找个简洁而不简单的网站进行模仿也是很棒的。熟悉之后就可以进行进一步拓展了，开始接触前端框架，个人建议，如果没有人带的话可以先从vue开始，得益于vue渐进式的开发，也就是一步一步的增加内容，vue的上手难度低出成果快。跟着官网的demo练习，有所了解后再使用vue-cli开始前端的开发吧（之前的阶段可以说都没有用到前端如webpack的构建工具等，从vue-cli开始，你就会发现又是一个新的天地，精彩！）
我这里说的还是比较粗糙的，但这是我推荐的一个线路，在这个线路上你肯定会遇到很多问题，比如html时会有块元素行内元素等不同的表现，在css上有浏览器的兼容性，不同浏览器表现不一致，js也有版本兼容问题等，遇到一个问题解决一个并用你习惯的笔记软件记录，前端的内容很多，想一次性学完再开始那是不可能的，但是你可以一步一步的积累，积累，积累。
加油！
相信这个问题许多同学都很疑惑，那源妹儿就用源码的课程来告诉大家：学习前端都需要学啥。
全程多个项目演练，让你迅速知晓自己的掌握情况，并且毕业后可以直接将项目经验写在简历里。
前端开发学习有Html、Css、JavaScript、jQuery、Ajax、Nodejs、Express、Koajs、Eggjs、Vuejs、Reactjs、Angularjs、Ant-design、网络编程、算法、小程序、Mpvue，等这些融会贯通（不建议全学，选择最热门和以后流行的）了，再告诉你其他。
前端开发，分为这几部分
1、打基础
前端语言:html、css、js、jQuery
我们还需要一些网络的知识:计算机网络、作为入门我推荐:网络是怎样连接的这本书
数据库也需要了解一些:mysql
2、学框架
然后基础打牢固我们可以学习框架了，框架是为了快速开发的，非常方便
bootstrap先学这个，经典框架
让后学习主流框架vue、react、angular2选一种，vue学起来更平滑
结合框架学习vue-route 、vuex 、element ui、axios、webpack做个项目玩下这个全家桶
3、实际运用，做项目
做两个项目
一个侧重css特效，帅到没朋友那种
第二个侧重逻辑处理，来提高你的逻辑
以上技术都可以在网上找到，你可以去w3c系统的学习，幼儿园教案，项目在github也有很多
觉得有用可以采纳呦，纯手打，我马上吃饭啦~
本文标签：
