В этой лаборатории кода вы напишете свою первую программу на языке Kotlin, используя интерактивный редактор, который можно запустить из браузера.
Вы можете думать о программе [ССЫЛКА] как о серии инструкций для выполнения системой каких-либо действий. Например, вы можете написать программу, которая создает поздравительную открытку. В этой программе можно было написать инструкцию по печати поздравительного текста или вычислить возраст человека по году его рождения.
Точно так же, как вы используете человеческий язык для общения с другим человеком, вы используете язык программирования для общения с операционной системой вашего компьютера. К счастью, языки программирования менее сложны, чем человеческие языки, и вполне логичны!
Приложения для Android написаны на языке программирования Kotlin. Kotlin — это современный язык, созданный, чтобы помочь разработчикам писать код эффективно и с минимальным количеством ошибок.
Обучение созданию приложения и одновременное изучение основ программирования будет сложной задачей, поэтому мы собираемся начать с программирования, прежде чем приступить к созданию приложения. Освоение некоторых основ программирования в первую очередь является не только важным шагом на пути к созданию приложений, но и облегчит создание вашего первого приложения позже в этом курсе.
Редакторы кода — это инструменты, помогающие писать код точно так же, как текстовый процессор (например, Google Docs) помогает создавать текстовые документы. В этой лаборатории кода вы используете интерактивный редактор Kotlin в своем браузере. Это означает, что вам не нужно устанавливать какое-либо программное обеспечение, чтобы сделать первый шаг к разработке приложений.
Предпосылки
- Используйте интерактивные веб-сайты в веб-браузере.
Что вы узнаете
- Как создать, изменить, понять и запустить минимальную программу на Kotlin, которая отображает сообщение.
Что вы будете строить
- Программа на языке программирования Kotlin, которая отображает сообщение при запуске.
Что вам нужно
- Компьютер с современным веб-браузером, например последней версией Chrome .
- Доступ в Интернет на вашем компьютере.
В этой задаче вы будете использовать редактор на веб-сайте, чтобы сразу начать программировать на языке Kotlin.
Используйте интерактивный редактор кода
Вместо того, чтобы устанавливать программное обеспечение на свой компьютер, вы можете использовать веб-инструмент для создания своей первой программы.
- В браузере откройте https://try.kotlinlang.org/ . Откроется инструмент программирования на основе браузера.
- Вы должны увидеть страницу, похожую на скриншот ниже, со списком файлов слева и редактором справа. Вы также можете увидеть черный ящик в правом нижнем углу с информацией о политике использования файлов cookie.
Предупреждение. Если вы не согласны с политикой использования файлов cookie на этом сайте, не продолжайте.
- Нажмите на X в верхнем левом углу черного всплывающего окна, чтобы закрыть его.
- Следуйте аннотированному снимку экрана ниже в качестве справки, чтобы ориентироваться в этом редакторе.
- (1) Вкладки « Обучение », « Сообщество » и « Попробовать онлайн » вверху. Перейдите на вкладку « Попробовать онлайн », если она еще не выбрана.
- (2) Проводник на крайней левой панели. Каждая папка в этом списке содержит небольшой отдельный пример для изучения Kotlin.
- (3) Редактор на правой панели — это место, где вы будете выполнять большую часть своей работы по написанию кода.
Этот веб-редактор кода имеет много других функций, но это те, которые вам нужно знать, чтобы начать работу.
Откройте пример кода
- В проводнике файлов, если он еще не выбран, выберите « Примеры» > «Привет, мир!» > Простейшая версия > SimplestVersion.kt (1 на скриншоте ниже).
- В имени файла SimplestVersion.kt обратите внимание на расширение файла .kt (см. 1 на снимке экрана ниже). Точно так же, как изображения имеют расширение
.jpg
или.png
, а файлы PDF имеют расширение.pdf
, все файлы Kotlin должны иметь расширение.kt
. - Обратите внимание на код в редакторе (2 на скриншоте ниже). Часть кода выделена. Это код, с которым вы будете работать.
Это выделенный программный код в редакторе:
fun main(args: Array<String>) {
println("Hello, world!")
}
Запустите программный код
Запуск созданной вами программы мало чем отличается от запуска такой программы, как текстовый процессор, на вашем компьютере. Разница в том, что когда вы запускаете программу для выполнения задачи или играете в игру, вы в первую очередь заботитесь о том, что программа может сделать для вас, и вы не заботитесь о коде, который заставляет ее работать. Когда вы программируете, вы видите и работаете с реальным кодом, который творит чудеса.
Давайте посмотрим, что делает эта программа!
- В редакторе в правом верхнем углу найдите зеленый треугольник
и щелкните его, чтобы запустить программу.
- При необходимости прокрутите страницу вниз, пока не увидите нижнюю часть редактора, чтобы увидеть панель внизу (1 на снимке экрана ниже).
- Нажмите на вкладку Консоль . Консоль — это место, куда программы могут выводить текст.
- Обратите внимание
Hello, world!
печатается на панели консоли , как на снимке экрана выше. Итак, теперь вы знаете, что делает эта программа: она печатает или выводит сообщение hello world в окно консоли . - Обратите внимание, что над надписью
Hello, world!
это сообщениеCompilation complete successfully
. Компиляция — это процесс, который переводит программный код 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("Hello, world!")
}
Эти три строки кода представляют собой реальную программу, которая запускает и печатает сообщение.
Изменить код Hello World
Давайте изменим программу, чтобы она делала что-то немного другое.
- Измените
"Hello, world!"
текст, чтобы сказать"Happy Birthday!"
. - Запустите программу, нажав зеленую кнопку запуска.
вверху справа.
- В консоли вы должны теперь увидеть
Happy Birthday!
печатается, как показано на скриншоте ниже.
Как это работает?
Как это делается? Это кажется большим количеством кода, чтобы просто что-то напечатать!
Ну а если вы хотели, чтобы друг написал "Hello, world!" на листе бумаги много подразумеваемой информации. Если вы просто скажете им: «Напишите «Hello world!» на этом листе бумаги», они сделают предположения об информации, которую вы упустили. Например, они решат, что им нужна ручка, а вы хотите, чтобы они писали ее буквами! Компьютер не делает таких предположений, поэтому вы должны давать точные инструкции, описывающие каждый шаг.
Как английский язык имеет структуру, так и язык программирования. Если вы когда-либо изучали другой язык, вы знаете, как сложно выучить грамматику, правописание, возможно, новый алфавит символов и словарный запас. Обучение программированию сопряжено с аналогичными трудностями, но, к счастью, оно менее сложное и гораздо более логичное, чем изучение, например, английского языка.
Понимание частей программы
Теперь взгляните на код. Каждая часть этой программы служит определенной цели, и вам нужны все части, чтобы запустить программу. Начнем с первого слова.
fun
-
fun
— это слово в языке программирования Kotlin.fun
означает функцию. Функция — это часть программы, выполняющая определенную задачу.
fun main
-
main
— это имя этой функции. У функций есть имена, поэтому их можно отличить друг от друга. Эта функция называетсяmain
, потому что это первая или основная функция, которая вызывается при запуске программы. Каждой программе Kotlin нужна функция с именемmain
.
fun main()
- За именем функции всегда следуют
()
две круглые скобки.
fun main(args: Array<String>)
- Внутри круглых скобок вы можете поместить информацию для использования функции. Эти входные данные для функции называются «аргументами» или, для краткости,
args
. Вы узнаете больше об аргументах позже. Вам просто нужно знать, чтоmain
функция всегда имеет один и тот же аргумент.
fun main(args: Array<String>) {}
- Обратите внимание на пару фигурных скобок после аргументов. Внутри функции находится код, выполняющий задачу. Эти фигурные скобки окружают эти строки кода.
Посмотрите на строку кода между фигурными скобками:
println("Happy Birthday!")
Эта строка кода выводит Happy Birthday!
текст.
-
println
указывает системе напечатать строку текста. - Внутри круглых скобок вы помещаете текст для печати.
- Обратите внимание, что текст для печати заключен в кавычки. Это говорит системе, что все, что находится внутри кавычек, должно быть напечатано именно так, как указано.
Чтобы на самом деле напечатать текст, вся эта инструкция println
должна быть внутри main
функции.
Итак, вот оно. Самая маленькая программа на Котлине.
fun main(args: Array<String>) {
println("Happy Birthday!")
}
Распечатать более одного сообщения
Отличная работа! Вы напечатали одну строку текста с помощью функции println() function
. Однако вы можете поместить в функцию столько строк инструкций, сколько вам нужно или необходимо для выполнения задачи.
- Скопируйте строку
println("Happy Birthday!")
и вставьте еще два раза под ней. Убедитесь, что ваши вставленные строки находятся внутри фигурных скобокmain
функции. - Измените один текст, чтобы он печатался на чье-то имя, скажем, «Джханси».
- Измените другой текст, который будет напечатан, на «Вам 25!».
Ваш код должен выглядеть так, как показано ниже.
fun main(args: Array<String>) {
println("Happy Birthday!")
println("Jhansi")
println("You are 25!")
}
Что вы ожидаете от этого кода при запуске?
- Запустите вашу программу, чтобы увидеть, что она делает.
- Перейдите в окно консоли , и вы должны увидеть 3 строки, напечатанные в окне консоли, как показано на снимке экрана ниже.
Хорошо сделано!
Работа с ошибками
Делать ошибки при программировании — это нормально, и большинство инструментов дадут вам обратную связь, чтобы помочь вам исправить ошибки. На этом шаге создайте ошибку, чтобы посмотреть, что произойдет.
- В вашей программе удалите кавычки вокруг текста
Jhansi
, чтобы строка выглядела, как показано ниже.
println(Jhansi)
- Запустите вашу программу. Вы должны увидеть
Jhansi
, напечатанный красным, и восклицательный знак рядом с 8-й строкой кода, чтобы показать вам, где есть ошибка.
- Прокрутите вниз, чтобы увидеть консоль.
- Выберите вкладку Представление проблемы , если она не выбрана.
- Посмотрите на вкладку « Проблемы ». Он показывает сообщение с тем же значком восклицательного знака и словом
Error
. Далее следует описание ошибки в вашем коде.
- Найдите числа
(8, 12).
Эти числа указывают строку в коде, где возникает ошибка, строка 8, и позицию буквы в той строке, где начинается ошибка, то есть12
. - Далее вы можете увидеть сообщение
Unresolved reference: Jhansi
. Это сообщение сообщает вам, что система считает ошибкой в коде. Даже если вы не знаете, что означает сообщение об ошибке, вы можете понять, что не так. В этом случае вы знаете, что инструкцияprintln()
печатает текст. Ранее вы узнали, что текст должен быть заключен в кавычки. Если текст не цитируется, это ошибка. - Идите вперед и добавьте кавычки обратно.
- Запустите вашу программу, чтобы убедиться, что она снова работает.
Поздравляем, вы запустили и изменили свою первую программу на Kotlin!
Это полный код программы, над которой вы работали в этой лаборатории.
- https://try.kotlinlang.org/ — это интерактивный редактор кода в Интернете, где вы можете попрактиковаться в написании программ на Kotlin.
- Все программы на Kotlin должны иметь функцию
main()
:fun main(args: Array<String>) {}
- Используйте функцию
println()
для печати строки текста. - Поместите текст, который вы хотите напечатать, между двойными кавычками. Например
"Hello"
. - Повторите команду
println()
, чтобы напечатать несколько строк текста. - Ошибки отмечены в программе красным цветом. На вкладке представления «Проблемы » есть сообщение об ошибке, которое поможет вам выяснить, где находится ошибка и что может ее вызвать.
Эта кодовая лаборатория является частью курса Android Basics in Kotlin.
Сделайте следующее:
- Измените инструкции
println()
наprint()
. - Запустите вашу программу. Что случается?
Подсказка: инструкция print()
просто печатает текст без добавления разрыва строки в конце каждой строки.
- Исправьте текст так, чтобы каждая часть сообщения находилась на отдельной строке.
Подсказка: используйте \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!")
}