看别人给你整理出来前端丰富的内容可能你会感到迷茫，到底从那里学起。一个非常好的问题，先理解一下Web前端开发的发展趋势，移动互联网时代，前端开发成为重点，并且出现了多个移动端平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等。
1、web前端主要学习什么？
一个非常好的问题，先理解一下Web前端开发的发展趋势。移动互联网时代，前端开发成为重点，并且出现了多个移动端平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等，为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，于是重新定义了一个新名词，叫做“大前端”。
一，H5跨平台开发这时的H5前端开发已经不再是单单的网页开发了，而是前端应用开发，具体到H5Hybrid架构，常用三剑客：HTML,css,JavaScript1)HTML和css是页面设计，没有代码逻辑2)JavaScript编程，还有其它衍生语言，比如常用的TypeScriptJavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。
二，JavaScript开发学习JavaScript语言基础，掌握基本的编程方法，如果对着教程学习比较枯燥，难以坚持，那么可以多利用网上的一些学习资源，边学习边动手，比如HackerRank在线练习网站，提供了丰富的编程练习题。三，学习框架JavaScript前端开发有很多成熟的框架可用，比如JQuery,AngularJS，React，还有前后端都跑通的NoteJS，
新手学习时，推荐当前普遍使用的Top3开发框架，太新或者太旧的都不适合用来学习练手。阿里开源框架AntDesignPro是一个功能完善的脚手架，推荐新学者练手，逐步沉淀和总结代码实现，四，积累项目经验学习的最终目的是学以致用，在实际项目中积累经验，不断提升。有了一定技术基础后，推荐尝试参与开源项目，在开发功能、提交代码的过程中，提升非常快，
2、做前端开发主要学些什么？
作为一个狂热的前端猿，希望自己的见解能对你有所帮助由于不知道你的“萌新”到底有多萌，我就假定是有一定的程序基础（对程序有所了解而不是一无所知），但是几乎没有怎么接触过前端知识的水平。最重要的是一定要练习，而不是像背诵课文似的通读所有知识并背诵，想快速入门的话我的建议是不论什么教程，通读一个知识块后有所了解，不一定要当时就非得弄清原理理解透彻，先对所学知识有一个大概的概念，然后辅助练习，不断结合之前学到的内容加深了解。
练习练习练习，看别人给你整理出来前端丰富的内容可能你会感到迷茫，到底从那里学起？HTML:先对html的标签有个了解，这个时候快速了解一下常用的标签和属性即可。CSS:这个时候就可以试着给写好的html标签进行“美化”原生js还是jquery？本身不冲突，jquery本身就是js的工具库，一开始我建议还是用jquery，不要去管现在vueangularreact这些前端框架，有些知识还是需要至少是了解的，使用jquery而不是js也是为了快速对前端开发有个了解，jq可以简化很多代码，并且历史积累也有很多的插件可用以上三个内容尽可能的熟练使用，如果能找个简洁而不简单的网站进行模仿也是很棒的，
熟悉之后就可以进行进一步拓展了，开始接触前端框架，个人建议，如果没有人带的话可以先从vue开始，得益于vue渐进式的开发，也就是一步一步的增加内容，vue的上手难度低出成果快。跟着官网的demo练习，有所了解后再使用vue-cli开始前端的开发吧（之前的阶段可以说都没有用到前端如webpack的构建工具等，从vue-cli开始，你就会发现又是一个新的天地，精彩！）我这里说的还是比较粗糙的，但这是我推荐的一个线路，在这个线路上你肯定会遇到很多问题，比如html时会有块元素行内元素等不同的表现，在css上有浏览器的兼容性，不同浏览器表现不一致，js也有版本兼容问题等，遇到一个问题解决一个并用你习惯的笔记软件记录，前端的内容很多，想一次性学完再开始那是不可能的，但是你可以一步一步的积累，积累，积累。
