前端开发技术开发模式正在不断更新，在以前运行的很好的开发模式，今天可能无法适应市场变化了的东西。这可能会让你的开发生涯变得非常具有挑战性，不断学习新的技术是作为一个IT开发者的基本素质。
所以如果你是一个有抱负的前端开发人员，或者你正在学习前端技术，下面是你成为一名合格的前端开发人员，所需要知道的事情。
什么是前端开发？
通常有两个部分，一个是可以进入任何网络的应用程序，Web应用程序的前端，你在浏览器中看到的应用程序的页面，与用户交互的所有内容；另一个是客户端。然后是Web应用程序的后端或服务器端，其中保存着应用程序数据，提供更新操作，当你点击播放视频网页时发回数据给你。你可能会想到视频网站，视频是从数据库中检索出来的，并由服务器为你服务。作为前端开发者你可以设计视频播放按钮、分享按钮、下载按钮及其样式等，同时需要后端服务器提供数据。
但是许多公司将这些角色分为两个职业：前端开发人员和后端开发人员。后端开发人员使用Java、Python、Ruby和PHP等语言来构建幕后功能，提供的功能，如存储和检索用户数据或安全验证等，前端开发人员是使用HTML、CSS和JavaScript构建面向网站和应用程序部分的用户。几乎每个企业都使用网站或者应用程序与其客户沟通，我们需要前端开发人员，在本文中我将与你讨论你需要了解相当基础而广泛的内容，作为前端开发人员，你需要学习许多不同的技术，但主要技术是HTML、CSS和JavaScript等，这些是是每个网页的基础，没有它的一切互联网将是一个无形的文本墙。
HTML是什么？HTML简单介绍
通过HTML，你可以为Web浏览器定义不同的部分，提供有关内容结构的信息。例如，你可以在不同的HTML标记中包含网页内容，以告诉浏览器哪些部分是标题sidebars网站的页脚或主要区域。HTML的目标之一是提供良好的语义标记，提供有关HTML标记包含哪种内容的信息。使用HTML来定义哪些元素是链接列表项、按钮、段落、复选框、单选按钮。
CSS简单介绍
使用CSS设置页面样式，让搜索引擎使用此信息来理解你的页面。语义标记有助于屏幕阅读器或搜索引擎更好地理解你的内容，CSS或层叠样式表是一种具有强大功能的设计语言。CSS有助于我们描述网页的呈现，我们使用CSS来定义HTML的外观和布局。例如我们可以使用CSS来告诉浏览器，我们希望我们的网页显示在一定数量的行或列，或每个元素之间应该有多少空间。我们也使用CSS来改变按钮的颜色或字体大小，使其更高或更大或更小，将它放在网页的左侧或中间等等。
响应式设计介绍
写好CSS，意味着确保设计在不同的设备上保持一致，我们使用CSS来设计响应式网页，这意味着它们看起来很友好，并且在任何屏幕尺寸上都运行良好。使用CSS适配不同设备，起初看起来似乎很容易，但它很快就会变得很有挑战性，格式化和样式的细微差别很难设计，你有数以千计的选择，你可能需要咨询大量不同的参考资料和资源, 为了使事情变得正确你需要大量的练习。
关于JavaScript
javascript可能是你学习的第一种编程语言，它是一个前端开发人员必备的语言，它是一种不断发展的语言，目前JS的开发涉及网页前端和移动前端，还有后台开发。它可能很有挑战性，但通常前端开发人员使用Dom或文档对象模型为浏览器编写JavaScript，文档对象模型就像是允许JavaScript和浏览器的网页或应用程序，操作网页上的每个HTML元素，这些元素都由Dom表示，你可以使用JavaScript来操作那些Dom元素。
例如说你的网页上有一些文字，上面写着登录，用HTML标签将文本定义为一个带有CSS的按钮，你可以通过JavaScript控制那个按钮的样子，你可以编写代码来触发页面或应用程序，每次都按钮执行某些指定的操作，又比如像播放视频或提交评论到社交媒体帖子。
关于编辑器开发工具
如果你真的想成为前端开发者javascript是一种你需要掌握的语言这些是你将要使用的一些主要工具和技术。作为前端开发人员每天都会使用文本编辑器，您将花费大部分时间在那里编写给定网站或应用程序的代码。微软的Visual Studio Code或sublime text目前比较流行，但是不要太担心你应该使用哪一个，你可以尝试所有这些，并找出你最喜欢哪个。
另外谷歌浏览器和Firefox的开发者工具，可以让你查看任何网站，查看网页的结构化，这些开发工具帮助你调试你的应用程序，断点执行JavaScript代码，并操作和测试你的应用程序。
Git项目版本管理工具
Git是一个流行的版本控制系统，它可帮助你跟踪和保存对项目的更改，以便你可以轻松管理不同的版本和功能。你还可以恢复到项目的先前版本，或者作为团队的一部分，在单个代码库上工作。Github是关于Git的一个特别服务，允许你在线提交代码，以及分享或复制其他现有代码库，你可以结合Git认真使用一下Github。
关于Sass
让我们谈谈一些前端开发人员常用的技术，一旦你对CSS有了很好的理解，你就需要准备进阶学习sass，sass就是所谓的CSS预处理器，基本上它为CSS添加了所有基本的功能，具有编程风格，使编写组织和维护CSS变得更容易。
目前流行的前端框架
让我们谈论一下jQuery，自2006年以来一直存在的JavaScript库和框架，并且仍然在很多网站上广泛使用，它不是最新的库但仍然值得了解，因为它可以让你快速轻松地将复杂的JavaScript交互添加到您的网页中，不过jQuery目前新框架的出现导致jQuery变得落后了。
较新的JavaScript库和框架包括react、angular和vue.js，这些都是为了更容易创建和维护复杂的Web应用程序，通常那些显示大量数据或复杂数据的应用程序，具有复杂的用户界面，或由许多不同的UI元素和组件组成。Twitter的Bootstrap是一个提供各种设计模板的设计框架，提供常见网站和Web应用程序的组件，如排版表单按钮和导航菜单。通过在HTML中添加预先设置的Bootstrap CSS类，你可以快速布局和样式化你的网页。Boostrap使你更易于插入并设置用户界面组件，如照片、轮播和模态窗口。
学习如何使用终端或命令行，将使你更好地使用开发工具的功能，它将帮助你安装不同的软件包和库，以及使用版本控制系统，比使用图形界面更有效。无论你进行前端或后端的哪种开发，终端命令行的使用始终是必须的，因为如果你的项目变得越来越大，越来越复杂，你会发现它们由许多不同的部件框架模块库和工具组成，如webpack和brow、gulp帮助你缩小和打包你的代码，可以快速有效地加载到浏览器中，帮助你的应用程序加载更快。
UI设计
Photoshop是编辑图像的超级工具，但sketch是一个更好的的轻量级工具，旨在创建矢量图像。sketch是一个为Web构建的现代工具，线框图是你开始网站构建之前的设计准备，使用草图构建它，可以使用balsamic和figma这些原型工具，可以让你在早期阶段创建和分享想法，然后使用这些原型工具初步创建你的应用程序。
你设计的网页和应用程序，基本都是由网页设计师提供的，他们提供原型图线框图等，而不是自己直接使用这些工具进行设计，但可能会有一些重叠。
了解使用这些技术有助于，前端开发人员学习更多的基础知识，设计的内容相当多，你可能会问自己我将如何学习所有这些可怕的东西，特别是现在的前端和后端技术的不断进化，只要知道这些进化都是正常的，慢慢地创建一个学习策略，尽可能多地学习和练习，从编程语言或框架中学习的概念原理和工具，这将使以后学习类似的概念或另一种语言或框架更容易，所以不要觉得你需要一次学习所有东西。
有大量的资源可以学习如何成为前端开发者，博客文章、视频教程、书籍、应用程序等，学习涉及更多的东西，过滤出有价值的东西，因为大多数这些资源都会谈论你不会理解的事情。
Srcmini博客的提供前端开发的技术分享，你可以在上面找到你需要的内容，谢谢阅读。
