从零开始成为软件工程师(1)-什么是编程?

对于很多没有开始学习软件开发的读者来说,很多人首先陷入一个巨大的疑惑中?究竟什么是编程呢?为什么敲打一些字母,就变成手机app,变成一个 站?这是非常神奇的一件事儿。

我想了很久,我好像也没有办法三言两句就完成这个讲解。但是!我回忆了我本科的学习经历,我突然想到对于这个问题最好的答案,就是依葫芦画瓢,先看几个例子。请大家跟我一起尝试一下几个例子,先感觉一下到底什么是编程。

首先,当我们打开www.baidu.com这个 站的时候,你一定会看到这样一个界面,这是百度的经典界面,已经很多年没有变化了,那今天我们来试试怎么让他改版一下。

百度首页

  1. 首先,让我们右键单击,你会看到这样一个界面弹出,我们就称它为 站界面(图-第一步)。
  2. 然后你点击inspect(如果是中文界面,应该是审查元素),然后你的界面会弹出一个新的部分,我们就称它为控制界面,然后你看到密密麻麻的代码(图-第二步)。
  3. 仔细观察新的那个部分,左上角有一个小箭头,它的作用是这样的:如果你先点击这个小箭头,再去点击原来那个 站界面上的东西,你可以看到控制界面上代码会变化,并且有一行代码会变成深蓝色。我们这里在点击小箭头以后,点击 站界面的 ”百度一下“的蓝色按钮。(图-第三步)
  4. 蓝色部分的那行代码里面,你会看到 value=”百度一下” 的部分,左键双击value,你会发现你可以修改“百度一下”,我们试试改成“头条一下”,然后敲击回车,并关闭控制界面。你应该会看到如下的样子。(图-第四步)

第一步

第二步

第三步(点击“百度一下”以后)

第四步(修改为“头条一下”以后)

非常神奇,我们通过简单的几个步骤,居然修改了百度首页的界面,但是你重新刷新一下,发现又变回去了。我们来详细的解释一下,这里到底发生了什么。

  • 我们可以明确的是,界面上你看到的东西,就是这一大片代码控制。不管是内容,还是样式,在之后的教程我们会讲述如何实现这样一个页面。这就是为什么当我们修改了value以后,界面也发生了变化。当我们知道如何精准的控制这个页面的时候,我们就能伪造任何信息了。余额不够,修改value多加几个0,名字不好听,我们修改value改变一下名字。但是,这些改变都是临时的!刷新以后都会消失的(注意: 上很多小骗子利用这个来修改自己的信息,然后截图,所以 上的东西一定要小心,伪造是很容易的)。
  • 为什么刷新以后,又变回去了呢?这是因为每次你打开百度或者刷新,它都会拿到没有被你修改的那份代码,而不是被你修改过的那份代码。那么问题来了,为什么只能拿到这份没有修改的代码呢?
  • 奥秘就在你访问的地址上,如果你访问的是百度,那么百度就会返回百度的这份代码,如果你访问的是头条,那么头条会返回他们的那份代码。每个公司的前端开发人员都会负责这份代码,只有当他们公司本身的开发人员修改了这份代码以后,用户才能看到新的修改。
  • 上面的这个例子非常简单也非常直接,一份代码可以展现完整的 站。前端人员的工作主要也是通过修改这些代码来完成界面样式的更新,数据的更新或者是功能的更新。感兴趣的同学,可以在多多探索一下控制界面的那些功能。

    根据之前我们所说的,前端主要技术是JavaScript,HTML还有CSS,我们可以右键查看源代码,就能看到整个完整的代码,一般来说,看起来是非常复杂的,但是它始终是由上面三种技术完成的。

    在下一篇文章中,我们将会来学习基本的HTML的知识,然后开始我们的前端技术的路途!!谢谢大家!

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2020年1月24日
    下一篇 2020年1月24日

    相关推荐