Napisz pierwszy program w Kotlin

W ramach tego ćwiczenia wykonasz pierwszy program w języku Kotlin, korzystając z interaktywnego edytora, który możesz uruchomić w przeglądarce.

Można wyobrazić sobie program[LINK] jako serię instrukcji, które pozwolą systemowi wykonać jakieś działanie. Możesz na przykład napisać program, który tworzy kartę urodzinową. W ramach tego programu możesz napisać instrukcję drukowania gratulacji lub obliczyć wiek tej osoby z roku urodzenia.

Tak jak komunikujesz się z człowiekiem, używając języka programowania, którego używasz do komunikacji z systemem operacyjnym komputera. Na szczęście języki programowania są mniej złożone niż ludzkie i są całkiem logiczne.

Aplikacje na Androida są pisane w języku programowania Kotlin. Kotlin to nowoczesny język stworzony, by pomóc deweloperom efektywnie pisać kod przy jak najmniejszej liczbie błędów.

Nauka tworzenia aplikacji i poznawania podstaw programowania w tym samym czasie będzie trudna, dlatego na początek przeprowadzimy Cię przez program. Poznanie podstawowych zasad programowania jest nie tylko ważnym etapem tworzenia aplikacji, ale także ułatwia utworzenie pierwszej aplikacji na dalszym etapie kursu.

Edytory kodu to narzędzia, które ułatwiają pisanie kodu tak samo jak edytor tekstu (np. Dokumenty Google). W ramach tego ćwiczenia korzystasz z interaktywnego edytora Kotlin w przeglądarce. Oznacza to, że nie musisz instalować żadnego oprogramowania, aby wykonać pierwszy krok w kierunku tworzenia aplikacji.

Wymagania wstępne

  • Używaj interaktywnych stron w przeglądarce.

Czego się nauczysz

  • Jak utworzyć, zmienić, zrozumieć i uruchomić minimalny program Kotlin, który wyświetla komunikat.

Co stworzysz

  • Program w języku Kotlin, który wyświetla komunikat po uruchomieniu.

Wymagania

  • Komputer z nowoczesną przeglądarką, taką jak najnowsza wersja Chrome.
  • Dostęp do internetu na komputerze.

W tym zadaniu użyjesz edytora w witrynie, aby od razu rozpocząć programowanie w języku kotlinowym.

Korzystanie z interaktywnego edytora kodu

Zamiast instalować oprogramowanie na komputerze, możesz użyć narzędzia internetowego, aby utworzyć pierwszy program.

  1. W przeglądarce otwórz stronę https://try.kotlinlang.org/. Otworzy się narzędzie do kodowania w przeglądarce.
  2. Powinna wyświetlić się strona przypominająca zrzut ekranu poniżej, z listą plików po lewej stronie oraz edytor po prawej stronie. W prawym dolnym rogu może wyświetlić się czarne pole z informacjami o zasadach dotyczących plików cookie.

Ostrzeżenie: jeśli zasady tej witryny dotyczące plików cookie Ci nie odpowiadają, nie kontynuuj.

  1. Kliknij X w lewym górnym rogu czarnego wyskakującego okienka, aby je zamknąć.
  1. Obejrzyj poniższy zrzut ekranu z adnotacjami, aby się zorientować w edytorze.

  • (1) U góry karty Nauka, Społeczność i Wypróbuj online. Kliknij kartę Wypróbuj online, jeśli nie została jeszcze wybrana.
  • (2) Eksplorator plików w panelu po lewej stronie. Każdy folder na tej liście zawiera krótki, autonomiczny przykład uczenia się języka Kotlin.
  • (3) Edytor w panelu po prawej stronie to większość miejsca, w którym wykonujesz pracę w kodzie.

Internetowy edytor kodu ma wiele innych funkcji, ale tych należy się najpierw dowiedzieć.

Otwórz przykładowy kod

  1. W eksploratorze plików wybierz Przykłady > Cześć, świecie! > Najprostsza wersja > SimplestVersion.kt (1 na zrzucie ekranu poniżej).
  2. W nazwie pliku SimplestVersion.kt sprawdź rozszerzenie .kt (patrz zrzut ekranu 1 poniżej). Tak jak obrazy mają rozszerzenie .jpg lub .png, a pliki PDF mają rozszerzenie .pdf, tak wszystkie pliki Kotlin muszą mieć rozszerzenie .kt.
  3. Zwróć uwagę na kod w edytorze (2 na zrzucie ekranu poniżej). Część kodu jest wyróżniona. Nad tym kodem będziesz pracować.

Oto wyróżniony kod programu w edytorze:

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

Uruchom kod programu

Uruchomienie programu nie różni się niczym od uruchamiania programu, takiego jak edytor tekstu na komputerze. Różnica polega na tym, że gdy uruchamiasz program, by wykonać zadanie, lub grasz w grę, zależy Ci przede wszystkim na tym, co program może dla Ciebie zrobić. Nie musisz się troszczyć o kod, który zapewnia jego działanie. Tworząc program, uczysz się i obsługujesz faktyczny kod, który wywołuje magię.

Zobaczmy, jak to działa.

  1. W prawym górnym rogu znajdź zielony trójkąt i kliknij go, aby uruchomić program.

  1. W razie potrzeby przewiń na dół strony, aż zobaczysz panel na dole (1 zrzut ekranu poniżej).

  1. Kliknij kartę Konsola. Konsola to miejsce, w którym programy mogą drukować dane wyjściowe tekstu.

  1. Zwróć uwagę, że Hello, world! jest wydrukowana w panelu Konsola, jak na zrzucie ekranu powyżej. Teraz wiesz już, co robi ten program – gdy wyświetlisz komunikat „Hello world” w oknie konsoli,
  2. Zwróć uwagę, że nad wydrukowaną wartością Hello, world! znajduje się wiadomość Compilation complete successfully. Kompilacja to proces przekształcania kodu programu Kotlin w formularz, który może zostać uruchomiony przez system. Jeśli kompilacja się zakończy, w programie nie wystąpią błędy, które uniemożliwiają jej uruchomienie.

Części programu

Wiesz już, jak działa ten program, więc teraz sprawdź, jak to działa.

  1. Spójrz na program w edytorze.
  2. Zwróć uwagę, że ten kod składa się z dwóch różnych sekcji.

Najlepsza część programu:

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

We fragmencie kodu powyżej tekst jest widoczny w tych symbolach: /* i */..

Oznacza to, że jest to komentarz, czyli wiadomość z informacjami innych deweloperów. Po uruchomieniu programu ten komentarz jest ignorowany przez system. Na razie możesz zignorować ten komentarz. Więcej informacji o komentarzach znajdziesz w dalszej części ćwiczeń z programowania.

Dolna część programu:

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

Te 3 wiersze kodu to program, który uruchamia i drukuje wiadomość.

Zmiana kodu Hello World

Zmieńmy więc ten program, żeby kompletnie się zmienił.

  1. Zmień tekst reklamy "Hello, world!" na „"Happy Birthday!"”.
  2. Uruchom program, klikając zielony przycisk uruchamiania w prawym górnym rogu.
  3. W konsoli powinny być teraz wydrukowane Happy Birthday!, jak widać na zrzucie ekranu poniżej.

Jak to działa?

Jak to się robi? Wydaje się, że, aby wydrukować, potrzeba dużo kodu.

Cóż, jeśli chciałeś, żeby Twój znajomy zapisał „Cześć, świat!” – mamy do czynienia z wieloma domniemanymi informacjami. Powiedz im, o co chodzi. Na przykład zakładają, że muszą używać długopisu i chcesz, by pisała ono z użyciem liter. Nie są to założenia, więc musisz podać dokładne instrukcje uwzględniające każdy krok.

Język programowania jest taki sam jak język angielski, podobnie jak język programowania. Jeśli znasz już inny język, znasz wyzwanie gramatyczne, ortograficzne, być może nowy alfabet symboli i słownictwo. Uczenie się programowania jest podobne, ale na szczęście jest mniej skomplikowane i dużo bardziej logiczne niż przyswajanie wiedzy, np. angielski.

Omówienie części programu

Teraz spójrzmy na kod. Każdy z nich ma określony cel. Wszystkie elementy potrzebne do ukończenia programu są potrzebne. Zacznijmy od pierwszego słowa.

fun
  • fun to słowo w języku programowania Kotlin. fun oznacza funkcję. Funkcja to sekcja programu, która wykonuje określone zadanie.
fun main
  • main to nazwa tej funkcji. Funkcje mają nazwy, więc można je odróżnić. Ta funkcja nazywa się main, ponieważ jest to pierwsza lub główna funkcja, która jest wywoływana podczas uruchamiania programu. Każdy program w Kotlin musi mieć funkcję o nazwie main. 
fun main()
  • Po nazwie funkcji zawsze znajdują się dwa nawiasy: ().
fun main(args: Array<String>)
  • W nawiasach możesz podać informacje, których ma używać funkcja. To dane wejściowe do funkcji noszą nazwę "arguments" lub args w skrócie. Więcej informacji o argumentach znajdziesz poniżej. Musisz tylko pamiętać, że funkcja main zawsze ma ten sam argument. 
fun main(args: Array<String>) {}
  • Zwróć uwagę na parę nawiasów klamrowych za argumentami. Wewnątrz funkcji jest kod, który wykonuje zadanie. Nawiasy klamrowe otaczają te wiersze kodu.

Przyjrzyj się wierszowi kodu między nawiasami klamrowymi: 

println("Happy Birthday!")

W tym wierszu kodu znajduje się tekst Happy Birthday!.

  • println informuje system, że ma wydrukować wiersz tekstu.
  • Tekst umieszczony w nawiasach ma zostać wydrukowany.
  • Zwróć uwagę, że tekst, który chcesz wydrukować, jest ujęty w cudzysłów. To informuje system, że wszystko, co znajduje się w cudzysłowach, powinno zostać wydrukowane dokładnie tak, jak zostało podane.

Aby można było wydrukować tekst, cała instrukcja println musi znajdować się w funkcji main.

Proszę bardzo. Najmniejszy program Kotlin. 

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

Brawo! Wydrukowano 1 wiersz tekstu za pomocą println() function. W obrębie funkcji możesz jednak umieścić dowolną liczbę instrukcji lub zrobić to, co chcesz.

  1. Skopiuj wiersz println("Happy Birthday!") i wklej go poniżej dwa razy. Upewnij się, że wklejone wiersze znajdują się w nawiasach klamrowych funkcji main.
  2. Zmień jeden tekst, aby wydrukować go na czyimś imieniu, powiedz na przykład „Janina”.
  3. Zmień drugi tekst, który ma zostać wydrukowany na „"22!".

Kod powinien wyglądać tak jak poniżej. 

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

Czego oczekujesz po uruchomieniu tego kodu?

  1. Uruchom program, aby sprawdzić, jak działa.
  2. Gdy otworzysz okno Konsoli, w oknie konsoli powinny wyświetlić się 3 wiersze, jak widać na zrzucie ekranu poniżej.

Dobra robota!

Naprawianie błędów

Błędy popełniane podczas programowania są czymś normalnym. Większość narzędzi udostępnia informacje, które pomagają naprawić błędy. Na tym etapie utwórz błąd, by sprawdzić, co się stanie.

  1. Usuń z programu cudzysłów wokół tekstu Jhansi, aby wyglądał on tak, jak poniżej. 
println(Jhansi)
  1. Uruchom program. Ikona Jhansi powinna być zaznaczona na czerwono, a znak wykrzyknika obok wiersza 8 kodu wskazuje, gdzie znajduje się błąd.

  1. Przewiń w dół, aby zobaczyć konsolę.
  2. Wybierz kartę Widok problemu, jeśli nie jest wybrana.
  3. Spójrz na kartę Widok problemów. Wyświetli się komunikat z tą samą ikoną wykrzyknika i słowo Error. Poniżej znajduje się opis błędu w kodzie.

  1. Poszukaj cyfr (8, 12). Te liczby wskazują wiersz kodu, w którym wystąpił błąd, wiersz 8 i pozycję litery w wierszu, w którym wystąpił błąd, czyli 12.
  2. Zobaczysz komunikat Unresolved reference: Jhansi. Ten komunikat informuje, co według systemu jest błędem w kodzie. Nawet jeśli nie wiesz, co kryje się za komunikatem o błędzie, możesz spróbować znaleźć przyczynę błędu. W takim przypadku wiesz, że instrukcja println() drukuje tekst. Wiesz już, że tekst musi się znajdować w cudzysłowie. Jeśli tekst nie jest cytowany, jest to błąd.
  3. Dodaj cudzysłów amerykański.
  4. Uruchom program, aby sprawdzić, czy wszystko działa.

Gratulujemy! Udało Ci się uruchomić swój pierwszy program w Kotlin i go zmienić!

Oto pełny kod programu, nad którym pracujesz w ramach tego ćwiczenia.

  • https://try.kotlinlang.org/ to interaktywny edytor kodu w internecie, w którym możesz ćwiczyć pisanie programów dla kotlin.
  • Wszystkie programy Kotlin muszą mieć funkcję main(): fun main(args: Array<String>) {}
  • Użyj funkcji println(), aby wydrukować wiersz tekstu.
  • Umieść tekst, który chcesz wydrukować między cudzysłowami. Przykład: "Hello".
  • Powtórz instrukcję println(), aby wydrukować wiele wierszy tekstu.
  • Błędy są oznaczone w programie jako czerwone. Na karcie Widok problemów pojawia się komunikat o błędzie, który pomoże Ci ustalić, gdzie znajduje się błąd i co może być jego przyczyną.

To ćwiczenie programowania jest częścią kursu Podstawy Androida w Kotlinie.

Wykonaj te czynności:

  1. Zmień instrukcje println() na print().
  2. Uruchom program. Co się dzieje?

Wskazówka: instrukcja print() wydrukuje tylko tekst bez podziału wiersza na końcu ciągu.

  1. Popraw tekst, aby każda część wiadomości znajdowała się w osobnym wierszu.

Wskazówka: aby dodać podział wiersza, użyj znaku \n w tekście. Na przykład: "line \n break". Dodanie podziału wiersza zmienia dane wyjściowe w podany niżej sposób.

Wskazówka: możesz wydrukować pusty wiersz, nie podając tekstu: println("").

Kod: 

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

Dane wyjściowe:

Sprawdzanie zadań:

Oto jedno z możliwych rozwiązań:

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