NativeScript Zero to Hero - Часть 1: Введение!
Итак, NativeScript, это для меня история о Золушке, и я только что нашел пропавшую туфлю, и я не могу быть таким уж лжецом, когда говорю, что это самая крутая вещь, с которой я когда-либо работал, и теперь я более уверен, чем даже, все мое прошлое волнение и счастье стали реальностью, особенно после моей первой статьи, которую вы можете найти здесь!
Для меня эта статья была написана после моего первого взаимодействия с NativeScript, и после встречи с парнями, стоящими за платформой во время моего прошлого участия в DroidCon Tunisia 2016, я охватил все упущенные моменты, и именно это вдохновило меня на создание этого нового набора статей!
Итак, чтобы иметь лучшее представление о продукте, позвольте мне объяснить идею, лежащую в основе мобильной разработки в целом, поэтому, если вы не читали ранее упомянутую публикацию в блоге, вы должны знать, что текущее состояние мобильной разработки и где мы стоим сейчас:
1. Мобильные приложения:
В наши дни все в первую очередь мобильное, даже веб-сайты с гибким дизайном и гибким подходом, и, честно говоря, до определенного момента все идет неплохо и разумно, но иногда нам определенно нужно больше, ведь некоторые из новых телефонов намного мощнее. чем на обычных настольных ПК.
2. Родной / гибридный / не такой гибридный:
И здесь мы находим приложения, предназначенные для работы на мобильном устройстве, и в этих приложениях используются все основные улучшения и основные аппаратные компоненты, которые есть в современных мобильных телефонах. И для их создания у нас есть много способов и подходов, от Java / Swift до C #, которые называются нативным подходом к подходу HTML / CSS / Javascript, известному Hybrid.
Но как насчет последнего, Не того Гибрида? Это новое развивающееся место, в котором используются XMl / JS / CSS, и когда мы говорим о XML, то вот получится интересно!
С технической точки зрения XML - это то, во что обычно переводят гибридные приложения, использующие Cordova, и это именно то, что используется даже собственными приложениями , то есть гипотетически мы создаем по-настоящему нативные приложения с использованием веб-технологий! А теперь давайте определимся с NativeScript!
3. Определение:
Согласно официальному сайту NativeScript это:
NativeScript - это бесплатная платформа с открытым исходным кодом для создания собственных приложений для iOS и Android с использованием JavaScript и CSS. NativeScript визуализирует пользовательский интерфейс с помощью механизма рендеринга собственной платформы - без WebViews - что приводит к производительности и пользовательскому интерфейсу, аналогичным нативным.
Поэтому для меня тот факт, что я не буду использовать какие-либо виды WebView, обычно используемые в приложении на основе Кордовы, означает, что я фактически создам настоящее собственное приложение, и у меня даже не будет проблем с производительностью, которые я нахожу в обычно приложение Cordova Hybrid.
4. Почему вы должны это учитывать!
1. Это открытый исходный код, размещенный на Github, так что вам нужно только взломать, запросить извлечение и использовать режим перекрестных пальцев и надеяться, что команда примет ваше потрясающее новостное сообщение, так что в этом сила!
2. Позвольте нам использовать библиотеки собственного пользовательского интерфейса, чтобы вы могли подумать о пользовательском интерфейсе материала над приложениями для Android, поэтому вам нужно только настроить Gradle (и да, у нас есть постепенная поддержка вне коробки), создайте свой проект с его помощью и Бам! идти!
3. Возможность использования собственного кода (если вы знакомы с Java или Swift Code)
4. На самом деле это Native по производительности, пользовательскому интерфейсу кода и всем остальным, кроме меня!
5. Конфигурация системы:
Чтобы установить NativeScript на свой Dev Machine, вам необходимо сначала загрузить NodeJS и установить его поверх своей системы.
Таким образом, изображение выше показывает, что мы можем загрузить NodeJS независимо от того, какой была ОС!
Теперь перейдите к своему терминалу (cmd в Windows), и вы обнаружите, что была установлена новая консольная программа, которая называется NPM (Node Package Manager). Этот инструмент поможет получить наши зависимости и установить другую сборку терминала nodeJS, такую как приложение!
Теперь напишите в своем терминале следующую команду:
# npm i -g nativescript
Давайте перевариваем приведенную выше команду:
- npm: это диспетчер пакетов узлов!
- i: для установки!
- -g: для глобального доступа и установки!
- nativescript: пакет, который мы хотим установить.
PS: И команда такая же, если мы хотим или собираемся установить другие пакеты.
Теперь, после того, как мы закончили установку, и чтобы получить доступ к нашему консольному приложению, установленному на nativescript, мы вводим следующую команду в терминале!
# tns
Тогда мы увидим что-то похожее на следующее:
Поздравляю! Вы успешно установили NativeScript на свою машину разработки!
6. Создание приложения 101:
Теперь, чтобы развить ваши навыки разработки и использовать их, нам нужно создать приложение, используя программу терминала nativescript, и для этого нам нужно напечатать следующую команду терминала:
# tns create HelloWorld
َ И результат должен выглядеть так:
А теперь поздравляю! Вы только что создали свое первое приложение NativeScript!
Теперь запустите свой терминал и дождитесь инструкций в следующем сообщении в блоге !!
До встречи ! :)
