首先学习html进行网站的骨架搭建，自己尝试写各种各样的网站布局；2.尝试使用css对网站进行修饰，让网站穿上华丽的服装；3.让网站动起来，也就是让网站具备行为，比如点击跳转、轮播图、渐变、人机交互等行为；4.网站具备结构、表现、和行为之后，那就需要提高网站的交互体验，以及每个网站都有自己独特的风格，比如知乎的知乎风格。
1、做前端开发主要学些什么？
作为一个狂热的前端猿，希望自己的见解能对你有所帮助由于不知道你的“萌新”到底有多萌，我就假定是有一定的程序基础（对程序有所了解而不是一无所知），但是几乎没有怎么接触过前端知识的水平。最重要的是一定要练习，而不是像背诵课文似的通读所有知识并背诵，想快速入门的话我的建议是不论什么教程，通读一个知识块后有所了解，不一定要当时就非得弄清原理理解透彻，先对所学知识有一个大概的概念，然后辅助练习，不断结合之前学到的内容加深了解。
练习练习练习，看别人给你整理出来前端丰富的内容可能你会感到迷茫，到底从那里学起？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也有版本兼容问题等，遇到一个问题解决一个并用你习惯的笔记软件记录，前端的内容很多，想一次性学完再开始那是不可能的，但是你可以一步一步的积累，积累，积累，
2、学习web前端开发，需要掌握哪些知识？
如何学习HTML CSS JS前端技术网站的组成部分结构（html）、表现（css）、行为（js）。1.首先学习html进行网站的骨架搭建，自己尝试写各种各样的网站布局；2.尝试使用css对网站进行修饰，让网站穿上华丽的服装；3.让网站动起来，也就是让网站具备行为，比如点击跳转、轮播图、渐变、人机交互等行为；4.网站具备结构、表现、和行为之后，那就需要提高网站的交互体验，以及每个网站都有自己独特的风格，比如知乎的知乎风格！该如何学习,可以归纳以下几点:1.我们需要掌握HTMLCSS的声明的方式,了解HTML的文件结构2.掌握不同类型的布局容器使用方法3.了解HTML中如何声明不同类型的控件元素4.了解HTML中如何修改元素的外观,可能就需要了解CSS5.了解HTML中使用什么方法可以自定义元素的外观、数据呈现方式6.了解HTML如何创建动画,创建复杂类型的动画学习HTML CSS JS阶段一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段：canvas、js高级应用、JS-SDK、H5新增技术四阶段：node.js、vue.js第一阶段——HTML的学习超文本标记语言(HyperTextMark-upLanguage简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。
