你有没有看过自己喜欢的网站，研究过它的布局，想知道我自己能不能实现一个，甚至比你看的网站还要好！所有这些可见的站点界面和特效都是通过前台开发(有时称为“前台Web开发”)构建的。 前端开发人员是几个最受欢迎的角色。目前各大知名互联网公司前端开发者的薪资水平甚至超过后端开发者。前端开发者需要学习什么？本文将从前端开发的定义入手，分解前端开发人员使用和需要的所有技能。 什么是前景发展？网页设计虽然是网站的外观，但是前台开发是将设计好的页面以代码的形式展现在网络上，并加入少量的功能特效！使其具有一定的互动性！什么是前台开发人员？前端Web开发人员是通过HTML、CSS、JavaScript等编码语言实现Web设计的人。 虽然前台开发人员不再常见，但他们有时也被称为“客户端开发人员”，以区别于后台开发人员，后者负责数据库等后台工作。 如果你去任何一个站点，你都可以在导航和布局(包括这篇文章页面)中查看前端开发者的工作，甚至可以看到PC页面和手机页面不同的显示方式。 本文将分解前端Web开发人员在工作中需要掌握的技术。前台Web开发人员使用哪些技能？前端Web开发人员使用三种主要的编码语言来编写Web设计人员创建的网站和Web应用程序设计:HTML CSS JavaScript。他们编写的代码运行在客户端的浏览器上(而不是后端开发人员，他们的代码运行在web服务器上) 可以这样想:后台开发人员就像一个设计和创建系统(电力、水和下水道、分区等)的工程师。)让城市运转起来，而前面的开发者是走出街道的人，确保一切都连接妥当，让人们过自己的生活(一个简单的类比，但你得到一个粗略的想法) 前台的Web开发人员还要负责保证前台没有错误或者错误，设计出现在各种平台和浏览器上。 1.HTML、CSSHTML(超文本标记语言)和CSS(级联样式表)是Web编码最基本的构建块。 没有这两样东西，你就无法创建一个网站设计，你最终得到的只是屏幕上没有格式的纯文本。 没有HTML，你甚至不能在页面上添加图片！在开始任何Web开发生涯之前，你必须掌握HTML和CSS编码。 好消息是，你可以在几周内完成其中任何一门的扎实工作知识。 基础中的基础:只有HTML和CSS的知识才能让你建立基本的网站。 2.JavaScript JavaScript JavaScript允许你给你的网站添加更多的功能，你可以使用HTML，CSS和JavaScript(简称JS)来创建许多基本的web应用。 在最基本的层面上，JS用于创建和控制实时更新的地图、交互式电影和在线游戏。 像Pinterest这样的网站大量使用JavaScript来使他们的客户界面易于使用(事实上，仅仅修复页面不会重新加载页面，这要感谢JavaScript！) 它也是世界上最流行的编程语言，所以无论你的发展职业规划是什么，它都是一个非常有价值的东西。 3.jQueryjQuery是一个JavaScript库:一组插件和扩展，可以用JavaScript更快更容易地开发。 JQuery不必从头开始编写所有代码，而是让前端Web开发人员向项目中添加现成的元素，然后根据需要进行自己的设置(知道JavaScript如此重要的一个原因) 您可以使用jQuery进行倒计时，自动搜索表单，甚至自动重新排列和调整网格布局。 4.JavaScript框架JS框架(包括AngularJS、Backbone、Ember和ReactJS)为你的JavaScript代码提供了现成的结构。 有不同类型的JavaScript框架可以满足不同的需求，尽管提到的四种是实际工作列表中最受欢迎的。 这些框架为您提供了一个快速的起点，从而真正加快了开发速度，并且可以与jQuery等库一起使用，以最大限度地减少您必须执行的编程。 5.前台框架CSS和前台框架(最流行的前台框架是Bootstrap)做JS框架为JavaScript for CSS框架所做的事情:它们为你提供了一个更快编码的起点。 因为很多CSS都是从一个项目到另一个项目的完全相同的元素开始的，所以提前为你定义所有这些元素的框架是非常有价值的。 大多数前台开发人员工作列表希望您熟悉这些框架如何工作以及如何使用它们。 6.CSS解析器经验。解析器是前台开发人员可以用来加速CSS编码的另一个元素。 CSS解析器为CSS添加了额外的功能，以保持其可伸缩性和易用性。 它将在您将代码发布到您的网站之前解决代码，并将其转换为格式良好且跨浏览器友好的CSS。 根据实际工作列表，SASS和LESS是两种最流行的解决方案。 7.RESTful服务和API方面的经验。REST代表具象状态转移，但不太专业。 基本上来说是一个轻量级的架构，可以简化Web上的网络通信。RESTful服务和API是遵循REST架构的Web服务。 在这里阅读更多关于REST和RESTful服务的内容 假设您想要编写一个应用程序，按照成为朋友的顺序显示您所有的社交媒体朋友。 你可以调用脸书的RESTful API来读取你的好友列表并返回数据。 Twitter也是如此(它也使用RESTful API) 对于任何使用RESTful API的服务，一般过程都是一样的，但是返回的数据会有所不同。 虽然这听起来非常复杂和技术性，但它是一组简单的指导方针和实践，可以设定期望值，并让您知道如何与Web服务进行通信。 它们还使Web服务在性能、可伸缩性、可靠性方面更好，并且易于修改或移动。 8.响应式和移动设计只在中国，通过移动设备上网的人比台式电脑多，所以难怪响应式和移动设计技能对雇主来说非常重要。 响应式设计是指网站的布局(有时是功能和内容)会根据客户使用的屏幕大小和设施而变化。 例如，当从具有大显示器的台式计算机访问网站时，客户将获得专门为鼠标和键盘客户创建的多个栏、大图形和交互。 在移动设备上，相同的网站将显示为针对触摸交互优化的单列，但使用相同的基本文件。 移动设计可以包括响应式设计，但也包括创建单独的移动专用设计。 有时，您希望客户在台式电脑上访问您的网站时，获得与他们在智能手机上访问时完全不同的体验。在这种情况下，移动网站完全不同是有道理的。 例如，拥有网上银行业务的银行网站将受益于单独的移动网站，该网站允许客户查看最近的银行位置和简化的账户视图(由于移动屏幕较小) 9.跨浏览器开发现代浏览器在一致地显示网站方面相当不错，但在如何解释幕后代码方面仍然存在差异。 在所有现代浏览器都与Web标准完美兼容之前，了解如何让每个浏览器按照您想要的方式工作是一项重要的技能。 这就是跨浏览器开发的意义所在。 10.测试调试对于前端Web开发者来说，这是一个事实:错误是会发生的。 熟悉测试和调试过程是必不可少的。 单元测试是测试单个源代码块(指示网站应该如何工作的指令)的过程。单元测试框架提供了特定的方法和结构(每种编程语言都有不同的方法和结构) 另一种常见的测试类型是UI测试(也称为验收测试、浏览器测试或功能测试)，您可以通过检查来确保客户实际在网站上执行操作时网站的行为。 您可以编写一个测试，在执行操作后在页面上查找特定的HTML和其他内容(例如，确保如果客户不记得填写必填的表单字段，将弹出表单错误框)。 调试就是把这些测试中发现的“错误”(错误)全部找出来(甚至你的网站一旦启动就会发现你的客户)，戴上你的侦探帽，找出原因和方法，处理问题。 不同的公司使用的流程略有不同，但如果你使用流程，你可以很容易地适应其他人。 11.学会使用Git。通过版本控制系统，您可以跟踪一段时间内对代码所做的更改。 如果你搞砸了，他们可以很容易地恢复到早期版本。 所以，假设你自己添加了一个jQuery插件集，突然剩下的代码有一半中断了。 您可以回滚到以前的版本，然后用解决方案的其余部分重试，而不是必须加密，手动撤消它并修复所有错误。 Git是使用最广泛的版本控制管理系统。 了解如何使用Git可以满足几乎任何开发工作的需求。 这是开发人员需要具备的重要工作技能之一，但实际上很少有人谈论这些技能。 12.处理问题的能力如果所有的前端开发人员都必须具备一个东西，不管职位描述或者官衔是什么，这就是一个优秀的处理问题的能力。 从确定如何最好地实现设计，到修复错误，到如何使前台代码与正在实现的后台代码一起工作，开发就是处理创造性的问题。 目前在做前台开发。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙3000人:前:851中:231末:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 假设你已经创建了一个功能齐全的网站前台，交给后台开发人员，让他们把它和内容管理系统集成起来。 突然，你一半的功能停止工作。 一个好的前端开发者会把这看作是一个需要处理的问题，而不是一场灾难。 当然，优秀的高级前端开发人员会预料到这些问题，并努力做到防患于未然！这个时代，钱变成了数字。以前握在我们手里，现在变成了虚拟货币。互联网时代，我们在争分夺秒。只有在有限的时间里，通过推广自己，才能从自己身上获得更多的回报！