粉丝6402获赞2.9万


很多教程的第一行代码是这样的,各种打印哈喽沃的,先不说安装环境,这一小白的大 boss 官能不能过去,哪怕最后照着样子写出来,也是小小的脑袋充满了大大的疑惑,这有什么用呢? 嗯,他在以后很有用,但作为你的第一行代码没用,我不希望大家一开始就面对这个黑框框,你做的第一顿饭最好是可以吃的,你写的第一行代码最好是可以用的。 这一期我不会讲很多东西,只讲你的第一行代码。上一期我们用十分钟学会了程序的本质就是数据和函数,从这节开始呢,就都是实际应用了,如果你还没看,那么赶紧去看一下,他是我们后面所有科 成的基础,看完绝对不亏。 ok, 那么这一节我们就直接来写代码,什么什么都没学就开始写代码了,没错,就是要在一开始就动起来,这样我们才能知道我们到底在做什么,能够坚持下去, 这叫正反馈,玩游戏上瘾就是这样的,所以我也把课程尽量做成游戏的形式,迅速上手打怪升级。我们第一个要完成的项目就是一个个人网站,选完之后呢,就代表你个人在互联网上有了一个地盘, 在网上搜索你的名字就不再是查无此人或者或不对版了。而且以后只要别人跟你要名片或者简历啥的,直接甩给他,你的个人网站是不是逼格报表?哈哈,不要小看他,其实我有很多生意就是这样做成的,客户的第一印象很好。 好,顺便说一句啊,我当年搜我自己出现的是康文昌社会摇,这极大的提升了我做个人网站的动力。我不知道你是在 app 还是网页中看到的这个视频,但我相信如果你能刷视频,那么你肯定知道网页。 一个最基础的网页原文件就是一个后缀为点 html 的文件。 html 的意思是超文本标记语言 啊,记不住全程。没关系啊,我也记不住,知道他是网页就行。好比点 txt 文件是文本文档,可以用记事本打开查看文字。点 mp 三是音乐文件,可以用播放器打开听音乐 点 ay, 点 mp。 四是视频文件,可以用视频播放器打开看视频。点 png 是图片文件,可以用图片查看其打开看图片。那么点 htm 是网页文件,就可以用 用浏览器打开看网页。 ok, 我们来到电脑桌面右键新建一个记事本文件,命名为我的第一个网页,在这个文件中,我们来写第一行代码。 你好,世界,我是康文昌,然后保存。如果看不到 txt 的后缀,就打开文件管理器,这里点查看,勾选文件后缀,再回到桌面改一下记事本文件的后缀,由 txt 改为 htm, 这样改文件后缀就会让电脑识别他知道这个文件需要用浏览器软件打开,双击打开会默认浏览器打开,他可以看到一个网页了。 恭喜,你的第一行代码就完成了,一个最最最简单的网页写好了。如果你把这个文件放在能够被公众互联网访问的电脑服务器上,全世界的人都可以 看到他,当然现在你的电脑不能被访问。呃,这个我们以后再说。总之,第一步我们完成了,奖励自己一下,是不是一脸茫然?哈哈,咋回事?怎么就完成了?我是谁?我在哪啊?别急,我来逐个解释。 首先呢,套用我们的数据和函数思维模型,数据就是网页 htm 文件,具体内容就是那一行代码文字, 而函数就是浏览器。上节课有同学问参数是什么意思,我就再详细解释一下,就好比说我们自己有一个做饭函数,教育我们做饭的时候肯定要给食材,对吧? 那么西红柿和鸡蛋就是参数调应做饭函数的时候传入进来,我们拿到了这两个参数后,就可以最后输出一份西红柿炒鸡蛋了,懂了吗?在这里,浏览器是一个函数, 他接收一个参数就是 html 文件内容,接收到这个参数后就会进行一些处理,将那一行代码转化成一行文字,输出渲染成为我们在显示器上看到的画面,大家可以理解吗? 其实不仅仅是浏览器,其他软件也是函数,比如说打开一个点 txt 文件写几个字,这些字符就是记事本软件的特定参数数据,就像刚才一样, 视频也是一样,也是接受一段特定的数据参数,发送给你的软件后播放,再往下走,你的手机或者电脑的操作系统也可以看作是一个函数, 他接受软件的一些仕途参数,然后处理后传给显卡数据,显卡再处理后传给显示屏驱动,显示屏驱动处理后,再掉屏幕后的 led 灯开关, 形成画面,有意思吧? ok, 道理我们现在明白了,那么这个 p 又是什么呢?这其实是格式,就是 word 中的几号字几号字而已, p 代表 paragraph, 就是段落的意思,这个单词不用被知道就行了。 在 word 中没有这些格式,因为 word 是给人看的,而 htm 是给浏览器看的文件浏览器可没有眼睛,所以要有这种标记语言,告诉他这是一个段落内容,浏览器才能正确的渲染出画面给我们。我们也可以改一下,换成 h 一,这个标签代表嘿的一 一级标题的意思,可以看到字体变大了。浏览器的这个函数调运行为在用浏览器打开这个文件的时候就完成了。我们后面会学到各种各样的函数调运方式,比如鼠标点击、手势滑动、 定时调运等等,但万变不离其宗,明白函数就明白了所有程序的行为。好的,本期的任务完成了,可能你会觉得这算什么代码,不就是文字加了个标吗?啊,其实没错,很多时候编程就是很简单的, 我们看到的各种软件界面就是各种各样的文字、图片等,配上不同的格式加起来组成的,大家是不是觉得太简单了?没错,我故意的。今天只讲第一行代码,我们经常学不会一个知识或者做不好一件事情的重要原因就是很难迈出第一步。 我们的想法会在脑海中不断的转而转,在思想中已经完成了无数遍,但就是下不去手。这不是你的问题,人类的大脑机制就是这样,在耗费能量之前会尽可能评估值不值得, 很多人在评估的过程中就终止了,但这样很难把别的知识转化为你自己的函数,只有行动过一次,你才会牢记他。我讲的第一行代码简单到极致,就是希望你能够迈出第一步,从此让自己多一份不同 好。那么本节课的作业是完成自己的第一行代码,并在浏览器中打开,不要忘记将你的代码去掉真实名字分享到评论区哦! 下一期原来写一个网页这么简单,我们就会深入了解一下 html 中的各种格式和排版,进入丰富多彩的网页世界,明天见!