เขียนโปรแกรม Kotlin รายการแรก

ใน Codelab นี้ คุณจะต้องเขียนโปรแกรมแรกเป็นภาษา Kotlin โดยใช้โปรแกรมแก้ไขแบบอินเทอร์แอกทีฟที่คุณเรียกใช้ได้จากเบราว์เซอร์

คุณอาจลองคิดว่าโปรแกรม[LINK] เป็นชุดวิธีการของระบบเพื่อดําเนินการบางอย่าง เช่น คุณเขียนโปรแกรมที่สร้างการ์ดวันเกิด ในโปรแกรมนี้ คุณอาจเขียนวิธีการพิมพ์ข้อความแสดงความยินดีหรือคํานวณอายุของเด็กจากปีเกิดได้

คุณจะใช้ภาษาโปรแกรมเพื่อสื่อสารกับระบบปฏิบัติการของคอมพิวเตอร์ได้เหมือนเวลาที่ใช้สื่อสารกับมนุษย์ โชคดีที่ภาษาการเขียนโปรแกรมมีความซับซ้อนกว่าภาษามนุษย์และมีเหตุผลจริง

แอป Android เขียนเป็นภาษาโปรแกรม Kotlin Kotlin เป็นภาษาที่ทันสมัยซึ่งสร้างขึ้นเพื่อช่วยให้นักพัฒนาซอฟต์แวร์เขียนโค้ดได้อย่างมีประสิทธิภาพและมีข้อผิดพลาดน้อยที่สุด

การเรียนรู้การสร้างแอปและเรียนรู้พื้นฐานในการเขียนโปรแกรมพร้อมกันนั้นเป็นเรื่องท้าทาย เราจึงเริ่มต้นจากการจัดโปรแกรมสักเล็กน้อยก่อนที่จะสร้างแอป การคุ้นเคยกับพื้นฐานในการเขียนโปรแกรมเป็นอันดับแรกไม่ได้เป็นเพียงขั้นตอนสําคัญในการสร้างแอปเท่านั้น แต่ยังช่วยให้คุณสร้างแอปแรกได้ง่ายขึ้นในหลักสูตรนี้ด้วย

ตัวแก้ไขโค้ดเป็นเครื่องมือที่จะช่วยคุณเขียนโค้ดในลักษณะเดียวกันกับโปรแกรมประมวลผลคํา (เช่น Google เอกสาร) ช่วยให้คุณสร้างเอกสารข้อความได้ ใน Codelab นี้คุณกําลังใช้ตัวแก้ไข Kotlin แบบอินเทอร์แอกทีฟภายในเบราว์เซอร์ของคุณ คุณจึงไม่จําเป็นต้องติดตั้งซอฟต์แวร์ใดๆ เพื่อดําเนินขั้นตอนแรกในการพัฒนาแอป

สิ่งที่ต้องมีก่อน

• ใช้เว็บไซต์แบบอินเทอร์แอกทีฟในเว็บเบราว์เซอร์

สิ่งที่คุณจะได้เรียนรู้

• วิธีสร้าง เปลี่ยนแปลง ทําความเข้าใจ และเรียกใช้โปรแกรม Kotlin ขั้นต่ําที่แสดงข้อความ

สิ่งที่คุณจะสร้าง

• โปรแกรมในภาษาโปรแกรม Kotlin ที่แสดงข้อความเมื่อคุณเรียกใช้

สิ่งที่ต้องมี

• คอมพิวเตอร์ที่มีเว็บเบราว์เซอร์รุ่นใหม่ เช่น Chrome เวอร์ชันล่าสุด
• การเข้าถึงอินเทอร์เน็ตบนคอมพิวเตอร์

ในงานนี้ คุณจะใช้ตัวแก้ไขบนเว็บไซต์เพื่อเริ่มเขียนโปรแกรมด้วยภาษา Kotlin ทันที

ใช้เครื่องมือแก้ไขโค้ดแบบอินเทอร์แอกทีฟ

โดยคุณสามารถใช้เครื่องมือบนเว็บเพื่อสร้างโปรแกรมแรกแทนการติดตั้งซอฟต์แวร์ในคอมพิวเตอร์ได้

1. เปิด https://try.kotlinlang.org/ ในเบราว์เซอร์ ซึ่งจะเปิดเครื่องมือเขียนโปรแกรมบนเบราว์เซอร์
2. คุณควรจะเห็นหน้าที่คล้ายกับภาพหน้าจอด้านล่าง โดยมีรายการไฟล์ทางด้านซ้ายและตัวแก้ไขทางด้านขวา นอกจากนี้ คุณยังอาจเห็นช่องสีดําที่มุมขวาล่างของข้อมูลนโยบายคุกกี้อีกด้วย

JetBrains บริษัทที่พัฒนาภาษา Kotlin และเว็บไซต์นี้ใช้คุกกี้และที่อยู่ IP เพื่อรวบรวมสถิติและปรับเปลี่ยนประสบการณ์การใช้งานในแบบของคุณ ตัวอย่างเช่น เว็บไซต์จะจําโค้ดที่คุณเขียนไว้ในเซสชันก่อนหน้า

คําเตือน: หากคุณไม่ยอมรับนโยบายคุกกี้ของเว็บไซต์นี้ โปรดอย่าดําเนินการต่อ

3. คลิก X ที่มุมซ้ายบนของช่องป๊อปอัปสีดําเพื่อปิด

4. ทําตามภาพหน้าจอที่มีหมายเหตุด้านล่างนี้เพื่อใช้เป็นข้อมูลอ้างอิงในการปรับทิศทางกับเครื่องมือแก้ไขนี้

• (1) ในแท็บเรียนรู้ ชุมชน และลองออนไลน์ที่ด้านบน คลิกแท็บลองออนไลน์ หากยังไม่ได้เลือก
• (2) เครื่องมือสํารวจไฟล์ในแผงด้านซ้ายสุด ทุกโฟลเดอร์ในรายการนี้มีตัวอย่างแบบสแตนด์อโลนขนาดเล็กสําหรับการเรียนรู้ Kotlin
• (3) เครื่องมือแก้ไขในแผงด้านขวาคือตําแหน่งที่คุณจะทํางานส่วนใหญ่เขียนรหัส

เครื่องมือแก้ไขโค้ดบนเว็บนี้มีฟีเจอร์อื่นๆ มากมาย แต่ฟีเจอร์ที่คุณจําเป็นต้องทราบเพื่อเริ่มต้นใช้งาน

เปิดโค้ดตัวอย่าง

1. ในตัวสํารวจไฟล์หากยังไม่ได้เลือก ให้เลือกตัวอย่าง > สวัสดีทุกคน > Simplest version > SimplestVersion.kt (1 ในภาพหน้าจอด้านล่าง)
2. ในชื่อไฟล์ SimplestVersion.kt ให้สังเกตนามสกุลไฟล์ .kt (ดู 1 รายการในภาพหน้าจอด้านล่าง) เช่นเดียวกับรูปภาพที่มีส่วนขยาย .jpg หรือ .png และ PDF มีส่วนขยาย .pdf ไฟล์ Kotlin ทั้งหมดต้องมีส่วนขยาย .kt
3. เห็นโค้ดในตัวแก้ไข (2 ในภาพหน้าจอด้านล่าง) มีการไฮไลต์โค้ดบางส่วน นี่คือโค้ดที่คุณจะร่วมงานด้วย

นี่คือโค้ดโปรแกรมที่ไฮไลต์ในเครื่องมือแก้ไข

fun main(args: Array<String>) {
    println("Hello, world!")
}

เรียกใช้รหัสโปรแกรม

การเรียกใช้โปรแกรมที่คุณสร้างไม่ได้แตกต่างจากการเรียกใช้โปรแกรม เช่น โปรแกรมประมวลผลคําบนคอมพิวเตอร์ของคุณ ความแตกต่างคือเมื่อคุณใช้งานโปรแกรมเพื่อทํางานให้เสร็จหรือเล่นเกม คุณจะให้ความสําคัญกับสิ่งที่โปรแกรมทําได้สําหรับคุณเป็นหลัก และไม่ต้องกังวลกับโค้ดที่ใช้ทํางาน ขณะจัดโปรแกรม คุณจะเห็นและทํางานกับโค้ดจริงที่ทําให้เวทมนตร์ปรากฏขึ้น

มาดูกันว่าโปรแกรมนี้ทําอะไรได้บ้าง

1. ในตัวแก้ไข ให้ค้นหาสามเหลี่ยมสีเขียว ที่มุมขวาบนและคลิกเพื่อเรียกใช้โปรแกรม

2. หากจําเป็น ให้เลื่อนหน้าลงจนกว่าจะเห็นเครื่องมือแก้ไขที่ด้านล่างเพื่อดูแผงที่ด้านล่าง (1 ในภาพหน้าจอด้านล่าง)

3. คลิกแท็บคอนโซล คอนโซลเป็นที่ที่โปรแกรมพิมพ์เอาต์พุตข้อความได้

4. สังเกต Hello, world! ที่พิมพ์ในแผงคอนโซล เช่นเดียวกับในภาพหน้าจอด้านบน ตอนนี้คุณก็รู้ว่าโปรแกรมนี้ทําอะไรได้บ้าง ข้อความนี้จะพิมพ์หรือแสดงผล ข้อความสวัสดีโลกลงในหน้าต่างคอนโซล
5. โปรดทราบว่าเหนือ Hello, world! ที่พิมพ์คือ Compilation complete successfully การคอมไพล์คือกระบวนการที่แปลงโค้ดโปรแกรม Kotlin ไปเป็นรูปแบบที่ระบบเรียกใช้ได้ หากการรวบรวมภาพเสร็จเรียบร้อยแล้ว จะไม่มีข้อผิดพลาดใดๆ ในโปรแกรมที่ทําให้ไม่สามารถรวบรวมข้อมูลได้

ส่วนต่างๆ ของโปรแกรม

ตอนนี้คุณก็ได้เห็นถึงสิ่งที่โปรแกรมนี้ทําแล้ว ลองดูในโปรแกรมนี้เลย

1. ดูโปรแกรมในเครื่องมือแก้ไข
2. โปรดสังเกตว่าโค้ดนี้แบ่งออกเป็น 2 ส่วนแยกกัน

ส่วนแรกของโปรแกรม

/**
 * We declare a package-level function main which returns Unit and takes
 * an Array of strings as a parameter. Note that semicolons are optional.
 */

คุณสามารถดูข้อความภายในสัญลักษณ์ /* และ */. ในข้อมูลโค้ดด้านบน

ซึ่งหมายถึงความคิดเห็น กล่าวคือ ข้อความที่มีข้อมูลสําหรับนักพัฒนาซอฟต์แวร์รายอื่น เมื่อคุณเรียกใช้โปรแกรม ระบบจะไม่สนใจความคิดเห็นนี้ ในตอนนี้ คุณไม่จําเป็นต้องสนใจความคิดเห็นนี้เช่นกัน ดูข้อมูลเพิ่มเติมเกี่ยวกับความคิดเห็นใน Codelab ในภายหลัง

ส่วนล่างของโปรแกรม:

fun main(args: Array<String>) {
    println("Hello, world!")
}

โค้ดสามบรรทัดนี้คือโปรแกรมจริงที่เรียกใช้และพิมพ์ข้อความ

เปลี่ยนรหัส Hello World

มาเปลี่ยนโปรแกรมเพื่อให้อย่างอื่นดูหน่อย

1. เปลี่ยนข้อความ "Hello, world!" เป็น "Happy Birthday!"
2. เรียกใช้โปรแกรมโดยคลิกปุ่มเรียกใช้สีเขียว ที่ด้านขวาบน
3. ในคอนโซล คุณควรเห็น Happy Birthday! พิมพ์ดังที่แสดงในภาพหน้าจอด้านล่าง

ลักษณะการจัดกิจกรรม

ต้องทําอย่างไร ดูเหมือนว่ารหัสจะมากสําหรับการพิมพ์บางอย่าง

ถ้าอยากให้เพื่อนๆ เขียน "สวัสดีทุกคน!" ในแผ่นกระดาษ มีข้อมูลโดยนัยมากมาย หากคุณเพิ่งบอกนักเรียน &&tt;เขียน'สวัสดีโลก!##39 บนกระดาษคําตอบพวกนี้ นักเรียนจะตั้งสมมติฐานเกี่ยวกับข้อมูลที่คุณทิ้งไว้ เช่น นักเรียนคิดว่าจะต้องใช้ปากกาและคุณต้องการให้เขียนด้วยตัวอักษร คอมพิวเตอร์ไม่ได้ตั้งสมมติฐานเหล่านี้ คุณจึงต้องให้คําแนะนําที่แน่ชัดซึ่งมีทุกขั้นตอน

เช่นเดียวกับภาษาอังกฤษที่มีโครงสร้าง เช่นเดียวกับภาษาอังกฤษ หากคุณเคยเรียนภาษาอื่นมาก่อน คุณก็รู้ความท้าทายในการเรียนรู้ไวยากรณ์ ตัวสะกด ตัวอักษรใหม่ที่ใช้สัญลักษณ์ และคําศัพท์ การเรียนเพื่อเขียนโปรแกรมจะมีความท้าทายที่คล้ายกัน แต่โชคดีที่การเรียนรู้มีความซับซ้อนน้อยกว่า

ทําความเข้าใจส่วนต่างๆ ของโปรแกรม

ลองดูที่โค้ด เนื้อหาแต่ละส่วนของโปรแกรมนี้มีจุดประสงค์ที่เฉพาะเจาะจง โดยคุณจะต้องมีข้อมูลทั้งหมดจึงจะเรียกใช้โปรแกรมได้ มาเริ่มที่คําแรกกัน

fun

• fun เป็นคําในภาษาโปรแกรม Kotlin fun ย่อมาจากฟังก์ชัน ฟังก์ชันคือส่วนหนึ่งของโปรแกรมที่ทํางานบางอย่าง

หมายเหตุ: Kotlin มีคําพิเศษมากมายที่มีความหมายเฉพาะเจาะจงมาก ขณะเรียนโปรแกรมด้วยภาษา Kotlin คุณจะได้เรียนรู้คําเหล่านี้ ซึ่งมักเรียกว่าคีย์เวิร์ดหรือคําที่สงวนไว้

fun main

• main คือชื่อของฟังก์ชันนี้ ฟังก์ชันต่างๆ มีชื่อเพื่อให้แยกความแตกต่างกันได้ ฟังก์ชันนี้เรียกว่า main เนื่องจากเป็นฟังก์ชันแรกหรือฟังก์ชันหลักที่มีการเรียกใช้เมื่อคุณเรียกใช้โปรแกรม โปรแกรม Kotlin ทุกโปรแกรมต้องมีฟังก์ชันชื่อ main

fun main()

• ชื่อฟังก์ชันจะต่อท้ายด้วย () วงเล็บ 2 ชั้นเสมอ

fun main(args: Array<String>)

• คุณใส่ข้อมูลสําหรับฟังก์ชันไว้ภายในวงเล็บได้ อินพุตไปยังฟังก์ชันนี้เรียกว่า "arguments" หรือ args เป็นคําอธิบายสั้นๆ ดูข้อมูลเพิ่มเติมเกี่ยวกับอาร์กิวเมนต์ในภายหลัง คุณไม่จําเป็นต้องทราบว่าฟังก์ชัน main มีอาร์กิวเมนต์เดียวกันเสมอ

fun main(args: Array<String>) {}

• สังเกตวงเล็บปีกกา 2 คู่หลังอาร์กิวเมนต์ ภายในฟังก์ชันคือโค้ดที่ทําให้งานเสร็จสิ้น วงเล็บปีกกาเหล่านี้ล้อมรอบบรรทัดของโค้ดเหล่านั้น

ดูบรรทัดโค้ดระหว่างวงเล็บปีกกา

println("Happy Birthday!")

บรรทัดของบรรทัดนี้จะพิมพ์ข้อความ Happy Birthday!

• println บอกให้ระบบพิมพ์บรรทัดข้อความ
• ด้านในของวงเล็บ คุณสามารถใส่ข้อความที่จะพิมพ์ได้
• โปรดสังเกตว่าข้อความที่พิมพ์จะล้อมรอบด้วยเครื่องหมายคําพูด ซึ่งจะบอกระบบว่าทุกอย่างภายในเครื่องหมายคําพูดควรพิมพ์ตรงตามที่ให้มา

ในการที่จะพิมพ์ข้อความ คําสั่ง println นี้ทั้งหมดต้องอยู่ภายในฟังก์ชัน main

เสร็จแล้ว โปรแกรม Kotlin เล็กที่สุด

fun main(args: Array<String>) {
    println("Happy Birthday!")
}

พิมพ์ได้มากกว่า 1 ข้อความ

เก่งมาก คุณพิมพ์ข้อความ 1 บรรทัดโดยใช้ println() function อย่างไรก็ตาม คุณจะใส่บรรทัดคําแนะนําในฟังก์ชันได้มากตามที่ต้องการหรือต้องทําให้เสร็จ

1. คัดลอกบรรทัด println("Happy Birthday!") แล้ววางอีก 2 ครั้งด้านล่าง ตรวจสอบว่าเส้นที่วางอยู่ในวงเล็บปีกกาของฟังก์ชัน main
2. เปลี่ยนข้อความ 1 ข้อความเพื่อพิมพ์เป็นชื่อของบุคคล ให้พูดว่า "Jhansi"
3. เปลี่ยนข้อความอื่นที่จะพิมพ์เป็น "คุณอายุ 25!"

โค้ดของคุณควรมีลักษณะเป็นโค้ดด้านล่าง

fun main(args: Array<String>) {
    println("Happy Birthday!")
    println("Jhansi")
    println("You are 25!")
}

คุณคาดหวังว่าโค้ดนี้จะทําอะไรเมื่อเรียกใช้

4. เรียกใช้โปรแกรมเพื่อดูการทํางาน
5. ไปที่หน้าต่างคอนโซล จากนั้นคุณจะเห็นบรรทัด 3 บรรทัดพิมพ์ในหน้าต่างคอนโซลดังที่แสดงในภาพหน้าจอด้านล่าง

เยี่ยมไปเลย

รับมือกับข้อผิดพลาด

การทําผิดพลาดขณะเขียนโปรแกรมเป็นเรื่องปกติ และเครื่องมือส่วนใหญ่ก็จะแสดงความคิดเห็นเพื่อช่วยให้คุณแก้ไขข้อผิดพลาดได้ ในขั้นตอนนี้ ให้สร้างข้อผิดพลาดเพื่อดูว่าเกิดอะไรขึ้น

1. ในโปรแกรม ให้นําเครื่องหมายคําพูดคร่อมข้อความ Jhansi ออก เพื่อให้สอดคล้องกับลักษณะของบรรทัดด้านล่าง

println(Jhansi)

2. เรียกใช้โปรแกรม คุณควรจะเห็น Jhansi พิมพ์เป็นสีแดงและเครื่องหมายอัศเจรีย์ถัดจากบรรทัดที่ 8 ของรหัส เพื่อแสดงว่าคุณมีข้อผิดพลาดที่ตําแหน่งใด

3. เลื่อนลงเพื่อดูคอนโซล
4. เลือกแท็บมุมมองปัญหา ถ้าไม่ได้เลือก
5. ดูที่แท็บมุมมองปัญหา โดยจะแสดงข้อความที่มีไอคอนเครื่องหมายตกใจและคําว่า Error เดียวกัน ต่อไปนี้เป็นคําอธิบายข้อผิดพลาดในโค้ดของคุณ

6. หาตัวเลข (8, 12). ตัวเลขเหล่านี้แสดงถึงบรรทัดในโค้ดที่เกิดข้อผิดพลาด บรรทัดที่ 8 และตําแหน่งตัวอักษรในบรรทัดที่เริ่มเกิดข้อผิดพลาด ซึ่งก็คือ 12
7. ต่อไปคุณจะเห็นข้อความ Unresolved reference: Jhansi ข้อความนี้จะบอกคุณว่าระบบคิดว่าข้อผิดพลาดในโค้ดอย่างไร แม้ว่าคุณจะไม่ทราบความหมายของข้อความแสดงข้อผิดพลาด คุณก็อาจทราบสิ่งที่ไม่ถูกต้องได้ ในกรณีนี้ คุณจะทราบว่าวิธีการของ println() จะพิมพ์ข้อความ คุณเรียนรู้ก่อนหน้านี้ว่าข้อความต้องอยู่ระหว่างเครื่องหมายคําพูด หากไม่มีการยกข้อความ แสดงว่านี่คือข้อผิดพลาด
8. ดําเนินการต่อและเพิ่มเครื่องหมายคําพูดกลับเข้าไป
9. เรียกใช้โปรแกรมเพื่อให้โปรแกรมทํางานได้อีกครั้ง

ยินดีด้วย คุณเรียกใช้และเปลี่ยนโปรแกรม Kotlin แรกเรียบร้อยแล้ว

นี่คือโค้ดที่สมบูรณ์ของโปรแกรมที่คุณทํางานอยู่ใน Codelab นี้

/**

* We declare a package-level function main which returns Unit and takes

* an Array of strings as a parameter. Note that semicolons are optional.

*/

fun main(args: Array<String>) {

println("Happy Birthday!")

println("Jhansi")

println("You are 25!")

}

• https://try.kotlinlang.org/ คือตัวแก้ไขโค้ดแบบอินเทอร์แอกทีฟบนเว็บที่คุณฝึกเขียนโปรแกรม Kotlin ได้
• โปรแกรม Kotlin ทั้งหมดต้องมีฟังก์ชัน main(): fun main(args: Array<String>) {}
• ใช้ฟังก์ชัน println() เพื่อพิมพ์บรรทัดข้อความ
• วางข้อความที่ต้องการพิมพ์ระหว่างเครื่องหมายคําพูดคู่ เช่น "Hello"
• ทําตามวิธีการ println() ซ้ําเพื่อพิมพ์ข้อความหลายบรรทัด
• ข้อผิดพลาดจะมีเครื่องหมายสีแดงในโปรแกรม มีข้อความแสดงข้อผิดพลาดในแท็บมุมมองปัญหาเพื่อช่วยให้คุณทราบข้อผิดพลาดและสาเหตุของข้อผิดพลาด

• https://try.kotlinlang.org/

Codelab นี้เป็นส่วนหนึ่งของหลักสูตรพื้นฐาน Android ใน Kotlin

หมายเหตุ: คุณจะเลือกแบบฝึกหัดแก้ปัญหาหรือไม่ก็ได้ เปิดโอกาสให้นักเรียนได้ฝึกฝนสิ่งที่คุณได้เรียนรู้ใน Codelab นี้

สิ่งที่คุณทําได้มีดังนี้

1. เปลี่ยนคําสั่ง println() เป็น print()
2. เรียกใช้โปรแกรม สิ่งที่จะเกิดขึ้น

คําแนะนํา: วิธีการ print() จะพิมพ์ข้อความโดยไม่เพิ่มตัวแบ่งบรรทัดไว้ที่ท้ายแต่ละสตริง

3. แก้ไขข้อความโดยให้แต่ละส่วนของข้อความอยู่ในบรรทัดของตัวเอง

คําแนะนํา: ใช้ \n ภายในข้อความเพื่อเพิ่มตัวแบ่งบรรทัด เช่น "line \n break" การเพิ่มตัวแบ่งบรรทัดจะเปลี่ยนเอาต์พุตดังที่แสดงด้านล่าง

คําแนะนํา: คุณพิมพ์บรรทัดเปล่าได้โดยไม่ต้องระบุค่า: println("")

โค้ด:

fun main(args: Array<String>) {
    println("no line break")
    println("")
    println("with line \n break")
}

เอาต์พุต:

ตรวจสอบงาน

วิธีแก้ปัญหาที่เป็นไปได้มีดังนี้

fun main(args: Array<String>) {
    print("Happy Birthday!\n")
    print("Jhansi\n")
    print("You are 25!")
}