原文出自Medium
作者:Maks
京东云开发者社区编译
我一直是一名前端开发人员。有时候,我发现自己总是不得不面临一个很尴尬的情况:向那些对编程一无所知的人解释我究竟是做什么的。
我一直在努力地尝试用简单、易懂的方式向不懂技术的人解释我们在键盘上输入的代码行是如何转换成他们可以看到的、点击的,甚至是在他们的日常生活中使用的东西。
从基础开始:编程
不同的国家、地区都有着属于自己的语言,我们的语言可以用来做很多事情,但通常来说,语言最大的功用就是进行交流。这一点也同样适用于计算机。
我们希望让计算机为我们做点什么,我们与它沟通。由于计算机在出现的初始是没办法理解全世界所有的语音的,因此,出现了一种叫代码的东西。简单地说,这就是计算机的语言。
因此,跳过一些细节,我们可以说编程是指你可以通过说出计算机能懂的语言告诉它该做什么。
你说什么语言?
我们发现我们需要说一种计算机可以理解的语言让它明白我们需要它做什么,但那种语言是什么呢?
这其实跟我们人类的语言也是一样的,计算机语言也有很多种。所有这些语言都有着同样的目的 - 将我们的想法变成计算机可以理解的东西。
这时候你可能就会问了,那为什么计算机语言不全都设置成统一的一种呢?答案是这样:每个人都有不同的目的。它们只是工具,我们通常会根据我们想要达到的目标选择不同的工具。
比如,让我们来看看一辆汽车和一辆自行车的区别。首先,它们都有轮子,可以把我们带到我们先去的地方 - 但显然,我们将它们用于不同的目的。
如果你想去另一个国家,你可能决定使用汽车而不是自行车,除非你想燃烧数千卡路里。
因此,在编程中也是同样的道理,但燃烧的卡路里等于你在工作上花费的时间。你不想花费数千个小时去完成也许换一种工具就可以几小时搞定的事情,对吧?
通常,有些计算机语言更适合分析数据和预测,而另一些语言可能用于计算和统计,亦或者用于构建网站、应用程序等。
关于前端
好的,经过上面的解释,我想大家应该到目前为止对于计算机语言是什么这个理解还是很清楚的。那么接下来让我们来看一些更具体的事情。首先让我们一起来看看关于创建网站和应用程序接口到底是怎么一回事。
简单地说,它们是你在使用任何网站时都会看到的部分。这称为前端开发。(好了,我们终于说到这部分了,让我用简单的语言来像我的奶奶解释我每天究竟 都在做什么。)
HTML,CSS和JavaScript
你有没有想过浏览器是如何工作的?为什么我们在搜索栏中输入内容,就可以跳出相应的电影、音乐、新闻、游戏······以及许多许多的内容?
在后台,有三个核心要素可以让我们上面说的事情发生 - HTML,CSS和JavaScript。我知道,这看起来开始有点复杂了,不懂没关系,让我们先来看几个简单的例子。
想象一下你的音乐播放器上的播放按钮。这个播放按钮本身就是一个HTML元素。
HTML用于在页面上添加内容,例如文本、图像、链接甚至视频。HTML就是帮助你将播放按钮放在网页上的某个位置。
接着上面的例子,CSS就是允许你更改使用HTML添加的按钮的大小,颜色和样式的工具。
但是,当您想要与所述按钮交互并执行操作时,例如,音乐开始播放,要发送的消息或登录某处 - 这是JavaScript的工作。它可以与HTML和CSS一起使用。
此外,JavaScript通常是单独使用的,它可用于创建浏览器内的游戏、程序,甚至移动应用程序,因此,如果能掌握这门语言和相关知识,将会是一个很不错的技能。
前端开发人员
简而言之,JavaScript旨在使前端开发更容易、更具吸引力。
在大多数情况下,JavaScript用于为网页创建响应性的交互式元素,从而改善用户体验。可以使用JavaScript快速轻松地创建菜单、动画、视频播放器和交互式地图等内容。
你现在所看到的所有内容,其实就是前端开发人员的成果。他们负责创建这些可以被看见元素,将它们放在一起,并使它们相互交互。
我们是你可以亲眼看到的网络部分的构建者。我们是那些知道如何与电脑对话的人。
关于编程的另一个好处是:很多人认为它只是逻辑和数学。然而,它也是关于创造力,它需要你仅有解决问题的能力,同样也要拥有思考问题的技巧。
它要求我们不断学习,教会自己提前思考,并能够专注于某些事情。前端开发者需要极大的耐心,特别是在解决复杂问题时,并准备好每天学习新事物。
结论
我希望前端开发人员和他们做的事情现在对你而言更加清晰了。
此外,如果你是一个前端开发人员,看完这篇内容,你也会更容易向你的奶奶解释你整天在电脑上究竟在做什么。
🔗原文链接:https://medium.com/better-programming/how-i-explain-to-my-grandma-that-i-am-a-frontend-developer-8c7eb6cebcf9