PhoneGap für Einsteiger

In diesem Kurs zeige ich Ihnen, wie Sie einfach und unkompliziert Apps für iOS und Android erstellen können. Viel Spaß!
3.5 (2 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
42 students enrolled
$20
Take This Course
  • Lectures 16
  • Contents Video: 1.5 hours
    Other: 9 mins
  • Skill Level All Levels
  • Languages German
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2014 German

Course Description

In diesem Kurs lernen Sie PhoneGap und alle wichtigen Bestandteile kennen. Was Sie beachten müssen, wie Sie Apps entwickeln und exportieren, wie PhoneGap funktioniert, wie Sie ein Plugin installieren und natürlich auch das App auf Ihr Gerät übertragen.

Die Apps werden mit HTML, CSS und JavaScript erstellt, sprich es ist wichtig für alle weiteren Apps, sich diese Kenntnisse anzueignen. Für diesen Kurs ist es aber nicht notwendig, da es Primär um das Erstellen der App geht und nicht um die Ausarbeitung der App Funktionen.

Der Sinn dieses Kurses ist, den Grundstein Ihrer Fähigkeiten, im Bereich App Development, zu setzen. Eine solide Grundlage ist für jede professionelle und gute Dienstleistung wichtig.

Inhaltsübersicht:

  • PhoneGap kennenlernen
  • Xcode & Android SDK installieren
  • PhoneGap installieren
  • Terminal kennenlernen
  • PhoneGap Projekt mit jQuery & Twitter Bootstrap erstellen
  • PhoneGap Projekt mit Xcode und Android SDK kompilieren
  • App auf ein Device übertragen und testen
  • Hilfreiche Tipps / Tricks / Links

Ich würde mich freuen, wenn Sie sich für diesen Kurs entscheiden würden und ich Ihnen PhoneGap näher bringen dürfte. Viel Spaß!

What are the requirements?

  • Mac OS X 10.8+
  • HTML, CSS und JavaScript (hilfreich, nicht erforderlich)
  • jQuery und Twitter Bootstrap (hilfreich, nicht erforderlich)

What am I going to get from this course?

  • Eigenständig Apps für iOS und Android entwickeln
  • Umgang und Installation der erforderlichen Programme
  • Verständnis der Funktionsweise von PhoneGap
  • Möglichkeiten und Vor- und Nachteile

What is the target audience?

  • Interessierte
  • Webentwickler
  • Designer
  • Skeptiker & Kritiker
  • Projektmanager
  • Hobby Entwickler

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Einführung
02:08

In der Lektion beschäftigen wir uns mit der Frage, was PhoneGap eigentlich ist und wofür es steht. Sollten Sie bereits PhoneGap kennen, können Sie diese Übung überspringen.

http://phonegap.com/

01:46

Wichtig ist nicht nur die Frage "Was?" sondern auch "Wie?". "Wie funktioniert PhoneGap?" In der Entwicklung ist es immer wichtig, den Ablauf und die Funktionsweise zu kennen um selbständig Lösungswege zu entwickeln.

http://phonegap.com/about/

01:18

Um mit PhoneGap arbeiten zu können, muss natürlich gewusst werden, woher dies bezogen werden kann. Darum kümmern wir uns in dieser Lektion.

http://phonegap.com/install/

01:52

Die letzte Lektion, der Einführung, beschäftigt sich mit der Frage "Warum PhoneGap?". Dies ist sicherlich interessant für alle Skeptiker und Kritiker, die sich gerne überzeugen lassen wollen.

http://phonegap.com/

Abschnitt 1: Einführung
4 questions
Section 2: Vorbereitung
03:29

In dieser Lektion zeige ich Ihnen, wie Sie kostenlos Xcode auf Ihrem Mac installieren können. Xcode ist zuständig für das spätere exportieren, der kompilierten Apps, für iOS. Wollen Sie nur Apps für Android entwicklen, können Sie dieses Video gerne überspringen.

03:51

Diese Lektion ist zuständig für die Installation der Android-SDK auf Ihrem Mac. Die Android-SDK ist das Gegenstück von Xcode und zuständig für das Exportieren und Kompilieren der Android App. Sollten Sie nur Apps für iOS entwickeln wollen, können Sie diese Lektion überspringen.

Download: http://developer.android.com/sdk/index.html

04:02

Sobald Sie Lektion 5 und / oder Lektion 6 durchgeführt haben, können wir beginnen den wichtigsten Teil unserer Vorbereitung zu installieren: PhoneGap. Dies ist eine Pflicht-Installation.

Download: http://nodejs.org

Download: http://phonegap.com/install/

06:18

Da PhoneGap ein Command Line Interface besitzt, ist es notwendig die Basics des Terminals auf dem Mac zu kennen. Ich möchte Ihnen in dieser Lektion auch die Angst vor dem "bösen schwarzen Fenster" nehmen.

Weitere wichtige Terminal Befehle: http://www.macprime.ch/wissen/article/die-wichtigsten-terminal-befehle

Abschnitt 2: Vorbereitung
4 questions
Section 3: Erstellung
04:24

Um ein App erfolgreich zu erstellen, benötigen wir zuerst ein PhoneGap Projekt. Dies ist immer der erste Schritt. Ich zeige Ihnen alle wichtigen Befehle um dies einfach und schnell umzusetzen.

20:07

Da wir bereits gelernt haben, das PhoneGap mit Webtechnologien arbeitet, können wir diese natürlich auch im vollen Umfang benutzen. In dieser Lektion integrieren wir jQuery und Twitter Boostrap, um unserer App schnell und einfach ein Gesicht zu verleihen.

Download: http://getbootstrap.com

Download: http://jquery.com

Download: http://www.sublimetext.com/3

07:48

PhoneGap bietet einem die zusätzlich die Schnittstelle zu Hardware Komponenten des Gerätes. In dieser Lektion schauen wir uns an, wie wir dies erweitern können und ein fertiges PhoneGap Plugin integrieren können.

Plugins: http://plugreg.com

18:49

Die App ist mit PhoneGap erstellt und wir haben ein Plugin integriert. Nun wird es Zeit dies auf iOS und / oder Android anzuschauen. Doch bevor das Gerät die App intepretieren kann, muss es kompeliert werden. So heißt der Schritt, um den geschriebenen Code in Maschinencode umzuwandeln.

Download: http://app.phonegap.com

Android Simulator Befehl, erforderlich für OS X 10.9 und höher:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install ant

Abschnitt 3: Erstellung
4 questions
Section 4: Zusammenfassung
03:56

PhoneGap hat natürlich nicht nur Vorteile sondern auch Nachteile. In dieser Lektion möchte ich dies einmal aufzeigen, um Probleme schneller in der Entwicklung zu erkennen und Sie auf den Umgang zu sensibilisieren.

02:16

Wir haben bereits gelernt, das PhoneGap eine Hybrid Lösung ist. In dieser Lektion schauen wir uns alle 3 Varianten an und vergleichen diese auf Ihre bevorzugten Einsatzgebiete.

Article

Natürlich ist PhoneGap kein Produkt ohne Konkurrenten. Bedingt für den Überblick, möchte ich diese einmal aufzeigen und kurz erklären.

Article

In dieser Lektion finden Sie nochmals viele interessante und wichtige Links für die Entwicklung von PhoneGap Applikationen. Layout Vorlagen, Boilerplate, Links, Tricks und Tipps.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jonathan Schneider, Web- & App-Developer

Mein Name ist Jonathan Schneider, ich bin Freelancer / Creative Coder und Gründer von Webdesign Marketing Service. Meine Leistungen umfassen die Entwicklung von Apps für iOS, Android und die Erstellung von interaktiven Webseiten.

Zusätzliche Arbeite ich als Dozent und Schulungsleiter. Themen die ich Unterrichte beginnen von der Programmierung in JavaScript und PHP über App Entwicklung mit PhoneGap bis hin zur Erstellung einer Webseite via Wordpress.

Ich würde mich freuen, wenn ich auch bald Sie in einen meiner Kurse, hier bei udemy, begrüßen dürfte.

Qualifikationen & Auszeichnungen

  1. Teilnehmer an der Weltmeisterschaft im Bereich Webdesign 2013
  2. Bundesmeister im Bereich Webdesign 2012
  3. Zertifiziert im Bereich Adobe CS5.5
  4. Mediengestalter Digital und Print
  5. Informatik technischer Assistent

Ready to start learning?
Take This Course