WEB前端是干什么的？
50 个回答
一、web前端是什么
简单的来说就是，我们使用的APP、网站、小程序中所有可以直接看到的东西。比如：淘宝首页，中间部分的天猫新品、充值中心、右下角 我的淘宝，这些按钮都属于前端。那点一下按钮，跳到另一个页面，这中间实现的过程就属于后端了。
二、web前端开发需掌握哪些技能?
web前端开发，就是实现，我们直接可以看到的部分背后的代码，并通过建立框架，构建沉浸性的用户体验。为了实现这个目标，开发需要熟练运用下列语言、框架、工具库：
• 三大语言：HTMl, CSS, 和 JavaScript；
•此外，掌握 jQuery 和 LESS 等工具库也很重要，它们能帮助开发者以更高效的方式编码；
• 很多前端开发岗也要求 Ajax 方法的使用经验，它可以帮助你使用 Javascript 在后台从服务器拉取数据，协助实现页面的动态加载。
三、常见的前端职位要求
（1）使用Div+css并结合Javascript负责产品的前端开发和页面制作。
（2）熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。
（3）负责相关产品的需求以及前端程序的实现，提供合理的前端架构 。改进和优化开发工具、开发流程、和开发框架
（4）与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。
（5）了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。
四、前端岗位
网页制作、前端制作工程师、网站重构工程师、前端开发工程师、资深前端开发工程师、前端架构师等等。
五、薪资水平：
北京的平均薪资：18848
作为一名前端开发工程师，系统化的学习才能让你更好更快的达到成为一个优秀前端开发工程师的要求，学好技术才是王道，才能拿高薪，获得“铁饭碗”。
最近很多小伙伴来问我怎样来学习web前端，我本身也是学前端的，在这里给大家提几点建议：
•和小伙伴组队一起学习，互相监督
•查阅资料、视频、书籍•每日计划，要有目标，有总结
•项目实战，也是最重要的一点。找一些系统的视频教程来跟着老师做
也有很多小伙伴私聊我反应说没有项目经验找不到工作，于是我们组建了自学团，每天一起打卡学习。下面是我们一起做的项目，欢迎大家加入。
看完记得给我点赞呀，感兴趣的可以给我留言或者私信我！
您好，很荣幸为您解答。对web前端还是不太了解吧。没有关系，先解决您的问题，再帮您拓展一下其他的，您只要看下去，对web前端就会有个全面的了解。
第一、web前端是干什么的？
1.web前端简介
web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
而对于网站制作、设计者来说，它是一系列技术的复合总称。web前端开发主要是通html,css,js,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。
2.web前端学习的知识点
对常用的一些JS框架了解，如jQuery、YUI等。
掌握最基本的JavaScript计算方法编写。
互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大的了解。
对前沿技术（HTML5+CSS3）的基本掌握。
具体web前端知识点可以看一下2020年web前端学习线路图：
综上所述，web前端就是这样的一个大概情况。但市场上web前端人才比较缺，您如果想从事的话，再接着看web前端就业情况以及web前端未来的发展情况。
第二、web前端的就业情况怎么样？
从以上来看的话，web前端现在就业情况还是比较乐观的，但有没有好的发展前景呢？毕竟要考虑到长期发展。请接着看。
web前端的就业情况可以从各大招聘平台上看：
第三、web前端的发展前景
web前端发展前景还是比较不错的。您可以看下web前端的发展趋势。
趋势一：入口应用会小程序化
类似腾讯、阿里、滴滴、美团这样作为入口的应用，会自己做自己的一套小程序体系，在自己的app内通行。这里的意思不是说大家都会去用微信小程序，而是会效仿微信小程序这套体系，搬到自己的app内。
趋势二：Web前后端融合为全栈开发
Node.js已经给前端开发很好地开了个头，这个头就是让前端人员了解HTTP协议的细节，了解常规的API开发。而web前后端的分离主要原因除了代码开发部署上的分离，还有一部分是让不懂HTTP协议的人不要在接口层瞎鼓捣，因为这里面细节太多了，都不了解HTTP缓存，你怎么知道哪个API的HTTP header应该用什么呢。因此了解HTTP协议的前端，会慢慢吃掉这部分后端开发的任务，而了解HTTP协议的后端，也会因为三大框架开发模式的成熟而学会前端开发。进而，这些两类人演化为全栈开发。
趋势三：更加重视人工智能
您已经听说了人工智能AI，但是你对web前端开发设计中的人工智能熟悉吗?web与AI碰撞，带来更强大的网页，为网站主和用户同时带来价值。提供网络主机服务的 Wix，是这一领域的领头羊。他们现在提供了一个过程来询问用户一些问题，然后使用一个基于AI的平台，根据用户的回答提供给用户最符合他们需求的web设计。这非常酷，值得一看。
趋势四：营销类页面小程序化
这个指的就是大家平时在微信里看到的各类营销网页，因为主要入口在微信，因此变成微信小程序。这个大家比较好理解吧，就不多说了。小程序现在可能BUG多，功能跟不上，但是要替代这类网页可能也就是2年不到的时间。
趋势五：HTML内的技术改进
这个能影响到的范围看起来很大，但其实场景比较有限，主要是排除掉上面说的1和3之外的空间。空间就在于这两大技术目前都没有成熟的最佳实践，还需要探索。
第四、能不能入web前端工程师这一行？
从第一、二、三来看，web前端不仅薪资高，而且发展前景好。细心的您是不是发现为什么第四不是“要不要从事web前端”而是“能不能入web前端”？
因为web前端非人人可学，说白了，不是咱自己想要学就可以学的。如果没有达到条件要求，是不可以学习的。想要学web前端须通过入学测试，通过不了，不收的。跟咱们想要读好点的大学，必须通过高考考试一个道理的。如果您去报某个web前端培训机构， 直接入班学习了。不建议您去的，因为这样的培训机构是对您不负责的。秉着对学员，对自己公司负责的态度，入学门槛高，教学质量好的web前端机构才值得去。
因此“能不能入web前端”要在“要不要入web前端”之前，您得有资格学习，满足web前端学习条件才可以呢。当然您也可以自测一下（不知如何自测的话亦可随时问）。
第五、web前端报班学习还是自学？
您如果确定了自己满足web前端学习条件，自己也想要学。好的，没有问题。接下来您就要考虑是自学还是报web前端学习了。这个问题就是老生常谈了。您倒是可以直接到 @尚硅谷教育 主页看。
第六，学习web前端之前需要考虑的问题
1、是否能坚持持续不断的学习
之所以要求您长期不断的学习，是因为web前端技术更新快，您不学习，怕“长江后浪推前浪”造成“失业”的局面，您到时候恐怕都会发出“web前端饱和了”的感叹。如果您能长期不断的学习，能力高，技术性的管理层会更让人佩服。能力与薪资成正比的年代，能力高，薪资还会低吗？
2、自己是否适合学习web前端
web前端就业“钱”景广，这是真的。但无论您是因为薪资高还是喜欢，不是咱想学就能学的，（指的是想通过学web前端技术找到好工作的人），您得自检一下自己能否学习才行，如果您不检查的话，直接报班学习，到时候自己不想学，您找的哪家机构不给退学费怎么办？（不知道怎么自检的可以随时问）
3、自己是否真的喜欢
“兴趣是最好的老师”如果您是因为喜欢web前端而学习，那更perfect了，您肯定会为之不断的努力学习新技术的。但如果您是因为web前端薪资高而学习，后台君也特别相信“日久生情”，当您用web前端技术做出一个个的产品，出现bug，自己能及时解决的时候，那种自豪感是不言而喻的。再+上薪资的上浮调动，更happy了呢。
温馨提示：如果决定了要学web前端，不管您是自学还是报web前端机构学习，亦不管您自己报哪家web前端培训机构，您都必须要明白，自己的努力至少占80%的作用。尤其是选择自学者，一定要控制好自己，合理安排学习时间。如果是报班的话，也要选择一家好的web前端培训机构，虽说努力在自己，但好的讲师能让您少走好多弯路，能学到最前瞻的技术。好的讲师+自己的努力，掌握不到真正的技术，那是不可能的。
还有其他问题可随时问。
感谢邀请
Web前端开发工程师是一个比较新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
web前端开发包含面很广，要学的东西也很多。简单点说web前端开发就是做软件开发、微信小程序 、网页设计、网站建设、APP开发、游戏开发这块的。
web前端包括哪些技术？
1 基础技术
前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。
先说“骨”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.
再说“肉”——CSS。CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等
最后“魂”——Javascript。这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS 横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为魂的原因。
而现在，CSS3和HTML5的发展，又将web推向下一个时代，一个更为丰富多彩的时代。
2 环境基础
设备、浏览器以及工作原理
必须指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万，也不是每个都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发，做了一些更为接地气的功能，了解下就可以了，主要有QQ浏览器，UC，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。
3 计算机基础
计算机网络，http协议。既然是web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，我们做的不是静态的页面，而是动态的，所以必然涉及到与后台之间的数据的传输和存储，这个是要掌握的。
必须懂：Ajax，必须会的工具：fiddler
4 流行框架
流行的前端UI框架：
Bootstrap、jQuery UI、Amaze UI
流行的前端框架：
jquery mobile
angular.Js
Vue.js
React.js
5 可视化组件
Echarts
tableau(收费)
6 新应用
针对移动化以及物联网方向发展
7 锦上添花—
UI、 UX 、交互设计、 SEO（包括SEM） 、产品，更主要一个同理心。好的设计和交互才能带来的好的体验，赢得用户。
SEO则在推广层面，好的SEO让我们以最低的成本，借力搜索引擎，获得更加跟多的曝光机会，毕竟这是个酒香也怕巷子深的时代。
最后是产品，站在产品角度，融合（前后端）技术和商业，让产品产生价值，实现价值。
web前端零基础到大牛
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不太重要的知识，我们只需要"通"即可。但"通"到什么程度才算够用呢?对于很多初级前端开发工程师来说，这个问题是非常令人迷惑的。
前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成"才"的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力;浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足"高可维护性"的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。
什么人群适合做web前端呢？
是不是什么人都可以做web前端开发，答案肯定是否定的。web前端开发跟传统行业技术不一样，对学历和电脑操作这块都有硬性要求。
对计算机技术感兴趣，想学一门发展前景好的技术；
能吃苦，有一定的逻辑思维能力；
意志力坚定，能够一往如既的坚持学习下去；
丑话说在前面，做前端不容易，开始前想清楚，进来后别后悔。
一. web前端的定义？
- WEB（World WideWeb） 即全球广域网，也称万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。通俗点说，WEB就是互联网。
2. 前端则是用户浏览网站的前台部分，即肉眼所能看见的页面。前端是运行在PC端，移动端等浏览器上展现给用户浏览的网页。
二. 什么样的人适合从事web前端？
1.喜欢编程的人，兴趣是最好的老师，喜欢代码，在这条路上将是有成就感的，并且能走很远。
2.乐于创建优秀的web界面、对用户体验有很强烈追求的人，这类人适合做前端，如果乐于研究实现过程，业务逻辑则适合后端。
3.前端的代码不会像后端有那么多规范，如果本身对代码有一定的规范意识，更适合做前端。
三. web前端都要学习什么？
1.HTML，是一种标识性的超文本标记语言。HTML5是Web中的核心语言HTML的规范。
2.CSS，是层叠样式表，它主要是对HTML标记的内容进行更加丰富的装饰，并将网页表现样式与网页结构分离的一种样式设计语言。
3.JavaScript，是一种属于网络的脚本语言，已经广泛用于Web开发，用来给网页添加各式各样的动态功能，给用户提供更流畅美观的浏览效果。
4.vue、react框架，React与Vue都鼓励组件化应用，将应用分拆成一个个功能明确的模块，每个模块之间可以通过合适的方式互相联系。
5.node，是一个可以让JavaScript运行在服务器端的平台。使用它可以轻松地进行服务器端应用开发。国外有一篇介绍写得非常好：原文地址： Node.js is the New Black
6.小程序，目前正处于小程序开发的红利期，学好小程序会更有助于就业。
四. web前端学完能做什么？
1.网页制作，负责页面的设计与制作。
2.前端工程师，专门负责制作前端页面，负责web页面的制作。
3.资深前端开发工程师，需要掌握的技能更多更全面，包含，小程序、app等等。
4.前端架构师，一般也要工作5年起才能达到这个位置，这里不过多描述了。
五.web前端待遇怎么样？
web前端跟随互联网、5G的发展，需求量大增加，优秀的工程师更是紧缺，工资也水涨船高，一线二线的城市都是1w+，这也吸引来很多人来从事前端。
我是学姐，一个正在创业的前端工程师，如果你同样迷茫不知道前端该如何学习，可以加入我的自学团，会有知识分享，匹配学习伙伴，还可以参加我组织的上线项目及活动。
看过留个赞呗~
谢邀
前端工程师是 互联网时代软件产品研发中不可缺少的一种专业研发角色。
从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。
从广义上来讲，所有用户终端产品与视觉和交互有关的 部分，都是前端工程师的专业领域。
2005年的时候大多数网页长这样：
现在的网页一般是这样的：
前端工程师的发展之路和前景是怎么样的？
前端是一个相对比较新的行业，互联网发展早期（1995年~2005年）是没有专业的前端工程师的。随着互联网的发展，大约从2005年开始，正式 的前端工程师角色被行业认可，到了2010年，互联网开始全面进入移动时代，前端工程师的地位越来越重要，前端领域的技术发展也越来越快，各种新的思想、 设计模式、工具和平台都快速发展，对前端工程师的技能要求也越来越高。
有一些数据可以说明前端行业的发展迅速。
在2010年之后最流行的新编程语言中有相当部分和前端有关，比如 Dart、Clojure、CoffeeScript 和 TypeScript。
作为前端最重要的编程语言 JavaScript，在最近几年里不论是代码量还是关注数都稳居 Github 平台热门编程语言榜。
行业对前端需求量持续增加，前端程序员薪水在行业里面处于较领先的位置。
近年来最流行的编程语言很多都是JavaScript替代语言
JavaScript在最热编程语言 TOP10
近几年互联网公司前端团队每年扩张一倍
JavaScript工程师平均薪水排名在程序语言工程师收入前10
前端工程师需要什么样的知识和技能？
有人说前端工程师的技术栈是这样的：
还有人说是这样的：
实际上前端工程师最核心的技能还是：
在一个典型的互联网公司的产品研发流程中，前端工程师和其他角色的关系大致上是这样的：
前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。
在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道：
JavaScript 对于前端是最重要的技能，所以优秀的前端工程师要有扎实的JavaScript基本功。而JavaScript这门编程语言也是目前程序设计领域炙手可热的宠儿，如今的它不仅仅只是用来开发Web，还可以用在各个方面。
JavaScript 可以用在“树莓派”这类智能硬件芯片开发
前端工程师也是软件工程师，所以软件工程师的基础知识也是非常重要的，这些基础知识包括：
数学
计算机体系
操作系统
数据结构和算法
编译原理
HTML和CSS也是前端工程师非常重要的基本功，很多同学，尤其是喜欢写代码的同学容易忽视 Markup Language，实际上 ML 也是 UI 相关的领域里面很重要的内容，不应该被忽视。
有同学问说：“前端工作需求很多，老是改来改去，实际的技术点并没有多少，产品决定业务逻辑，从事底层基础服务会不会更有挑战和职业未来？”
的确，越贴近业务和产品层面上的工作，需求差异性越大，可能改动越频繁。不仅仅是前端改来改去，PHP服务端做业务的同学也面临这样的问题，业务逻辑改来改去。越底层通用性越强，改动相对较少。
不过事情都是有两面性的，首先可以这么想想，是底层基础服务的市场大还是互联网业务和产品的市场大。其次，基础服务的通用性很容易达成，而产品层面 上如何通用化，如何在业务驱动的产品研发中利用工程化和工具化提升开发效率，这其实是一个很难的问题。丰富的互联网产品已改变和正在改变着我们的生活，然 而作为产品的创造者，工程师们怎样让自己过得更好，这个领域值得研究。
另外，不要觉得实际的技术点没有多少，举几个例子：实现曲线和曲面动画，计算地图的最短路径，让png静态图片类似于gif图一样做局部的运动，抽奖游戏，物理效果的HTML5游戏，3D图表，增强现实的WebGL视频流处理等等，这些都是在前端领域中遇到的实际问题。
就 JavaScript 来说，在实际项目中设计最合适的模型高效率解决现实问题本身就很有挑战。作为一种典型的新生代编程语言，JavaScript 特性丰富，使用灵活，性能优良。面向对象、函数式编程、各种设计模式、MVC 和 MVVM，这些本身就有足够的吸引力。
前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web 标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路 和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。
前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师，而是所有人机交互领域的工程师。
前端工程师的学习和成长
前端领域发展很快，各种新技术新思想不断涌现，这是一个好现象。但是前端发展太快也带来一些问题，比如有同学就问到我究竟应该学些什 么，Angular.js、React、Node.js、ES6、ES7、CoffeeScript、TypeScript……似乎永远有太多东西需要学 习，有些东西好像还没学明白就被另一些新的技术取代而“过时了”。
其实还是那句话，前端工程师首先是软件工程师，基础是最重要的，如果基础不扎实，一切应用技能就都是“浮云”。前端的基础是什么？HTML、CSS、JavaScript基本功，数学、算法、数据结构、操作系统、编译原理基本功。
一个优秀的前端工程师必须要有自己擅长的领域，并且钻研得足够深入，同时要有眼界，能“跨界”。可以以前端作为职业，但千万不要把自己的技能限制在前端领域，因为有很多东西，只有站在前端之外，才能看得更清晰，更透彻。
学东西千万别盲目跟风，大家都在谈AngularJS就立即跑去学习，过几天大家都谈React了，就又放下AngularJS去学习React。 前端领域知识点很多，值得学的东西也很多，聪明的同学懂得花时间学习成体系的知识并且研究得足够深入，因为只有这样才能从中总结出规律，形成方法论，这样 才能最大化学习的价值。
知识的正确用法 —— 一个领域里面的大师永远不会是另一个类似领域的菜鸟
由兴趣选择前端
在我学编程的最初，我学习的是C语言，然而整整一本书除了教我如何在黑洞洞的控制台上输出 Hello World 和各种其他字符或者用键盘输入一些什么然后依然是字符输出外，就没有什么其他的内容了。学习了一段时间之后，我的内心一度是崩溃的，因为我觉得这和我想得 不一样，学了那么多知识，我都不知道自己究竟算不算是“学会”了C语言，因为在我看来，那些丰富多彩的操作系统和各种应用软件和黑洞洞的控制台之间明显还 有着非常巨大的鸿沟。
事后回想起来，当时的想法当然是幼稚可笑的，那时候的我并不知道程序语言和运行环境之间的区别，对操作系统、用户API、硬件接口、网络服务等等都 完全不了解。然而这并不能怪我，因为C语言的教程并没有任何一言半语来告诉我这一点，我也不知道学习了C语言的语法之后接下来还应该学习些什么。
相对来说，Web开发更吸引我，因为不需要安装任何环境，只需要在文本编辑器里面输入一些字符，保存后打开浏览器，马上就能看到丰富的视觉效果，这就是前端的优势，你所做的努力立即就能看得见。
相对于死板的输入输出，Web开发在界面可见的一层要丰富多彩得多，这一点吸引了我，如果这一点也能吸引你，让你着迷，那么你就适合学习前端。
在选择前端作为职业之前，要明确判断自己对前端开发的确感兴趣，选择做前端，应该是确认自己喜欢和适合做前端，而不是为了一份看起来体面而且薪水不菲的工作。如果你对构建丰富多彩的界面、处理各种交互逻辑不感兴趣，甚至厌烦，那么最明智的选择是放弃成为前端工程师的想法 —— 因为选择一个自己不喜欢的职业，为之忍受数十年直到退休，实在是一件很悲催的事情。
对在校学生，看重哪方面能力？
有同学问，一些大公司前端是否一定要求实际经验的学生，在这里我可以回答：否。
对于学生，我们比较关心的是：
基础：包括数学、算法、数据结构、计算机相关基础的掌握。
学习能力和学习方法：如何学的前端，学了多久，学到什么程度，遇到过什么问题，是如何尝试解决这些问题。
兴趣：对前端的兴趣如何，这一点可以体现在很多细节上。有一个反面的例子比较常见，一般来说我会问学生最近在关注什么前端新知识，有的学生会说我 关注某某某，但当我再问他究竟关注到什么程度，会发现他实际上根本没有在这项新知识上花费多少时间。如果你对感兴趣的问题都不花费时间，如何证明你自己对 前端的“兴趣”呢。
解决问题的能力：遇到难题如何解决的，遇到没接触过的问题是如何思考和最终解决的。从这里可以判断出同学有没有前端思维，这些问题没有标准答案，我们不追求某些“官方思路”，看重过程而不是结果。
关于简历，有同学提到说现在似乎很多公司都希望学生会点 Node.js，会点 React，我自己不会该怎么办。
我想说的是，我们并不要求学生必须会这些。相反，我个人更鼓励学生利用时间打好基础。简历上写自己真正擅长的内容即可，我们不会因为在你的简历上看 不到 Node.js 或者 React 就忽略你。只要你真心热爱前端并用心学了，你应该明白如何用前端基础来打动我。有的学生喜欢在简历上堆砌词汇，实际上这一点不见得好，因为如果你写了一个 你自己一知半解的东西，最后在面试中被面到了，一定会得负分的。
技术本身是有深度的，A 同学说“我知道React但没用它做过东西”， B 同学说“我用AngularJS写过一些个人的小项目”， C 同学说“我上个月使用弹性布局的思路来写我的博客，结果在Android系统4.1版本的Webkit浏览器下出现了一个显示bug，最后我是这样这样解 决的”。你们说 A、B、C 三个同学我们会选择哪个同学？
面试是一个彼此交流的过程，我们希望看到大家在前端领域的能力和潜力，“知道”一件事，并不是一种有价值的能力，尤其是在知识廉价的互联网时代。我 们的同学千万不要像背书一样去死记硬背一样东西，而应该真正用心去学。我们的高等学校不仅仅教授大家知识，还有如何真正学习和做研究，不是吗？
如果你对前端真的感兴趣并有潜力，花点小心思，你该知道如何学习它。
我们采集的是石头，但是必须时刻展望未来的大教堂。
持续做一些小改进，慢慢地你就会惊奇地发现你的经验得到了怎么样的发展，你的技能得到了怎样的提升。
如果你迫切的需要提升自己的能力---可以到我们的前端学习小分队来--点--------- 学习前端，我们是认真的
文字太单调、加图片也很难表述的清楚
来看这几分钟的视频吧，
我想一定能解决你的问题
点开看看吧
{\color{red}{这题我会，我会，我真会}}
先来一张图整体看以下前端有哪些技术必学
{\color{red}{步入正题}}
我们学习新知识之初，有必要自上而下，从抽象到具体地对前端的整套体系建立基本的认知。这有助于我们快速地入门前端，并为深入学习奠定基础。
在本课程中，我们不涉及具体的技术讲解，而是用更轻松的方式闲谈漫步，明确前端的定义，回顾前端技术的发展历史，了解前端岗位的职责，展望前端美好未来。
初识“前端”
前端是什么？无论是带团队还是教学生，都有很多的人问过我这个问题。这其实并不好回答！因为前端是属于计算机应用范畴，有着庞杂的体系和众多晦涩专有名词的概念。为了便于理解，我将带你从具体到抽象，全面且深刻的认知前端。
我们先从字面意思下手，看看什么是“端”：一条线段，它的起点和终点，我们都可以称之为“端”。“端”，也就是东西的一头。而前端（Front-End），顾名思义，就是“前面”的那一头，或者是“外在”的那一头。
这样来看，笔的笔头、衣服光鲜的一面、手机的外壳和屏幕，这些生活中具体的事物，我们能直接看得见，摸得着，用得上的部分，都可以称作“前端”。
但是在计算机/软件领域，我们需要换一种角度去理解前端。
相信你平时也会使用的淘宝、京东、百度等软件应用，它们虽然不是具体的“实物”，但本质上也是为了“适应需要，以供使用”而诞生的。这和你坐的椅子，躺的床没有区别，也有着能够看得见，摸得着，用得上的部分。
我们可以从软件或系统界面中“看”到信息，用鼠标键盘或手指“摸”到图片和文字，并“使用“软件实现我们的需求。因此，你浏览的网站、手机中的app、电脑上的应用程序、车载导航，甚至是家里智能家居的数显，都可以称得上计算机领域的前端。
当然，每个行业都有一些专属于自己的高大上的专业术语，前端也一样！我们将那些 “看得见”叫做“视觉效果”，将“摸得着”叫做“交互”，将“用得上”称为“功能”。
具体到上面的示例中，“视觉效果”，就是按钮、卡片、图片等元素的配色和排布；“交互”，就是点击、滑动等动作和反馈；而“功能”，就是这个软件能做的事情，浏览、挑选、购物。
因此，计算机领域的前端可以抽象地描述为：产品中，能给用户提供视觉效果，完成用户的交互，并且能够借此实现一定功能的部分。
你可能也注意到，针对前端概念的描述，并没有提及前端用什么技术，以怎样的方式去实现。
因为前端本来就与用户紧密相连，与技术无关。它是软件应用中，最贴近用户的那一“端”。如果将应用比作一道美食，前端工程师的工作就是让这道美食色泽诱人，香气扑鼻。
当然，要深刻地认知前端，不能只从其自身进行单方面解析，要辩证性地理解；前端，字面上既然有个“前”，那么一定存在一个与“前”相对的“后”，二者共同构成某一个事物的整体，它们在这个整体中发挥各自的长处。
而与前端相对的，应用中远离用户的那一端，更笼统的表述就是蕴藏在背后的大部分你看不到的部分，我们称之为“后端（Back-End）”。具体一点地说，百度云盘存储的东西在哪儿？为什么就能下载？为什么微信与QQ能够实现即时通讯呢？为什么淘宝购物的流程是这样？这都是“后端”要解决的问题。
与前端相反，后端工程师的工作，更关注的是应用这道美食背后的故事：如何取材，如何配料，如何烹制；其负责设计并实现应用的结构、流程、功能，并为前端提供数据和服务的支持。
就像上图所示，在软件应用中，有了前端的瞭望，信息采集才会充分，有了后端的维护，程序运行才会稳定。
并且，由于承担的职责不同，前端和后端所使用的技术也有所不同。只不过，我们作为使用者，一般情况下是“看”不到后端程序员所实现的逻辑和对数据的处理。
总之，前端重点解决的是应用好不好用的问题，而后端重点解决的是应用能不能用的问题；二者是表象与内在的关系，缺一不可，需要相互配合才能完成软件应用的全部功能。
讲解完前端的概念，我们再从具体的工作岗位看看，“前端开发”是什么？
目前，普遍认知的前端开发特指 Web 前端开发，通俗点说就是做网页软件应用开发。其属于狭义的前端，是“大”前端的一部分，也是程序员中的一个细分岗位。
备注：下文所提到的前端，若不做特殊说明，均指 Web 前端。
你可能会有疑惑，网页和软件应用怎么能有关系呢？浏览器才是应用吧！
其实不然，浏览器只是网站运行的一个环境，你可以将它看作 Windows 系统，而我们的网站就是跑在这个系统上的应用。同样，作为用户的我们，是在网站上浏览内容，进行交互
如上图所示：我们在使用上面的网站（Word网页版）时，所接触到的所有视觉内容和交互动作 -- 从字体到颜色，从选项卡到下拉菜单，从键盘操作到鼠标点击，都是 Web 前端所需要开发的内容。
为了让你更加全面且深刻地理解前端开发这个概念，接下来我会从前端的发展历史、前端工程师的职责和工作、前端的发展方向这几大方面，进一步介绍说明。
想要了解前端从业者的工作职责，需要从一个完整网站应用产生流程入手，一个网站应用从无到有的过程大致如下 ：
1） 产品经理与甲方反复沟通交流，逐步确定产品需求完成设计草图；
2）产品经理根据需求和草图进行分析，提交 PRD（需求文档），并与开发人员协商软件功能；
3）若PRD（需求文档）协商通过，后端开发团队进行可行性分析并完善方案；在一定的准备过后，进入后端开发，并给出开发文档；
4）产品经理根据协商通过后的PRD，制作原型和设计文档，并交付设计团队；
5）UI/IxD等不同职责的设计师，根据设计文档和原型产出高保真原型；
6）前端参与视觉和交互的评审，进而完成原型图切图；
7）前端根据后端/接口文档，进行页面构建和开发，并且不断针对数据和功能相关内容与后端沟通和交流；
8）前后端功能实现，数据流通之后，测试人员进行功能测试，并记录 bug（漏洞），形成文档并交付 bug 产生方，前后端修补各自的 bug ，并重复测试；
9）测试完毕之后的产品，可以交付给甲方。
从以上流程中我们可以看到：Web 应用开发过程中，后端先行，设计师出稿后，前端才能进行开发。
前端确实在造物，他们是做了一个又一个的 Web 应用，只不过设计是别人的，数据也是别人的，自己的自主权被压缩了太多，这导致前端工作看上去像是仅仅将别人的设计实现。在整个团队中，可能功劳不多，但是苦劳肯定不少！
不过，这并不代表前端是 鸡肋 。从上一章前端发展历史来看，前端岗位独立出来，恰恰是因为它变得越来越重要！
在整个项目团队中，前端除了写好自己的代码之外，更重要的是团队的润滑剂。一个小型团队一般就五个人：产品经理、设计师、前端、后端和测试。前端不仅要参与需求文档的开发，视觉交互的评审，还要与后端交流，与测试沟通；实际上，整个应用开发过程中，前端处于交流的中心位置。
而在整个应用中，前端就像一道桥梁，沟通用户和软件背后的服务，不仅实现了设计，还赋予整个产品活力。如果网页应用只是单纯地将内容呈现给用户，那跟图文小说没什么区别，比较死板。如果只是单纯从用户身上获取信息，就跟问卷调查没什么区别，缺乏反馈感。
后端需要理解代码逻辑，产品经理需要理解人的逻辑，而前端需要同时理解两者，写的是代码，产出的却不是程序，而是产品！
实际上，没有一成不变的工作，也没有一成不变的职责。就像我在课程开始时提到的一样，前端的概念现在很“大”，并且一直在变化；提升自己，保持精进，跟紧潮流，才是你真正的职责！
以上是从团队角色角度解说前端职责；接下来，我们聚焦前端工程师本身，在更小的粒度下，看看前端工程师做了些什么。
造物：聚焦网站构建
前端工程师，如何创造/制作一个网站应用呢？
为了更好的让你理解，我们简单地做一个类比：动画制作者在创造人物的时候，需要从构图、着色和动画效果上入手，让人物有骨、有血，灵性生动。
而如果将一个网站应用比作一个人，那么作为造物主的前端工程师，同样要塑造她的骨架、血肉和灵魂
用比较专业的术语来描述，网页的骨架其实就是它的布局，血肉即为它的样式，而灵魂则是应用在交互过程中的动作和响应。对应着这三个方面，前端工程师也使用了不同的工具。
如上图所示：
- 使用HTML搭建网页的骨架，也就是实现网页布局；
- 使用CSS添加血肉，也就是为网站添加样式；
- JavaScript则赋予网站灵魂，让网站“动起来”能够进行交互和响应。
我们对HTML、CSS、JavaScript这三个工具的作用进行详细解析：
骨架Q（结构/布局）——>HTML
画龙画虎先画骨，一个人第一眼看上去是否漂亮，在于她的身材和比例。类比到网站，也就是网站建设者需要考虑的“结构”。在前端领域里，我们也会将网页结构称为“布局”。
那么，一个网页应用的结构是如何构建的呢？
设计师虽然给出了网页的设计图，但页面上图片、文字等页面元素的排列关系，需要用编程语言来控制。前端工程师一般会使用“标准结构化语言 HTML”进行页面构建。一个最基础的 HTML 文件是这样的：
我们可以看到，这个文件中包含 head (头部)、body (身体)部分，特别像对一个人物的描述。
为了让你有更清晰的认识，我们看一个具体的例子，这看上去是一个人物肖像画，但它其实是一张网页。
图是上述网页的 HTML 结构， 我们可以很直接地看到，在 body 内，有着标记人物各个部分的标签。页面的结构，也就是通过它们（标签）的排布关系决定的。
当然，除了你看到的 “div”，HTML 还有各式各样的标签。例如，在网站中，你所常见的输入框，其实就是 "input" 标签，你所看到的图片，其实就是 "img" 标签。
网站页面的整体结构，就是靠着一个一个的 HTML 小标签，构建起来的！
血肉（样式）——>CSS
搭建完“骨架”，我们还需要让我们创造的人“有血有肉”！小家碧玉还是大家闺秀，都需要造物主去打扮，在网页应用中，我们把页面呈现的视觉效果称为网站的“样式”。
还是回到刚刚的例子，如果仅仅有 HTML 构建骨架，页面就是一片空白：
我们需要给网站“填充”样式！这时候前端一般会用表现标准语言 CSS 对页面进行样式修饰。描绘 “头发是什么颜色的”，“脸有多宽”等特征。
上图中，左侧部分为 CSS ，它与右侧 HTML 部分的对应关系。
在 CSS 部分，我们可以看到 color (颜色)、width (宽度)、height (高度) 和 backgorund (背景) 等信息，它们其实就是给骨架的相应部分进行描述。各种描述信息堆叠起来，页面也就生动了起来。
CSS 能够对网页中元素位置的排版进行精确控制，并且能够支持几乎所有的字体、字号以及色彩。网页应用的样式，就是靠一条一条的 CSS 描述性语句，呈现出来的。通过 CSS 和 HTML，我们就把网站的“形”搭建起来了！
灵魂（响应/行为）——>JavaScript
光有“形”还不够，我们需要给创造的人注入灵魂，一颦一笑，一喜一嗔，举手投足都是对外界的“反馈”；我们通常称之为“行为”。在前端中，行为大概分为两种：服务器参与的响应和前端自身的响应。
一般情况下，我们的页面资源（文字，图片等）是来自一个或多个后端服务器。服务器，顾名思义，就是为用户服务的，我们想要浏览的音视频、文字等内容都存储在服务器中。通常刷新页面、点击链接、提交表单时，浏览器会向服务器发送请求，进而通过网络获得服务器返回的资源。前端工程师可以根据返回的资源，给我们呈现新的内容，并做出相应的反馈。
就像上图中所展示的，当我们点击不同的学习路线时，网页的内容也做出了相应的变化，这其实就是典型的“服务器参与的响应”。
除服务器响应之外，当用户停留在网站当前页面，还没有发出网络请求时，前端同样也可以控制页面内容。
有兴趣可以试一试 chrome 的小游戏，在并没有连接互联网的情况下，我们可以通过“空格”控制小恐龙的跳跃，并获得一定的分数。
在一些场景下，我们并不需要频繁的向服务器获取新的资源。从鼠标点击、键盘输入、滚动页面的动画效果，到诸如计算器、跳格子等应用，前端可以完全通过 JavaScript 采集用户动作，控制页面的行为和样式，并做出反应，这就是“前端自身的反馈”！
其实，前端工程师的工作，就是根据数据和设计，完成应用的结构、样式、行为的构建；无论你听到了多少关于前端技术的名词，也逃不出这三大方面。当然，围绕着前端开发，还有一系列的技术或框架，以造物主的心态去看待它们，其实都只是你的帮手！
方向：前端的未来
掌握了前端的相关概念、职责等基础内容，你肯定很好奇，前端具体分哪些方向，选择前端你可以做什么！前端方向，可以说是前端目前的方向划分，也可以说是前端未来的发展方向。
前端的“今天”
我们先谈谈第一点：现阶段前端的方向划分 其实，从本质上来说，前端就是前端，没有什么方向划分。如果非要划分的话，那只能以浏览器的运行环境为标准，将其分为：电脑端的网站开发与手机等移动端网站开发。二者的区别仍然在于我们上面所说的三点： 结构、样式、行为。
从页面结构来说，二者的设备宽度不同。
个人电脑宽度都比较大，有足够的空间展示网页的内容，我们可以将页面或丰满或简约的呈现出来。而对于移动设备而言，无论你的手机分辨率有多高，屏幕有多大，也只有ipad pro那种级别才能和个人电脑媲美。所以，对于移动网站的布局和呈现，基本上都会是简约但不简单的。
从页面适配角度来说，两者所处的环境不同。
电脑端需要考虑的是浏览器的问题，IE6～IE10、Edge、Chrome、FireFox、Safair，不同浏览器的呈现效果有所差异，不同版本的浏览器兼容性也有所不同。而移动端由于浏览器环境较为统一，所考虑的只是屏幕大小的问题；移动设备纷繁复杂，如何用最小的工作量，让移动网站能在不同宽度的设备上呈现出相似的效果，也是前端经常要面临的问题。
正如“博学谷官方网站”，在电脑上和在手机上呈现的方式就不太一样！
从用户交互行为的角度来讲，二者交互方式不同。
在电脑端，我们更多的是用键盘、鼠标与应用进行交互。而在移动端，我们更多的是用触摸、滑动、旋转、拖拽等单点/多点手势进行交互，交互行为更为复杂。
总之，不管是移动端和手机端，前端工程师的关注的，都是如何让页面结构更合理，样式表现更合适，交互动作更贴近用户。如果我们找准关键点，电脑端的网页开发与移动端网站开发，并没有什么区别。
当然，想要在前端方向走得远，不仅仅要了解其目前的方向划分，更重要的是着眼于未来。
前端的“明天”
无论是在电脑还是在手机的浏览器上，网站应用基本就是“点开即用”，它不像 Android / IOS 一样要进行 app 安装。运行在浏览器上的网站应用，没有了设备和系统的桎梏，实质上已经跨越了平台，触达了最广泛的用户。以前的前端可能做的是页面，是呈现，现在的前端更关注的是“交互”，是如何实现应用跨平台的解决方案。
随着互联网的发展，信息的交互已经非比寻常，而前端技术也随着更为复杂的需求、更宽的网络带宽、更先进的移动端和PC设备而迅猛发展。得益于优秀的跨平台特性，前端已然在电商、金融、教育、旅游、医疗等不同行业站稳了脚跟；而信息交互和数据呈现的本质，又使得前端在大数据可视化、云计算、游戏开发、VR / AR 和物联网等领域建立了桥头堡。“大”前端已是众望所归。
前端的越来越“大”，不仅仅带来了挑战，还创造了更多的机遇。
对于从业者而言，前端的学习成本会越来越高，但触及的领域，涉猎的行业也会越来越广泛，未来无论是转型还是发展，****前端程序员都有了更多的选择！
此处，我引用阮一峰的一句话： 面对技术的高速发展和百花齐放，我有时也感到疲倦烦躁。但是，每当看到它们带来的生产力的飞跃，让你一个人快速搞定前后端的全部开发时，就觉得这终究还是一条正确的道路！
读书不趁早，后来徒悔懊。现在的前端仍在蓄势，既然你有意从事这个行业，我希望你能尽快的投入到学习中去，只有这样，才能在一浪高过一浪的信息技术的热潮中，做时代的弄潮儿！
漫谈到这里，我们不妨再回头望一望路途的风景，对本文做简单的回顾：
1）前端的本职是实现产品的呈现和交互。
2）Web 前端岗位位于团队的中心，是沟通协作的枢纽。
3）Web 前端使用 HTML、CSS 和 JavaScript等工具，完成页面的行为、样式、结构的构建。
4）前端，“大”而可期！
前端路漫漫，执着则向前，希望你在这一段路途有所收获！
往期文章：
前端工作内容：
- 前端工程师主要工作内容是什么？
前端学习路线：
- 怎么学习前端开发？求推荐学习路线？
前端必读书籍：
- 前端开发工程师必读书籍有哪些值得推荐？
面试相关：
- 关于前端Vue框架的面试题，面试官可能会问到哪些？
- 【一定要收藏】32000字的前端面试题总结！！！
- web前端简历个人技能该怎么写?
- 前端简历中项目描述怎么写能够更加的优雅？
- 面试前端工程师简历应该怎么写才容易通过？
- 自学 web 前端人怎么找工作？
- 自学前端简历怎么写啊？
HTML教程：
- HTML5入门教程（含新特性），从入门到精通
- HTML图文教程（表单域/文本框与密码框/单选按钮与复选框）
- HTML图文教程（选按钮与复选框/input标签/提交按钮与重置按钮）
- HTML图文教程（通按钮/文件域/label/下拉表单）
- HTML零基础入门教程， 零基础学习HTML网页制作（HTML基本结构）
- HTML零基础入门教程， 零基础学习HTML网页制作（HTML 标签）
Koa2教程：
- Koa2框架是什么？Koa框架教程快速入门Koa中间件
- Koa2框架路由应用，Koa2前景、Koa2中间件
- Koa2异常处理
VUE教程：
- 最全的vue学习教程来了，vue模块化组件超级好用，vue项目推荐，vue项目结构搭建，案例分析
其他：
- 13 个有趣且实用的 CSS 框架 / 组件
- 有哪些好的前端社区？
web前端是做什么的？
Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。
以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
web前端工程师的职责？
利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发
为网站上提供的产品和服务实现一流的Web界面
优化代码并保持良好兼容性
Web前端表现层及与前后端交互的架构设计和开发
配合后台开发人员实现产品界面和功能
利用各种Web技术模拟开发产品原型
Web新技术调研和资讯整理
web前端工程师需要掌握的技能？
第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
第三，必须学会运用各种工具进行辅助开发。
第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。
可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
作者：大西瓜
链接： https://www.cnblogs.com/myblogs1/articles/12880347.html
来源：博客园
侵删
这题我会！
今天来系统的讲一下前端，不管你是什么基础，看完这篇文章，关于前端，你都会找到你想要的答案。
------------------改变命运的分割线--------------------
我是谁？
先自我介绍一下吧，我是陆荣涛，北大计算机专业，2001年就开始从事前端开发工作了。做过网站，开发过电子政务系统，当过前端架构师，也做过交互设计。20年间，可以说目睹了互联网的发展，经历了前端从美工，到网页制作，到前端开发工程师，到全栈工程师，到大前端架构师的发展历程。目前从事前端教学教研工作，专业培养前端工程师，是前端开发技术的传道者。
------------------本文导读的分割线--------------------
一、什么是前端？
说起前端，我一般拿后端一起比较着来看。通俗地讲，前端干的工作是用户可以直接看得见的。而后端开发的工作主要在服务端，用户不太能直接看到，虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。
左边这张图是程序员画出来自娱自乐的，什么是前后端一目了然。
我们再来看真实案例：抖音的前端，就是我们广大用户的手机抖音APP客户端，每天刷刷刷；后端，我们普通用户并不关心，有很多很多系统来给前端提供支撑。
因此，前端是和用户体验相关，开发前端所见即所得，很有意思！
二、前端都能干什么？
如上图，前端可以做网站。
网站分为PC端网站和移动端网站，首先 PC端网站，比如一个是京东的PC端官网、B站的PC端官网、知乎官网等等。传统的PC端网站，是前端的基本实现。此外还有移动端网站，手机端网站又称为 Mo站 或 M站，打开手机浏览器，输入地址 比如 http://m.maoyan.com，就可以打开猫眼电影的手机端网站了，还有比如京东的M站，淘宝的M站等等。
前端可以做管理系统。
管理系统是做信息管理的重要平台，比如机票售卖后台管理系统，小程序的后台管理系统。管理系统一般是全屏页面，是大前端产品的另外一种重要的输出表现。
前端可以做APP。
这里说的APP指的是混合APP和原生APP，混合APP就是将H5的页面嵌入到原生APP里，比如大家都熟悉的微信公众号；原生APP这里指的是利用React Native 和 Flutter等大前端技术做的APP，比如携程旅行里面有很多React Native的应用，阿里的闲鱼客户端，就是纯粹使用Flutter技术来实现的。
前端可以做小程序。
小程序大家都用，小程序严格说属于混合APP，比如微信小程序依托微信，实现用完即走的便利性。
前端可以做大数据可视化。
大数据可视化可以应用大前端的技术实现，通过浏览器来把枯燥的数据转化为漂亮的图表，比如这个公安警情可视化系统。
前端可以做智能电视交互页面。
比如我们家里的智能电视交互页面。
大前端可以做桌面应用软件。
桌面应用软件指的是可以直接在电脑上安装使用的软件，使用Electron框架实现 ，严格说也是一种混合开发的技术，比如 VS Code 编程软件，比如音乐播放器等。
前端可以做网页游戏。
前端可以做工具和后端，因为有了Node.js 大前端可以做本地工具和后端开发了，比如基于Node.js的Webpack工具，比如基于Node.js的Serverless开发。
前端真的已经无所不能，有人机交互的地方就有前端！
三、前端工程师具体都做些什么？
在企业里，一个前端开发工程师的地位非常重要，他就是一个粘合剂，上游要和产品沟通，下游要和后端及测试协作。因此，一个前端工程师，具体工作会包含但不限于下面的工作：
(1) 参与需求评审
(2) 参与系统的交互设计
(3) 前端技术架构
(4) 前端的界面实现
(5) 项目工程化设计
(6) 与后端做接口对接和联调
(7) 配合测试保障项目质量
(8) 配合项目上线
(9) 配合产品采集运营数据
对于初中级前端工程师，会重点做 (4)、(6)、(7) 项工作，高级前端会涉及全部工作。
厉害，你都读到这里了。恭喜你，现在你已经不是门外汉了，下面我们就准备学习前端吧。
------------------自学前端的分割线--------------------
梳理了一份完整且实用的前端学习路线图，让你少走弯路！
相关的视频也帮你准备好了，可以参考我之前回答的这个问题！go！
福利时刻，关注+回复【前端资料】领取全套前端学习资料咯！
希望以上的回答能帮到大家。还想了解前端哪方面知识欢迎给我留言！
谢邀，达妹来回答
WEB前端是什么？
使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。
WEB前端可以做什么？
最经典的是各种类型的网站：电子商务、企业门户、管理系统、社区平台等；目前也是移动领域首选技术：WebApp、混编App、手机游戏、微信公众号、微信小程序等；前端前沿的应用领域还有：数据可视化、3D建模和渲染、WebVR、WebAR等
WEB前端知识体系包括哪些内容？
前端基础知识 ：HTML5、CSS3、JavaScript/ECMAScript ；
前端核心技术 ：BOM&DOM、jQuery、HTTP、AJAX ；
前端高阶内容 ：H5 高级、响应式布局、Bootstrap 框架；
移动端开发 ：移动端适配、WebApp、混编 App、微信公众号、微信小程序；
三大主流框架 ：Vue.js、Angular、React.js 及各自的生态圈 ；
全栈相关技术 ：Node.js、数据库、模块化和自动化构建、项目管理技术。
如果你觉得这篇内容对你有启发，达妹想邀请你帮我两个忙。
（1）点赞，让更多的人也能看到这篇文章。
（2）关注我的ID，让我们成为长期关系。
题主，你好！
猜测您想要了解的是以下两个方面的内容：
一、什么是web前端开发？
web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。
随着互联网的高速发展，网站的前端由此发生了翻天覆地的变化，网页不再只是承载单一的文字和图片，软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术来实现的。
用 互联网来做比喻,凡是通过 浏览器到用户端 计算机的统称为 前端技术，相反存贮于 服务器端的统称为 后端技术.
前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的 视觉设计等等.
通俗的讲，你平时使用的手机应用、玩的网页游戏等等，都是属于web前端开发领域的。
二、web前端开发要学些什么？
web前端开发主要需要掌握以下几种技能：
1. HTML；
2. CSS;
3.JavaScript;
知道了要掌握些什么，接下来就是关于这些东西的部分介绍：
1.关于HTML
超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML 的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质， 将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说，必定是极好的!
在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。
2.关于CSS
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的，精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。
“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。
3.关于JavaScript
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。
虽然JavaScript可以给你带来很多的惊喜，但是JavaScript的兼容性较弱，且较为复杂性，因此在使用之前就要考虑到你的“平台”，避免做出来结果却不兼容的情况产生。
到这里，基础的知识及操作基本已经学完，如果有可能的话，你也可以去了解一下后端语言，这有利于你能够更好的写好WEB前端代码，因为WEB网页最终还是要与后端语言进行结合形成一个真正的动态网站。
总结一下，web前端开发你需要学习HTML+CSS+JavaScript、后端技术语言、前端工程化。基础语言，必须要能够达到熟练应用的地步；后端技术语言和前端工程化知道了解即可，当然懂得应用更好。
以上就是关于web前端开发的相关知识，希望能对题主有所帮助.
Web前端开发是种网页制作发展而来的，在web1.0的阶段主要是进行网页制作，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。到了web2.0 的时代各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再是单一的静态，而是在网页上逐渐形成交互形式为用户提供了更好的使用体验。所以说现在不管是我在电脑端或者移动端所看到的网页页面，都是用web前端干出来的。
现在的web前端开发包含面很广，要学的东西也很多。简单点来说，现在web前端开发就是做软件开发、微信小程序 、网页设计、网站建设、APP开发、游戏开发等方面的内容。
web前端技术知识点
web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
而对于网站制作、设计者来说，它是一系列技术的复合总称。web前端开发主要是通
html,css,js,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。
Web前端开发工程师是一个比较新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
web前端开发包含面很广，要学的东西也很多。简单点说web前端开发就是做软件开发、微信小程序 、网页设计、网站建设、APP开发、游戏开发这块的。
Web前端是干什么的？
Web前端开发工程师是一个比较新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。
web前端开发包含面很广，要学的东西也很多。简单点说web前端开发就是做软件开发、微信小程序、网页设计、网站建设、APP开发、游戏开发这块的。
web前端包括哪些技术？
1、基础技术
前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。
先说“骨”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.
再说“肉”——CSS。CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等
最后“魂”——Javascript。这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为魂的原因。
而现在，CSS3和HTML5的发展，又将web推向下一个时代，一个更为丰富多彩的时代。
2、环境基础
设备、浏览器以及工作原理
必须指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万，也不是每个都要去解剖，主要的有Chrome,Firefox,IE，Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发，做了一些更为接地气的功能，了解下就可以了，主要有QQ浏览器，UC，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。
3、计算机基础
计算机网络，http协议。既然是web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，我们做的不是静态的页面，而是动态的，所以必然涉及到与后台之间的数据的传输和存储，这个是要掌握的。
必须懂：Ajax，必须会的工具：fiddler
4、流行框架
流行的前端UI框架：Bootstrap、jQuery UI、Amaze UI
流行的前端框架：jquery mobile、angular.Js、Vue.js、React.js、
5、可视化组件
Echarts
tableau
6、新应用
针对移动化以及物联网方向发展
7、锦上添花—
UI、UX、交互设计、SEO（包括SEM）、产品，更主要一个同理心。好的设计和交互才能带来的好的体验，赢得用户。
SEO则在推广层面，好的SEO让我们以最低的成本，借力搜索引擎，获得更加跟多的曝光机会，毕竟这是个酒香也怕巷子深的时代。
最后是产品，站在产品角度，融合（前后端）技术和商业，让产品产生价值，实现价值。
web前端零基础到大牛
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不太重要的知识，我们只需要"通"即可。但"通"到什么程度才算够用呢?对于很多初级前端开发工程师来说，这个问题是非常令人迷惑的。
前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成"才"的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力;浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足"高可维护性"的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。
什么人群适合做web前端呢？
是不是什么人都可以做web前端开发，答案肯定是否定的。web前端开发跟传统行业技术不一样，对计算机技术感兴趣，想学一门发展前景好的技术；能吃苦，有一定的逻辑思维能力；意志力坚定，能够一往如既的坚持学习下去。
web前端是做什么的？
什么是web前端开发工程师？
Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。
以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
web前端工程师的职责？
利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发
为网站上提供的产品和服务实现一流的Web界面
优化代码并保持良好兼容性
Web前端表现层及与前后端交互的架构设计和开发
配合后台开发人员实现产品界面和功能
利用各种Web技术模拟开发产品原型
Web新技术调研和资讯整理
web前端工程师需要掌握的技能？
第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
第三，必须学会运用各种工具进行辅助开发。
第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。
可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。