רוצה לכתוב את תוכנית Kotlin הראשונה שלך?

במעבדה זו, אתם כותבים את התוכנית הראשונה בשפת קוטלין באמצעות עורך אינטראקטיבי שניתן להפעיל מהדפדפן.

אפשר לחשוב על תוכנית[LINK] כסדרת הוראות למערכת המאפשרת לבצע פעולה כלשהי. לדוגמה, אפשר לכתוב תוכנית שיוצרת כרטיס יום הולדת. בתוכנית זו אפשר לכתוב הוראה להדפסת טקסט ברכה או לחשב את גילו של שנת הלידה שלו.

בדיוק כמו שאתם משתמשים בשפה אנושית כדי לתקשר עם אדם אחר, אתם משתמשים בשפת תכנות כדי לתקשר עם מערכת ההפעלה של המחשב. למרבה המזל, שפות התכנות פחות מורכבות משפות אנושיות ודי הגיוניות!

אפליקציות ל-Android כתובות בשפת התכנות Kotlin. Kotlin הוא שפה מודרנית שנוצרה כדי לעזור למפתחים לכתוב קוד ביעילות ועם כמה שפחות שגיאות.

לימוד יצירת אפליקציה ולמידת היסודות של תכנות בו-זמנית יהיו מאתגרים, ולכן נתחיל בהתחלה עם מעט תכנות לפני תחילת היצירה של אפליקציה. קודם כל, המעבר לחלק מהעקרונות הבסיסיים של תכנות הוא לא רק שלב חשוב ביצירת אפליקציות, הוא גם יקל עליכם ליצור את האפליקציה הראשונה בהמשך הקורס.

עורכי קוד הם כלים שעוזרים לכם לכתוב קוד, בדיוק כמו שמעבד תמלילים (כמו Google Docs) עוזר ליצור מסמכי טקסט. במעבדה זו נעשה שימוש בעורך אינטראקטיבי מסוג Kotlin בדפדפן שלכם. כלומר, אין צורך להתקין תוכנה כדי לעשות את הצעדים הראשונים בפיתוח האפליקציה.

דרישות מוקדמות

• שימוש באתרים אינטראקטיביים בדפדפן האינטרנט.

מה תלמדו

• איך ליצור, לשנות, להבין ולהריץ תוכנית Kotlin מינימלית שמציגה הודעה.

מה תפתחו

• תוכנית בשפת התכנות Kotlin שמציגה הודעה בזמן ההפעלה.

מה צריך?

• מחשב עם דפדפן אינטרנט מודרני, כגון הגרסה האחרונה של Chrome.
• גישה לאינטרנט במחשב.

במשימה זו, תצטרכו להשתמש בעורך באתר כדי להתחיל לתכנות בשפה של Kotlin באופן מיידי.

שימוש בעורך קוד אינטראקטיבי

במקום להתקין תוכנה במחשב, אפשר להשתמש בכלי מבוסס אינטרנט ליצירת התוכנית הראשונה.

1. בדפדפן, פותחים את https://try.kotlinlang.org/. פעולה זו תפתח כלי תכנות מבוסס-דפדפן.
2. אמור להופיע דף הדומה לצילום המסך שבהמשך, עם רשימת קבצים בצד ימין ועורך בצד שמאל. כמו כן, בפינה השמאלית התחתונה תופיע תיבה שחורה עם פרטי המדיניות בנושא קובצי cookie.

JetBrains, החברה שפתחה את השפה של Kotlin והאתר הזה, משתמשת בקובצי cookie ובכתובות IP כדי לאסוף נתונים סטטיסטיים ולהתאים אישית את החוויה. לדוגמה, האתר יזכור את הקוד שכתבת בפעילות קודמת.

אזהרה: אם אתם לא מרוצים ממדיניות קובצי ה-Cookie של האתר הזה, אל תמשיכו.

3. לוחצים על ה-X בפינה הימנית העליונה של התיבה הקופצת השחורה כדי לסגור אותה.

4. ניתן להיעזר בצילום המסך עם ההערה שלמטה כדי להתמצא בעורך הזה.

• (1) בכרטיסיות מידע על, קהילה וניסיון באינטרנט בחלק העליון של הדף. לחץ על הכרטיסייה נסה באינטרנט, אם היא עדיין לא נבחרה.
• (2) סייר הקבצים בחלונית הימנית. כל תיקייה ברשימה הזאת מכילה דוגמה קטנה ונפרדת ללימוד קוטלין.
• (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. לוחצים על הכרטיסייה Console. המסוף הוא מקום שבו תוכניות יכולות להדפיס פלט טקסט.

4. שימו לב שהגודל של Hello, world! מודפס בחלונית Console, כמו בצילום המסך שלמעלה. עכשיו אתם יודעים מה התוכנית עושה: היא מדפיסה, יוצרת פלט של הודעת שלום לעולם בחלון Console.
5. בודקים שמעל Hello, world! המודפסת מופיעה הודעה Compilation complete successfully. אוסף הוא תהליך שמתרגם את קוד התוכנית של Kotlin לטופס שניתן להפעיל את המערכת. אם האוסף מסתיים בהצלחה, אין שגיאות בתוכנית שימנעו את הפעלתו.

החלקים של התוכנית

כעת, לאחר שראית את השפעת התוכנית, כדאי לבדוק תחילה כיצד היא עושה זאת.

1. בודקים את התוכנית בכלי העריכה.
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.
 */

בקטע הקוד שלמעלה, אפשר לראות טקסט בתוך הסמלים הבאים: /* ו-*/.

כלומר, זו הודעה, כלומר הודעה עם מידע למפתחים אחרים. כאשר אתה מפעיל את התוכנית, המערכת מתעלמת מהתגובה הזו. בינתיים, אפשר להתעלם גם מהתגובה הזו. תוכלו לקבל מידע נוסף על תגובות במעבדה אחרת של קוד מאוחר יותר.

החלק התחתון בתוכנית:

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

שלוש שורות הקוד האלה הן התוכנית שמפעילה בפועל את ההודעה ומדפיסה אותה.

שינוי קוד Hello World

בואו נשנה את התוכנית כדי שהיא תהיה קצת שונה.

1. יש לשנות את הטקסט של "Hello, world!" ל-"Happy Birthday!".
2. כדי להפעיל את התוכנית, לוחצים על לחצן ההפעלה הירוק בפינה השמאלית העליונה.
3. במסוף אמורה להופיע עכשיו Happy Birthday! כפי שמוצג בצילום המסך שבהמשך.

איך זה עובד?

איך זה עובד? זה נראה כמו קוד רב כדי להדפיס משהו!

טוב, אם רציתם שחבר יוכל לכתוב "שלום, עולם!" על דף נייר, יש הרבה מידע משתמע. אם רק תספרו להם "Write 'שלום לעולם!' על גבי דף הנייר הזה, הם יצטרכו להניח הנחות לגבי המידע שפספסתם. לדוגמה, הם יוצאים מנקודת הנחה שהם צריכים להשתמש בעט, ואתם רוצים שהם יכתבו אותו באמצעות אותיות! המחשב לא מתבסס על הנחות כאלה, לכן צריך לספק הוראות מדויקות שכוללות כל שלב.

בדיוק כמו שלשפה האנגלית יש מבנה, כמו גם שפת תכנות. אם למדתם פעם שפה אחרת, אתם מכירים את האתגר של למידת הדקדוק, האיות, אולי אלפבית חדש של סמלים ואוצר המילים. הלימוד של התכנות מכיל אתגרים דומים, אבל למרבה המזל, התהליך מורכב יותר והוא הרבה יותר הגיוני מאשר ללמוד, למשל אנגלית.

להבין את החלקים של התוכנית

עכשיו צריך לבדוק את הקוד. כל קטע בתוכנית הזו נועד למטרה ספציפית, ואתם זקוקים לכל החלקים כדי להפעיל את התוכנית. בואו נתחיל במילה הראשונה.

fun

• fun היא מילה בשפת התכנות Kotlin. fun היא פונקציה. פונקציה היא קטע בתוכנית שמבצע משימה ספציפית.

הערה: ל-Kotlin יש הרבה מילים מיוחדות עם משמעות מאוד ספציפית. כך תלמדו ללמוד בשפה של קוטלין, אתם תלמדו את המילים האלה. בדרך כלל הן נקראות מילות מפתח או מילים שמורות.

fun main

• main הוא השם של הפונקציה הזו. לפונקציות יש שמות, לכן אפשר להבדיל ביניהן. הפונקציה הזאת נקראת main, כי היא הפונקציה הראשונה או העיקרית שנקראת כשמפעילים את התוכנית. לכל תוכנית Kotlin נדרשת פונקציה בשם main.

fun main()

• לפני שם הפונקציה תמיד מופיעים () סוגריים מרובעים.

fun main(args: Array<String>)

• בתוך הסוגריים, ניתן להציב מידע שבו הפונקציה תשתמש. הקלט הזה לפונקציה נקרא "arguments" או בקיצור args. מידע נוסף על הארגומנטים יוצג מאוחר יותר. חשוב לזכור שהפונקציה main תמיד מכילה את אותו ארגומנט.

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

• שימו לב לזוג הסוגריים המסולסלים שאחרי הארגומנטים. בתוך פונקציה הוא קוד שמבצע משימה. הסוגריים המסולסלים האלה מקיפים את שורות הקוד האלה.

מעיינים בשורת הקוד בין הסוגריים המסולסלים:

println("Happy Birthday!")

שורת הקוד הזו מודפסת את הטקסט Happy Birthday!.

• println מורה למערכת להדפיס שורת טקסט.
• בתוך הסוגריים יש להציב את הטקסט להדפסה.
• שימו לב שהטקסט להדפסה מוקף במירכאות. כך המערכת תדע שכל מה שמופיע במירכאות צריך להיות מודפס בדיוק כפי שהוא.

כדי להדפיס את הטקסט כולו, כל ההוראה של println חייבת להיות בתוך הפונקציה main.

כן, זה בסדר. תוכנית Kotlin הקטנה ביותר.

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

הדפסת יותר מהודעה אחת

מצוין! הדפסת שורת טקסט אחת באמצעות println() function. עם זאת, אפשר להציב שורות שורות רבות בתוך כל פונקציה שרוצים או כדי להשלים משימה.

1. יש להעתיק את השורה println("Happy Birthday!") ולהדביק אותה פעמיים נוספות מתחתיה. יש לוודא שהקווים שהודבקו בתוך הסוגריים המסולסלים של הפונקציה main.
2. יש לשנות טקסט אחד ולהודפס לשם של מישהו, למשל "Jhansi".
3. שנה את הטקסט האחר שאותו יש להדפיס אל &מירכאות; 25!"

הקוד שלכם אמור להיראות כמו הקוד הבא.

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

מה היית מצפה שיקרה כשהקוד יופעל?

4. מפעילים את התוכנית כדי לראות מה היא עושה.
5. עוברים לחלון Console (מסוף), ומוצגות לכם 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/

מעבדת קוד זו היא חלק מהיסודות של Android בקורס קוטלין.

הערה: בעיות לתרגול הן אופציונליות. הם מספקים לכם הזדמנות לתרגל את מה שלמדתם ב-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!")
}