从小白开始的编程体验

160 阅读3分钟

在这个世界上存在着一群特殊的人,他们整天面对电脑,敲着键盘,写着旁人看不懂的代码,我们将这群人亲切地称之为————码农。

你可能觉得他们的世界充满神秘和深不可测,但实际上他们也只是普通人而已,如果你从未接触过编程,想要了解他们的世界,却又不知从何开始,希望我的文章可以给你带来编程的初体验。

1. 我们要干什么?

当前每天使用电脑或手机的时候,会不会有一个瞬间想要完全控制它,让它按照你的想法做事?

平时我们在使用软件的时候,都是在按照别人的想法做事,就像以前看电视一样,被动接受信息,只不过现在的软件或者应用,开始和我们互动了,本质上我们还是在别人画出的场地内转悠。如果你想改变这种状态,成为一个掌控者的话,那么你就已经开始准备好做一个开发者了。

如果要成为一个真正的开发者,那么我们需要一些工具,这些工具根据要开发的目标平台和开发方式不同而不同,比如说手机上的应用,苹果有IOS,其他手机有Android,微信上有小程序等等,在电脑上的种类则更多,在浏览器上玩花样的前端开发,为网页提供服务的服务器端开发,在桌面上双击一个图标打开的应用等等。

我们一般将这些可以针对某个目标平台进行开发的工具成为IDE,也称之为开发环境,准备好写第一行代码的第一步就是搭建好你的开发环境。

因为我们只是想初步体验一下编程,下载一堆专业的开发环境没有必要,所以呢,我选择了一项最简单的方式来完成我们的第一行代码,简单到你只需要一台安装了谷歌浏览器的电脑。

是的,你只需要一台电脑,并安装一个谷歌浏览器,然后打开浏览器。

2. hello world

首先,在浏览器中随便点开一个页面,然后按下键盘上的F12,你将会看到一个控制台。

image.png

这样我们就拥有了一个试验田,你可以将停靠侧选择为独立。这是一个最简单的IDE。

image.png

点击标签栏中的控制台,我们将在这里键入我们的第一行代码

image.png

看到那个闪烁的光标了么?我们可以在这里输入JavaScript语句,然后让它执行起来,在这里输入一行代码:

console.log("hello world")

按下回车键,看到了么?

image.png

可喜可贺,可喜可贺,你已经成功的控制浏览器的控制台输出了hello world。

也许你想把hello world显示在页面上而不是控制台?OK,我们继续在控制台中输入一行代码:

document.write("hello world")

按下回车键,你将会看到hello world显示在页面上:

image.png

哇哦,干得漂亮!你已经成功地让你的浏览器按照你的想法做事了。感觉如何?有一点成就感了么?