Если бы вы спросили меня две недели назад, как работают приложения, я бы ответил: «что-то, что-то, что-то, программирование» и «магия, наверное».

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

Хорошо, это может быть немного преувеличением - я, наверное, пока не стал бы включать «Разработка мобильных приложений» в свое резюме, но я я гордый родитель простого, функционального приложения для iOS. Проверить это:

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

Это просто, но вот в чем дело: работает. И, что более важно, я многому научился в процессе.

Помните - я создал это за два дня после двух недель изучения JavaScript, React и React Native. Если бы вы спросили меня, что означает () = ›console.log (‘ Hello world ’) или как работают компоненты React, я бы потерялся на 100%.

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

Это не предназначено для технического руководства по созданию приложения, а скорее как отправная точка для тех, кто задается вопросом, с чего начать.

Вот сенсация, как я дошел до этого момента:

Шаг 1. Выбор JavaScript

Когда вы гуглите «Как создать мобильное приложение», вы встречаете тысячи статей, обсуждений и курсов, пропагандирующих тысячи языков, инструментов и методов. То, что вы решите, зависит от ваших целей, опыта программирования и доступных ресурсов.

Я решил изучить JavaScript вместо Swift по нескольким причинам:

  1. У меня нет Mac, поэтому о Xcode не может быть и речи.
  2. Как специалист по данным, моим первым языком программирования был Python. Учитывая, что и Python, и JavaScript являются объектно-ориентированными языками с похожей структурой синтаксиса, было намного проще закрепить JavaScript. Как только я узнал синтаксические нюансы, мне оставалось просто не забыть использовать {} вместо :().
  3. React Native - JavaScript-фреймворк для создания мобильных приложений - довольно крутой. Создаваемые вами приложения неотличимы от приложений, созданных с использованием Objective-C или Java. Это означает, что вы можете создать приложение в React Native и запустить его как на iOS, так и на Android, не тратя время на его повторное программирование.
  4. JavaScript - универсальный язык с большими возможностями для развития. Как «язык программирования в сети» я решил, что изучение JavaScript повысит ценность моих навыков, чем Swift.

Вы можете обнаружить, что Swift лучше соответствует вашим потребностям, чем JavaScript. Это тоже круто, но я все же рекомендую изучить React Native и его возможности.

Шаг 2. Изучение JavaScript и React

Учитывая, что существует множество ресурсов, которые помогут вам в вашем путешествии по JavaScript, я бы порекомендовал выбрать метод, соответствующий вашему стилю обучения.

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

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

  • Базовый JavaScript - CodeAcademy: Введение в JavaScript - прошел весь курс.
  • Справочник по JavaScript - Красочный JavaScript от Марин Хавербеке - прочтите несколько глав в качестве дополнения к курсу CodeAcademy.
  • HTML - CodeAcademy: изучение HTML - завершил вводный урок, затем перешел к изучению JSX.
  • React - CodeAcademy: Learn ReactJS - прошел весь первый курс и часть второго курса.
  • React Native - Документация React Native - просмотрел несколько учебных упражнений и реконструировал примеры.
  • Ссылка на React Native - React Native Express - отличное дополнение к официальной документации React Native.

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

Да, и я уже упоминал, что все вышеупомянутые ресурсы бесплатны. И в качестве дополнительного бонуса каждый из них имеет встроенную среду программирования. Это означает, что вы можете сосредоточиться на обучении и практике прямо в браузере.

Шаг 3. Создание приложения

Как только вы освоитесь с основами JavaScript и хоть немного поймете, как работает React, я рекомендую вам сразу приступить к делу. Как и в большинстве случаев программирования, вы узнаете больше, делая, а не просто изучая. Если вы заблудились, можете проверить свои справочные материалы или скопировать пример. Вот как ты учишься.

Если вы новичок в разработке JavaScript (или программировании в целом), вам необходимо настроить среду программирования, прежде чем вы сможете приступить к работе. Вкратце: (1) установите IDE, например Visual Studio Code, (2) установите node.js и (3) следуйте этим инструкциям, чтобы установить React Native. Если вы заблудитесь или столкнетесь с проблемой, есть множество учебных пособий, которые вам помогут.

После инициализации проекта с помощью create-response-native-app вы можете использовать свою среду IDE для доступа к файлу App.js. Оттуда вы в основном просто работаете с компонентами React, за исключением того, что они будут отображаться на вашем телефоне, а не в браузере. Довольно аккуратно.

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

Совет. На этом этапе вам лучше всего подойдет пример кода. Используйте его в качестве справочника, перепроектируйте и используйте как инструмент устранения неполадок при отладке.

На этом этапе вы достигли стадии Уолта Диснея: «Если вы можете это мечтать, вы можете это сделать». Представьте, что вы хотите построить, и начинайте строить. С React Native выход есть почти всегда.

Не расстраивайтесь, приступайте

Многие люди живут своей жизнью как «если бы…». «Если бы я только изучал CS в колледже», - думают они. Или: «Если бы я только начал программировать пять лет назад». Или, что хуже всего, «Если бы я был достаточно умен, чтобы стать программистом».

Вам не нужна степень CS, вам не нужен обширный опыт программирования, и вам не нужно быть мастером программирования. сделать приложение. Вам просто нужно быть находчивым, терпеливым и решительным. Вот и все. Это просто тяжелая работа и решимость.

Напомним, две недели назад я практически не знал JavaScript. Сегодня я могу уверенно писать такой модно выглядящий код:

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

Если статья вам понравилась, не забывайте «аплодировать». Они очень ценятся и действительно помогают мне.

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