怡YiYi怡
如果是面向就业的话，建议可以从浅入深的学习，一般学习周期为3-4个月左右就差不多能够胜任前端工程师的岗位了，推荐的前端学习路线如下：
第一阶段 前端基础知识
1、HTML/HTML5（网页结构层）
HTML是搭建网页结构的第一步。通过学习工作中必备的HTML标签，并结合实际案例，更快更轻松的掌握网页结构搭建方法和技巧。
H5是HTML的高级应用。通过对H5语义化标签的学习，并结合HTML标签搭建网页，有利于增强网页的SEO、可读性和可维护性，提高网页性能。
2、CSS/CSS3（网页美化）
CSS是网页的“美容师”。通过学习常用的CSS属性并结合HTML标签，独立把效果图还原成静态代码页面，为学习网页编程打下夯实的基础。
CSS3是CSS的高级应用。通过对CSS3属性的学习，并结合HTML标签，能够轻松制作出各种绚丽的效果，为后面动态网页的实现奠定基础。
3、JavaScript基础（网页交互）
JS是网页编程的第一步。通过JS网页编程语言的基础学习，能够独立使用JS知识开发网页特效，来向PC静态页面添加交互行为。
总结
学完这个阶段，就可以设计一些简单的网页，HTML+CSS+JS 三种语言相互配合，就可以设计出各种带特效的网页了。建议多做几个案例，以便熟练掌握网页设计的技巧，要牢记常用的HTML标签和CSS属性，熟练掌握JS的基础语法。
第二阶段 模块化网页开发
1、JavaScript高级（面向对象的JS）
在JS初级知识的基础上，通过深入学习JS函数和面向对象知识，为后续学习组件化编程奠定基础。
2、JQuery（快速实现JS的一个库）
jQuery是JS的类库。jQuery提供了丰富的封装好的方法，通过对jQuery的学习，能够缩短配置网站和应用所需的时间，提高开发效率。
3、UI库（封装好的CSS和JS库）
这里推荐几个比较常用的UI库，比如：Bootstrap、Layui、JQueryUI，这些都是PC端的。还需要掌握一些移动端的UI库，比如：JQuery Mobile、MUI、WeUI等等。学会了这些UI库的使用，就可以事半功倍的设计网页了。
总结
学习完这个阶段，就可以开发市面上的常见的项目了，而且移动端的UI库可以做WebAPP，还可以把WebAPP通过打包工具打成移动端的安装包。
第三阶段 WebAPP与小程序开发
1、HTML5（多媒体）
H5多媒体技术是自媒体时代的必备技能。通过对H5多媒体技术的学习，轻松应对H5多媒体技术在移动端广泛应用的需求。主要学习的内容有：
TML5的本地存储方式，了解数据缓存机制
HTML5提供的多媒体标签，进行音视频播放器开发
HTML5 Canvas标签应用，进行特殊图形绘制
结合Canvas/JS实现手机解锁案例等等
2、常见的移动端配置
移动开发基础是进行webApp开发第一步。通过移动端基础知识的学习，能够独立开发移动端页面，并适配不同移动端终端。主要学习的内容有：
了解移动端屏幕、移动端浏览器、操作系统的不同
常用移动端常用Rem适配方案
主流移动端页面开发技术选型与解决方案
响应式布局开发与Flex布局
不同终端适配与Browsersync多终端同步检测工具的使用等等
3、小程序开发
小程序是必备技能之一 。通过对小程序知识的学习，能够独立开发企业级小程序，拥有解决主流小程序功能需求的能力。
第四阶段 高级框架
1、ES6语法扩展
ES6是必备技能之一。通过对ES6的学习，全面掌握ES6引入的新特性，了解ES6在项目中的使用场景，为后面框架的学习奠定基础。主要学习内容有：
了解ES6与ES5的区别
掌握babel转换器的使用
如何运用ES6 Promise异步编程
使用Class类，更好的面向对象编程
掌握数组，对象，字符串函数的扩展
掌握箭头函数的应用等等
2、Vue 框架
Vue是目前国内企业需求热门的框架之一。通过对Vue.js基础和项目的学习，具备开发常见功能及快速构建企业级项目的能力，满足行业中的常见需求。
3、React
React也是企业需求热门的框架 。通过对React基础和项目的学习，具备构建企业级项目和解决核心业务问题的能力，快速接入企业项目。
前端大拿
这个就比较容易了。
前端这两个字咋一听，显得高大上，其实就是网页制作；先说说啥是前端吧。
前端包含这几块：
一、html这是专门编写网页的语言，称为超文本标记语言，是整个前端开发技术中最简单的，一下就会！
二、CSS，它的作用是为网页添加样式的，简单理解，就是网页的装修工，用它来定义网页的大小、颜色、位置，还能制作网页动画，功能比较强大，学起来也简单。
三、Javascript，这就是真正的语言了，但依然简单，它的作用就是网页添加动态效果的，或者叫做交互效果，比如你在网页中点了一个按钮，它就蹦出一个窗口，并且还有动画效果，这就是JavaScript控制的；当然JavaScript不仅仅做这些，还能做其他好多的事情。
以上三块内容学完了，就代表你入门了！可以找工作了。
但是，如果想做出比较完美的项目，光以上的技能还不够，不过此时，你应该深刻的知道前端是什么了，也应该知道接下来学那些东西了，比如，大量的流行的框架，特别是针对移动端的。
最后，你还有学习一次后端的知识，只有这样你才能明白前端为什么要这样写，并且有利于你与后端人员的沟通。
好啦，就说这么多，一开啥不要贪多，一步一步来，每一步都要学扎实了，会学的很快的！
零点程序员
准备要入门前端的爱好者，首先要知道什么前端是做些什么的，用什么软件语言开发编写的，所以我们先来简单了解一下前端。
1、前端是什么？
就是人们看到的显示屏上的界面。
包括网页、窗体、手机、微信等，只要说是用户能看见的东西，大概都是前端吧。
2、软件开发
作为一个的优秀的前端制作人员，必须对Dreamweaver、notepad++这2款最基础的要能轻松驾驭。
3、编码了解
页面基本结构、文档声明、编码声明、css语法、style属性、link和style标签、id属性、基本样式、Border 、Background、 Font、盒模型、文本设置…常用标签集合header、article、aside、section、footer、nav、h1-h6、p、ul、ol、li、img、dl、dt、dd…绝对路径、相对路径、标签语义化、标签嵌套规范、SEO…等等，
4、进阶编码
了解了初步的编码，但作为一个工程师还是不够的，还需要更深层了解。
兼容性问题处理、整站进阶、css3入门、移动端布局、Bootstrap前端开发框架
5、项目实战
以上问题都大概知道了，那么恭喜你，你已经入门前端了
IT男老黄
1. 学习HTML基础，主要学习一些标签以及对应的作用
2. 学习css基础，学习css的一些语法以及作用
这个时候可以百度一下一些大公司的命名规范，写代码的规范最好从这个时候开始养成。
阶段性练习：
你可以写一些PC端的界面，模仿一些网站来让自己更熟悉html和css
3. 学习原生javascript。
如果你有足够多的时间，比如大二或者大一，可以花多点时间学习这一块，如果你时间不多，又想早点入门前端，可以只学一些简单的原生js，比如dom操作，js原生动画等，以后再补上。
4. 学些jquery
jquey来说比原生js要简单很多，你可以花多点事件学习这一块，因为工作中用的也比较多。当然，时间多者还是将主要精力放在原生js上比较好。
阶段性练习：
此时你可以结合html和css，写一些有交互的网站，可以多练习一下js来操作dom啊，动画啊等等
5. 学些HTML5和CSS3。
前面的html和css只是基础的学习，此时你应该学一学html5 和 css3，来写一些移动端的项目
此外，研究一下移动端适配。
阶段性练习： 此时可以写一些移动端的网站，可以多使用css3和html5的一些新属性。可以使用一些less或者sass这些css预处理器
6. 学习ajax；
经过前面的学习，你基本掌握了前端开发的一些基础知识，不过你写出来的东西都是静态的，也就是说数据都是写死的。此时你可以学习一下ajax,因为工作中你需要通过它来和后端配合，让你的数据动起来。
阶段性练习： 练习如何通过ajax获取数据，请求数据，如何处理数据，显示在页面上等。
7. 学点PS切图
8、是时候学习一些好的框架了RN/angularJS/
vue.js/node.js等
狐哥看电影
首先你要知道什么是web前端，web前端是做什么的。Web前端做的工作主要是制作网页，将网站的界面更好展现给用户，并在原有的静态页面上增加动态效果，那么web前端都包括什么呢?
主要需要掌握的技术是：html、css、JavaScript，也是你想成为前端工程师必须要掌握的三个方面。Html是在进行网站页面布局时进行使用，将所有需要的元素来进行定义，再通过css来对展示出来的元素进行定位，最后再通过JavaScript来诗选页面对应的交互效果，这个部分听着比较简单，但是要掌握的融会贯通也是需要时间的。
其它方面例如node开发、前端框架、小程序+数据可视化也都是需要学习的。由于大家是零基础的入门web前端，所以在入门的过程中可能会有一点儿难度，大家可以根据自己的情况来制定一个计划来进行学习，好的学习计划加上良好的执行力可以让我们事半功倍的学习。
比较建议大家的学习顺序如下：
第一个阶段学习html+css，主要学习的内容是html5基础、css基础、html5进阶知识、css3进阶知识，具体的学习时间要根据自己的时间和学习能力来进行安排，
第二阶段js交互设计，主要学习内容JavaScript核心语法、DOM和BOM、面向对象编程、jQuery、Zepto等，具体时间安排如上，
第三个阶段就是node开发、前端框架的学习。
以上就是web前端的主要学习内容，如果大家真的想要学好web前端知识，一定要规划好自己的学习路线，并能持之以恒进行学习，如果觉得自己的自制力没有那么好，就不建议选择自学了，因为学习效果不会很好。
peanut
入门前端前，先学习css3样式表 随后学习js前端控制，jq系列的 还有现在流行的ui框架比如bootstrap angular vue等学习 学习前端设计模式等
阿里seata分布式玩家
问题阐述：
其实建议题主下次问问题可以更加详细的描述一下、比如学习前端的目的、自己目前的基础等。
问题分析：
- 历史：
很多年前叫做美工、专注于页面搭建、美化，这类职务通常要担任团队中的ps、flash、广告、UI等一系列工作。
- 进程：
后来随着时间的推移、一系列新的概念、技术、框架的诞生，美工在团队中的实用性降低，为了适应市场需求、在企业和员工自发性的试探下、前端应用而生、包括框架、优化、美化等都属于前端、也就是说、这个时候的美工已经从页面搭建晋升到网站制作，相应的技术能力也需要进一步加深，并且、前端还在进步、后来大家又提出了全杖、即前后端通吃，当然、这类偏全能型的人才一般是后期逐渐向前端转化、他们在团队中可谓是中坚力量。
问题结果：
- 情况一
如果题主是纯小白入门、那么把多年前在知乎的一个回答的截图奉上、其中个别出入忽略不计。
- 情况二
如果有基础、那么就一句话、多练多练多练、不是照着学习视频做，而是自己参照已上线网站界面实现功能、然后查看源码对比自己的代码做比较、不断改进，一定要自己上手做！
翻箱倒柜猫
Web前端开发技术主要学习的内容有三方面：HTML、CSS和JavaScript！
如果你有更高的追求，那么就需要你精通DIV+CSS布局，最好能独立完成HTML页面制作，随着经验的增长良好的前端设计感也有助于你的发展。
HTML甚至不是一门语言，他仅仅是简单的标记语言！它的作用是表示一个HTML标签在页面里是个什么角色。
CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
Javascript这一基础部分对于新手来讲并不难，入手还算快。它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。
欢乐趣闻
网上找视频看
