通过codecademy学习JS的一点体会

1 篇文章 0 订阅
1 篇文章 0 订阅

今天在CSDN看到的这个编程学习网Codecademy。

看界面是不是感觉很简单,因为确实之前学习的编程语言太过枯燥。可以通过这个,能将编程语言的学习加入一个个小任务,让你的学习变的更加轻松,愉快。

因为也是才看到,仅稍微学习了一下javascrip。当然不仅仅是javascrip。最近还添加了Python这个内容。其他语言还未看到,希望有兴趣的同学一起交流学习,值得注意的是现在似乎只有第一节是中文的,后面基本还都是英文,用chrome在线翻译比较好。相关演示如下(没截图,只是复制了一下内容)仅供参考.

 网站http://www.codecademy.com

下面只是第一讲基本上的大致内容
嗨!我们来认识下吧。你叫什么名字?
 
输入你的名字并用引号括住,就像这样"Wang",然后按下键盘上的回车键,也就是Enter键。请注意,编写程序时输入的符号都是英文符号!
> "sun"

==> "sun"
真棒!想知道你的名字有多长吗?跟之前一样把名字用引号括起来,并在最后加上.length,然后按下回车键(以后都记得要按回车键)。
  
比如我,就会输入”Wang”.length
 > "sun".length

==> 3
非常好!接下来我们做点数学题。你可以通过编程来进行数学运算!
 
要想计算132322的结果,直接输入132+322
> 100+200

==> 300Oops, try again. 
出错了!检查一下你输入的表达式是否与教程中的一样!> 132+322

==> 454
看到了吧,你可以使用命令行做一些基本的数学运算。多试试看看。
 
如果需要的话,你可以用 * 来做乘法,用 / 来做除法。 再输入一个有效的等式来结束这个练习。
> 2*5

==> 10
然而,有些事儿在命令行中是做不了的。计算机只会讲一些特定的语言,比如你现在正在使用的JavaScript! 如果输入的命令不是JavaScript语言,这会把它搞糊涂并显示一个错误。
 
试着输入一些它不认识的字词,比如eggplant。你会发现返回了一个ReferenceError(引用错误)

> eggplant

ReferenceError: eggplant is not defined
做的很好。你把电脑给搞糊涂了!

Good work completing this section! Start the next section.

console.log(2*5)

console.log("Hello")
"cake".length*9=36

//点击运行按钮(Run)后,你应该看到4true2false

//在每行开头使用console.log后,可以获得6行输出。

 

 

//点击运行按钮(Run)后,你应该看到4true2false

//在每行开头使用console.log后,可以获得6行输出。

 

 

console.log(15  > 4);

console.log("Xiao Hui".length  < 122);

console.log("Goody Donaldson".length  > 8);

console.log(8*2 === 16  )

if ( 100 > 2 )

{

    console.log("你数学真好!");

}

 

console.log("只是给你提个醒:程序运行到了第6行!");

你数学真好!

只是给你提个醒:程序运行到了第6行!

 

掌握了if语句后,我们给你的机器人两个选项。

机器人走到了一个分岔路口。它会检查你写的代码,从而决定走哪条路。

代码看起来像是这样:

if (条件为真

{

    // 执行这段代码

}

else // 否则的话

{

    // 执行这段代码

}

 

机器人从第一行开始,如果条件为真(true),那么就执行第一个大括号内部的代码,就像上次一样。这将会跳过else语句块。

但是如果条件为假(false),机器人就会跳过第一个语句块,执行else之后的语句。

因此机器人会根据第一行条件的真假,选择一个代码块执行。

机器人成长的太快了,就好像昨天还在用着尿布,而现在就能自己做出判断了!

在程序第1行填入一个等于false的条件。你的机器人会做什么?

在条件为假(false)的大括号内写一些代码,这次使用console.log语句。

if ( 1>2) 

{

    alert("走第一条路吧!");

}

else

{

    console.log("you are ture")// 如果条件为假我们要做什么?在这填上吧:

    

}

//注意代码的顺序和符号。

//如果遇到了错误,一行一行地仔细检查。

//如果确实不能解决,看一下提示!

if(10>2)

{

console.log("correct")

}

else

{

alert("false")

}

电脑非常刻板。代码必须完全正确电脑才能理解。

随着你开始学习编程,我们将会教你很多语句规则。这有点儿像编程语言的语法。先学语法,再学编程。

这段代码中有很多错误。找到这些错误并改正。

你正在做的这件事叫做调试(debugging,这个词由 Grace Hopper发扬光大,她真的从电脑中弄出了一只飞蛾 。

// 电脑并不在意字词和括号之间的多余空格

 

// 它只在意代码的顺序

// 和你是否使用了正确的字符(){}[]"";

 

// 为了帮助你,一个叫做'linter'的程序正在检查你的代码

// 它会在包含错误的代码第一行的前面加上一个红色的'x'

 

if (10 === 10)

    {console.log("你得到了一个true!")}

else {

    console.log("你得到了一个false!")

}

最后感谢CSDNhttp://news.csdn.net/a/20120731/2807928.html


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值