iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
自我挑戰組

50後阿嬤教你寫程式!系列 第 2

Day 02 阿嬤帶你認識世界!

  • 分享至 

  • xImage
  •  

Day 02 阿嬤帶你認識世界!

嗨各位,我們又見面了
雖然說才一天沒見而已

你好,世界 Hello world

第一個 Hello World ,是來自 Brian kernighan 寫的《A Tutorial Intordoction to the Language B》書籍中,用來將 Hello World 文字顯示在電腦螢幕,自此之後,絕大多數的程式語言第一個範例就是Hello World 。但是為啥要把Hello World當作第一個範例呢?因為用程式碼打出 Hello World ,真的是簡單到你的祖宗十八代都會(應該啦哈我不知道喔)那初學者更不用說,不用用到一分鐘,甚至半分鐘不到!就可以把這個文字打出來,而且只需一串簡潔俐落的程式碼~

在認識基本運算元前,先來讓我們來認識一下基礎,讓電腦顯示123,啥?你問我為什麼不用 Hello world 當第一個範例?因為我懶。好啦不鬧了,因為我想要獨樹一幟!與他人的不同,才能顯得文章都比我別人特別!別人呢!就是很高級、很 clever 的講解(誇我自己英文好w)而我呢!就是非常的隨便!沒人誇我!(哭哭)離題了,破關這個字串的程式碼後,千萬不要覺得【程式設計師】算什麼!這門工作很好賺錢,因為這個職業遠比你想像的還要難!

在輸入程式碼前,請先到這個網站問候問候:https://jsbin.com/tujatokuyo/1/edit?js,console 它是一個很好用的練習程式碼的網站,平常沒事就可以到這個網站練習你的程式碼熟悉度,本人用過,非常好用。

撰寫代碼

想要讓123顯示在頁面上,那還真簡單:)看我操作。

// Write 123
console.log(123)
123

這樣就完成了,是不是很快?~其餘的也一樣

console.log(456)
456

但是想要打字串的話,就必須在括號內加一個''或"",不然會跑不出來喔~例如:

console.log ("hello")
hello

你可能會覺得:「欸欸我想要重複我的數字一百遍,但是好累喔要一個一個慢慢打==;」若想重複印出你想要的數字的話,那就必須使用比較複雜的程式碼,看我操作。

var a = 1;

while(a <= 100) {
  console.log(a);
}

這樣的話,就會無限返回1,不會停下來,在未來,WhileFor迴圈以後會專門講一章。

語法

在我們寫程序碼的時候,會遇到一些符號,例如:括號、分號、中括號、大括號、加號等;有時還會遇到一些奇妙的單字,如:varconsole.log等,還有各種 JavaScript 的語法。

當你想學習一門新的程式語言的時候,其中最難的部份就是習慣如何編寫針對電腦的各種不同命令的規則。當你剛開始的時候,需要包含一個圓括號的時候很容易忘記添加,或是這串程式碼需要包含一些值很容易搞亂,但是,通過正確的教學和練習,你會很容易掌握這些運作規則。

註解

寫 123 的第一句程式碼為:

//write 123

這就是【註解】工程師在寫程式時常常會用到註解(//)使的更容易讓自己看得懂整個程式碼的"大
綱",同時也能讓其他的工程師更容易看得懂你在寫什麼,電腦會完全忽略這串代碼(就像我寫的文章一樣,同感身受啊~);斜槓的後面,都會被 JavaScript 解釋器忽略,就算是一串程式碼,執行後仍然不會跑出東西,所以如果你不知道斜槓的用法,千萬不要隨便亂用,因為你很可能寫了很長一段程式碼,有 1 小時的時間讓你寫代碼 50 分鐘都在找錯誤的地方:)

小總結

今天我們學了怎麼用程式碼寫出很多教學都會先學的
'hello'(雖然大部分都是寫 hello world 啦哈
但是我想搞特殊喔吼)下一章我們會使用程式碼,來
編寫出一個簡單的 JS 牌計算器!敬請期待!

充電站

各位我這一小節的標題亂取的
主要是想跟你們講...

我沒辦法回你們留言!什麼新手訓練期間不能回覆
...哎呀反正就是一些有的沒的,想要留言可以去我的 IG ,私訊開著,可以順便追蹤我啦哈哈w
反正就是這樣,以後有什麼特殊情況都會在《充電站
》講,懂了嗎?~


上一篇
Day 01 阿嬤來嘍!教你從零學習寫程式!
下一篇
Day 03 阿嬤知道怎麼列算式!基礎數據來嘍!
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言