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

ในโค้ดแล็บนี้ คุณจะได้เขียนโปรแกรมแรกในภาษา 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) File Explorer ในแผงด้านซ้ายสุด โฟลเดอร์ทุกโฟลเดอร์ในรายการนี้มีตัวอย่างแบบสแตนด์อโลนขนาดเล็กสำหรับการเรียนรู้ Kotlin
• (3) เอดิเตอร์ ในแผงด้านขวาคือที่ที่คุณจะทำงานส่วนใหญ่ในการเขียนโค้ด

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

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

1. ใน File Explorer ให้เลือก Examples > Hello, world! หากยังไม่ได้เลือก > เวอร์ชันที่ง่ายที่สุด > 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. คลิกแท็บคอนโซล Console คือที่ที่โปรแกรมสามารถพิมพ์เอาต์พุตข้อความได้

4. โปรดสังเกตข้อความ Hello, world! ที่พิมพ์ในแผง Console ดังภาพหน้าจอด้านบน ตอนนี้คุณก็รู้แล้วว่าโปรแกรมนี้ทำอะไร นั่นคือพิมพ์หรือแสดงข้อความ "Hello World" ในหน้าต่างConsole
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!")
}

โค้ด 3 บรรทัดนี้คือโปรแกรมจริงที่ทำงานและพิมพ์ข้อความ

เปลี่ยนโค้ด Hello World

มาเปลี่ยนโปรแกรมเพื่อให้ทำงานแตกต่างออกไปเล็กน้อยกัน

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

หลักการทำงาน

วิธีการ ดูเหมือนว่าต้องใช้โค้ดจำนวนมากเพื่อพิมพ์ข้อความเพียงอย่างเดียว

หากคุณต้องการให้เพื่อนเขียนคำว่า "Hello, world!" ลงบนกระดาษ ก็จะมีข้อมูลที่สื่อให้ทราบมากมาย หากคุณเพียงบอกว่า "เขียนว่า "Hello world!" บนกระดาษแผ่นนี้" พวกเขาจะคาดเดาเกี่ยวกับข้อมูลที่คุณไม่ได้ระบุ ตัวอย่างเช่น เด็กๆ อาจคิดว่าต้องใช้ปากกา และคุณต้องการให้เขียนโดยใช้ตัวอักษร คอมพิวเตอร์ไม่สามารถคาดเดาได้ คุณจึงต้องให้คำสั่งที่แม่นยำซึ่งรวมถึงทุกขั้นตอน

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

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

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

fun

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

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

fun main

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

fun main()

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

fun main(args: Array<String>)

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

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

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

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

println("Happy Birthday!")

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

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

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

ดังนั้น นี่คือโปรแกรม Kotlin ที่เล็กที่สุด

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

พิมพ์ข้อความมากกว่า 1 รายการ

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

1. คัดลอกบรรทัด println("Happy Birthday!") แล้ววางอีก 2 ครั้งใต้บรรทัดนั้น ตรวจสอบว่าบรรทัดที่วางอยู่ภายในวงเล็บปีกกาของฟังก์ชัน main
2. เปลี่ยนข้อความที่จะพิมพ์เป็นชื่อของบุคคล เช่น "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 แรกแล้ว

นี่คือโค้ดทั้งหมดของโปรแกรมที่คุณใช้ในโค้ดแล็บนี้

/**

* 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() เพื่อพิมพ์ข้อความ 1 บรรทัด
• วางข้อความที่ต้องการพิมพ์ไว้ระหว่างเครื่องหมายคำพูดคู่ เช่น "Hello"
• ทำตามprintln()คำสั่งซ้ำเพื่อพิมพ์ข้อความหลายบรรทัด
• ข้อผิดพลาดจะมีการทำเครื่องหมายเป็นสีแดงในโปรแกรม มีข้อความแสดงข้อผิดพลาดในแท็บมุมมองปัญหาที่จะช่วยให้คุณทราบว่าข้อผิดพลาดอยู่ที่ใดและสาเหตุที่อาจทำให้เกิดข้อผิดพลาด

• https://try.kotlinlang.org/

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

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

ทำดังนี้

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!")
}