nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Bouw je eigen mobiele app met Cordova

Het gebruik van Cordova is misschien de snelste manier voor veel webontwikkelaars om een ​​mobiele applicatie te bouwen. Met Cordova hoeft u geen nieuwe set programmeertalen te leren, u kunt eenvoudig HTML, CSS en JavaScript gebruiken.

U kunt uw codes compileren op tal van mobiele platforms, waaronder iOS, Android, Windows Phone en BlackBerry, met behulp van de Phonegap build-tool. De vraag is nu: "waar te beginnen?"

Om te beginnen moeten we een 'Cordova-project' maken . Als u een webontwikkelaar bent die geïnteresseerd is in het bouwen van uw eigen mobiele applicatie, volg dan deze post. We laten u de snelste manier zien om een ​​project te starten voor het bouwen van een mobiele applicatie met Cordova. Laten we beginnen.

Cordova CLI

Cordova wordt geleverd met een opdrachtregelinterface (CLI) die de opdracht bevat om een ​​project te maken, de app te emuleren en te bouwen. De Cordova CLI is beschikbaar als een Node.js-pakket. Dus je moet Node.js installeren om het te kunnen installeren.

Ervan uitgaande dat u het op uw computer hebt geïnstalleerd, kunt u deze opdrachtregel typen in Terminal of Command Prompt om Cordova CLI te installeren.

 npm install -g cordova 

Hiermee wordt de opdracht cordova globaal geïnstalleerd; u kunt de opdracht overal in uw computermappen bereiken. Typ cordova -v om de geïnstalleerde versie te krijgen.

Een project maken

Nadat u de Cordova CLI hebt geïnstalleerd, is het opstarten van een Cordova-project een koud kunstje. Zelfs zonder bekend te zijn met commandolijnen, zou dit gemakkelijk te volgen moeten zijn. We kunnen een project maken met de opdracht create gevolgd door de naam van de projectmap, bijvoorbeeld:

 cordova maakt hongkiatcom 

Met deze opdracht worden alle benodigde bestanden en enkele voorbeeldbestanden gedownload om ons te helpen aan de slag te gaan met de ontwikkeling.

Nadat het project is gemaakt, voert u de projectdirectory in met behulp van cd . Deze map moet het aantal mappen als volgt bevatten.

  • De map hooks kan scripts bevatten die de native Cordova-opdrachten aanpassen.
  • De map Samenvoegingen kan HTML-, CSS- en JavaScript-bestanden bevatten voor specifieke platforms en overschrijven met die in de map www bij de toepassing.
  • De map met platforms bevat native app-bestanden wanneer we ernaar streven om voor een specifiek platform te bouwen.
  • De map plug-ins bevat plug-ins die Cordova verlengen.
  • De map www bevat algemene webbestanden die op verschillende platforms worden gedeeld.

Platform IDE

Voordat we verder gaan, hebben we een IDE nodig, zoals Xcode voor het ontwikkelen van een iOS-app, Android Studio voor het ontwikkelen van Android en Visual Studio voor Windows Phone. Omdat ik OS X gebruik en Xcode al heb geïnstalleerd, zal ik ze gebruiken om het iOS-platform in mijn project toe te voegen.

Typ de volgende opdracht:

 cordova platform add ios 

Zoals eerder vermeld, zal deze opdracht native-bestanden toevoegen om apps te bouwen voor het opgegeven platform op de opdrachtregel. Na het uitvoeren van het bovenstaande commando, zou je een map genaamd ios met .xcodeproj bestanden en een aantal andere bestanden als volgt moeten vinden.

Als u het Android-platform hebt toegevoegd, vindt u in plaats hiervan een map met de naam android .

Voeg het project toe in IDE (Xcode)

Nu voegen we de projectdirectory toe aan de IDE, in dit geval Xcode. Start Xcode. Ga naar Bestand> Menu openen en ga naar de platformdirectory - bijvoorbeeld / platforms / ios . Klik op Openen om de map in Xcode te openen.

U kunt alles wijzigen - HTML, CSS, Image en JS - in de map www . Wanneer je klaar bent, klik je op de afspeelknop linksboven in Xcode om de app te compileren en in iPhone Simulator te presenteren.

Laatste gedachte

Cordova heeft het maken van een mobiele app gemaakt die gemakkelijk te volgen is. We kunnen een mobiele app bouwen zoals we een website bouwen. In dit bericht hebben we je laten zien hoe je een Cordova-project kunt maken en de app in de iOS-simulator kunt presenteren. Er zijn zoveel meer te ontdekken in Cordova. Helaas hoop ik dat dit bericht je kan helpen om te beginnen met het gebruik van Phonegap voor het ontwikkelen van een mobiele app.

Is Less Always More?  Tot de bodem van het minimalisme komen

Is Less Always More? Tot de bodem van het minimalisme komen

Er is ons keer op keer verteld dat eenvoudig ontwerp beter is dan een complex ontwerp. Iedereen, van Seth Godin tot Steve Jobs, heeft zijn gevoelens uitgedrukt en de consensus lijkt te zijn dat ware eenvoud en minimalisme de juiste weg zijn .Verwijder alles dat er niet absoluut nodig heeft en je zult onvermijdelijk bij het perfecte ontwerp aankomen

(Technische en ontwerptips)

Converteer je Doodles in gruwelijke afbeeldingen met Pix2Pix

Converteer je Doodles in gruwelijke afbeeldingen met Pix2Pix

Wat krijg je als je door mensen gemaakte doodles en machinaal leren combineert ? Welnu, de Nederlandse omroep NPO heeft daar een antwoord op, iets genaamd Pix2Pix, een kleine webapplicatie die je doodles verandert in nogal angstaanjagende afbeeldingen met behulp van de machine learning-technologie .Gemaakt met behulp van het open-source machine learning platform van Google genaamd Tensorflow, gebruikt Pix2Pix een systeem genaamd generative adversarial network (GAN) om een ​​goed beeld te creëren van de ingezonden doodle . Om

(Technische en ontwerptips)