Игра для тех, кому интересно научиться создавать мобильные приложения. Уровень 1

марта 30, 2021

Также, как в Minecraft можно не быть архитектором, и при этом создавать здания, в этой игре можно не быть программистом, но начать создавать мобильные приложения.

Здесь необязательно понимать все досконально, главное - понемногу продвигаться к цели от уровня к уровню.

Что вас ждет в задании?

маленькие блоки, на каждый из которых нужно будет потратить не более 15 минут (при желании можно погрузиться детальнее);
язык программирования JavaScript и платформу для создания мобильных приложений React Native;
нулевой порог входа: для старта не нужны никакие навыки, устанавливать на компьютер тоже ничего не нужно - вся работа будет происходить на платформе Expo.

По окончанию вы сами сможете создавать простые приложения и поймете специфику профессии программиста.

__________________________________________________________________________________

Начнем с простого задания:

необходимо запустить на телефоне программный код, который вы найдете чуть ниже

Для этого сначала нужно скачать на свой телефон приложение Expo Go, отсканировав вот этот QR код:

Теперь точно так же отсканируйте QR код ниже. И вы увидите, что скрывает программный код из левой части

Надеюсь, вам понравилось :)

Если вы поменяете код сверху, отображение его в вашем телефоне тоже изменится.

Например:

попробуйте изменить resizeMode с "contain" на "cover" или "repeat"

___________________________________________________________________________

*Расшифровка кода

Давайте попробуем прочитать код, который написан выше, и который сейчас исполняется на вашем телефоне:

первые две строчки - это импорт нужных нам библиотек;
затем мы создаем функцию App, которая отвечает за то, что мы увидим на экране;
мы используем ImageBackround, чтобы разместить картинку на нашем экране:

с помощью стиля style={{flex: 1}} мы растягиваем ее на весь экран,
secretPhoto.jpg - это название картинки, которая у нас лежит в проекте,
resizeMode= "contain" - говорит о том, что мы хотим увидеть всю картинку целиком.

*Задание со звездочкой

перейдите по этой ссылке: https://snack.expo.io/@merry_ejik/junny-apps-level-1
добавьте в проект другую картинку вместо secretPhoto.jpg просто перетащив ее в проект (который вы открыли по ссылке выше) и назвав ее так же (или вставив новое название в код)

___________________________________________________________________________

Надеюсь вы получили удовольствие от того, что без всяких навыков уже можете менять что-то в своем телефоне. То ли еще будет :)

Перейти на следующий уровень