介绍

本文想第一次尝试编程,但什么是编程?这是一篇给那些有的人的文章!
我们的目标是能够在 30 分钟内编程,即使您不了解编辑器、语言或类似的东西。
请花时间阅读文章!

什么是编程?

首先,什么是编程?它们在哪里使用?

编程就是写出机器可以理解的句子,随心所欲地操作机器。
作为实际使用的场景,编程也是移动电脑、智能手机、机器人。
在小范围内,还对数字时钟和电视遥控器进行了编程。

通过写一个机器可以理解的句子,机器将按要求运行。

我想更简单地解释一下这张图片。
想象一下电视和遥控器。
例如,假设您想在电视上观看 8ch。

在这种情况下,你

1. リモコンの電源ONを押す
2. リモコンの8のボタンを押す


编程是用机器可读的、晦涩难懂的语言(programming language)编写的,但你所做的与上面没有什么不同。
开电视也是一种编程!

在本文中,我们将使用网站中使用的技术进行编程。

马上练习! !

恭喜。你已经知道什么是编程。
现在让我们谈谈编程是如何工作的。

先下载谷歌浏览器!

如果您尚未下载 Google Chrome,请先下载 Chrome!
谷歌浏览器是由谷歌开发并被全世界人们使用的浏览器。下面的解释使用的是我常用的谷歌浏览器。

下载方法请看下面的主页!
https://www.google.com/intl/ja_jp/chrome/

用谷歌浏览器编程!

首先,尝试打开 Chrome!
该网站应该如下图所示打开!
(别介意我是访客模式。任何页面都可以,只要打开它!另外,不要介意黑屏!)

30分で動かせる!世界一簡単に始めるWebプログラミング

然后打开一个新选项卡并按 F12。
“F12”键位于键盘的右上角。

那么,你是不是在屏幕右侧看到了一些你不理解的东西,如下图所示?
(如果没有,请在评论中询问)

30分で動かせる!世界一簡単に始めるWebプログラミング

在这里,我将解释如何查看此屏幕!
其实这个工具叫做“调试工具”,就是一个告诉你当前页面是由哪些信息组成的页面!
通过查看此内容,您可以了解所有网站的工作方式!
这个调试工具基本上存在于任何浏览器中。
(如果您使用的是 Safari,请搜索“如何打开 Safari 调试工具”以了解如何使用它。)

蓝色框是网站的内容,用称为“HTML”的句子写成!
这次就不解释了,不过大家可以在各个网站按“F12”阅读代码,请大家试试看!

接下来,红框是调试工具选项卡。当前选择了“元素”,但下次尝试按“控制台”。
右半部分应如下所示:

30分で動かせる!世界一簡単に始めるWebプログラミング

是的,您可以看到只有一个“>”的页面!
从这里你可以真正编程!快到了!

第一次编程1:算术运算

首先,单击“>”旁边的,以便显示插入符号(|← 闪烁)。
所以让我们尝试这样的事情:

1 + 2

你看到像下面这样的屏幕了吗?

30分で動かせる!世界一簡単に始めるWebプログラミング

它被显示了!恭喜! !
这是你第一次编程! !
甚至不需要解释,但添加了1 + 2,所以显示了3
即使你用更大的数字计算,它也会立即给你答案!
您还可以进行减法、乘法、除法和余数计算!
每个都在下面。

  • 减:150 - 40
  • 乘法:8 * 40
  • 部门:3200 / 800
  • 超额计算:10 % 7

请检查您的答案。

第一次编程2:试着放到屏幕上

恭喜!您现在可以随时执行算术运算!
然而,这个调试工具可以做更多的事情。例如,它会影响屏幕。

在调试工具中键入以下内容。

alert('Hello world!')

然后您将看到如下所示的警报。

30分で動かせる!世界一簡単に始めるWebプログラミング

现在您的编程会影响除调试工具之外的页面!
顺便说一句,即使其他人打开了相同的页面,也不会影响到那个人。
调试工具是一种安全工具,不会影响除您以外的任何人。

现在让我们显示加法的结果!
尝试在调试工具中输入以下内容:

alert('1 + 3 = ' +  (1 + 3))

之所以附上1+3,是为了优先计算。检查一下,看看如果你不这样做会发生什么。

在最后

现在有多久了? 30分钟过去了?不是过去了吗?

现在你可以按照你想要的方式编程了!
想要更多?

我这次写的编程语言叫做“Javascript”。
如果您搜索“Javascript初学者”等,您将能够了解更多! ! !

另外,如果有反应,我会写一个延续!
如果你能发表评论,我会很高兴。


原创声明:本文系作者授权爱码网发表,未经许可,不得转载;

原文地址:https://www.likecs.com/show-308633009.html

相关文章: