Начали с нуля, чтобы… создать мобильное приложение.

Добро пожаловать в мою вторую статью из серии «Начали с нуля, чтобы…

Здесь я записываю свое путешествие по изучению чего-то нового с нуля в надежде дать другим краткий обзор того, на что следует обратить внимание, начиная изучать эту деятельность. В этой статье я расскажу о своем опыте создания самого первого мобильного приложения.

Надеюсь, это вам поможет!

После первого года изучения информатики и понимания теоретической стороны вещей мне не терпелось набрать код, который будет использоваться в реальных приложениях, помимо текстового редактора. Замечательно, что Национальный университет Сингапура, в котором я учился, представил управляемую программу Орбиталь, по которой мы могли построить все, что захотим, под руководством старшего специалиста.

Я и мой партнер решили принять в этом участие, и мы создали мобильное приложение Pearlopoly, которое представляет собой забавное, увлекательное и образовательное приложение для отслеживания финансов для учащихся подросткового возраста. Это приложение должно иметь возможность записывать данные, введенные пользователем, и выполнять визуализацию данных. Кроме того, мы реализовали функцию установки целей, где пользователи могут вводить ограничения, которых они хотят придерживаться, и мы отслеживаем их прогресс в соблюдении этих ограничений. Кроме того, есть больше функций, таких как игровая система прогресса, где учащиеся могут накапливать жемчуг, чтобы оставаться в своих пределах. Вот видео-обзор нашего конечного продукта.

Итак, если вы собираетесь создавать свое первое мобильное приложение, я узнал кое-что, что, надеюсь, может вам помочь!

Во-первых, некоторая техническая информация, мы использовали React Native для создания Pearlopoly. Это было легко понять, имея некоторые предварительные знания Javascript, HTML и CSS. Возможно, вы встречали Expo, который представляет собой простой фреймворк для программирования приложений React Native, который упрощает работу разработчиков, создающих свое первое мобильное приложение с помощью React Native. Моя команда использовала Expo, поскольку мы были новичками в разработке мобильных приложений. Тем не менее, некоторые библиотеки несовместимы с Expo, что ограничивает возможность выполнения некоторых красивых безумных визуализаций. Эта статья лучше описывает разницу, если вы хотите узнать больше. TL; DR, Expo отлично подходит для начала, если вы не знаете конкретных функций, которые хотите выполнить, и не совместим с Expo.

Затем, когда мы приступили к планированию того, как на самом деле будет выглядеть наше приложение, было здорово взять ссылки из существующих приложений для вдохновения в дизайне. Одним из замечательных ресурсов является страница дизайна на Material.io, где объясняются общие принципы дизайна и использование различных элементов. Кроме того, определение цветовой схемы было еще одним важным решением, которое нам пришлось принять. Эта страница предлагает некоторые инструкции по выбору цветов. Еще один крутой сайт - coolors.co, где можно наглядно увидеть сочетания цветов. Наконец, при создании экранов суперполезным ресурсом будет Фигма, где ее действительно легко найти и совместно использовать в режиме реального времени.

Наконец, когда мы подошли к собственному кодированию приложения, было очень полезно увидеть кодовую базу других реагирующих нативных приложений. Там вы можете узнать, как организовать базу кода в аккуратную и эффективную структуру, которая помогает значительно упростить вашу жизнь при программировании приложения. Это также дает вам представление о различных компонентах, которые могут вам понадобиться в приложении. При создании собственных приложений с реагированием это также помогает хорошо разбираться в программировании на React и некоторых концепциях хуков, редукции, методов жизненного цикла и т. Д. Вот несколько руководств, которые помогли мне на этом пути:

Обладая этими знаниями, вы знаете и контролируете то, что программируете, вместо того, чтобы слепо следовать руководствам. Обладая этими ресурсами, вы должны быть уверены, что сможете начать программировать свое первое мобильное приложение и поделиться со всем миром еще одним полезным приложением!