Если бы вы спросили меня две недели назад, как работают приложения, я бы ответил: «что-то, что-то, что-то, программирование» и «магия, наверное».
Перенесемся на несколько дней вперед с учебниками по программированию, и бум, я начинающий разработчик приложений с практическим опытом разработки. Теперь волшебство творим я.
Хорошо, это может быть немного преувеличением - я, наверное, пока не стал бы включать «Разработка мобильных приложений» в свое резюме, но я я гордый родитель простого, функционального приложения для iOS. Проверить это:
Вы можете переключиться с домашней страницы на приложение Counter, используя вкладки нижнего колонтитула, и я запрограммировал обе кнопки для добавления и вычитания из счетчика. Я знаю, что форматирования еще недостаточно, но мне удалось настроить цвета кнопок и параметры шрифта.
Это просто, но вот в чем дело: работает. И, что более важно, я многому научился в процессе.
Помните - я создал это за два дня после двух недель изучения JavaScript, React и React Native. Если бы вы спросили меня, что означает () = ›console.log (‘ Hello world ’) или как работают компоненты React, я бы потерялся на 100%.
Так что, если вы давно хотели заняться разработкой приложений, это вполне возможно. Я не считаю себя гением программирования, а просто парнем, у которого есть немного свободного времени и много упорства и терпения.
Это не предназначено для технического руководства по созданию приложения, а скорее как отправная точка для тех, кто задается вопросом, с чего начать.
Вот сенсация, как я дошел до этого момента:
Шаг 1. Выбор JavaScript
Когда вы гуглите «Как создать мобильное приложение», вы встречаете тысячи статей, обсуждений и курсов, пропагандирующих тысячи языков, инструментов и методов. То, что вы решите, зависит от ваших целей, опыта программирования и доступных ресурсов.
Я решил изучить JavaScript вместо Swift по нескольким причинам:
- У меня нет Mac, поэтому о Xcode не может быть и речи.
- Как специалист по данным, моим первым языком программирования был Python. Учитывая, что и Python, и JavaScript являются объектно-ориентированными языками с похожей структурой синтаксиса, было намного проще закрепить JavaScript. Как только я узнал синтаксические нюансы, мне оставалось просто не забыть использовать {} вместо :().
- React Native - JavaScript-фреймворк для создания мобильных приложений - довольно крутой. Создаваемые вами приложения неотличимы от приложений, созданных с использованием Objective-C или Java. Это означает, что вы можете создать приложение в React Native и запустить его как на iOS, так и на Android, не тратя время на его повторное программирование.
- 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, чтобы поговорить.