{"id":5573,"date":"2020-08-26T10:51:07","date_gmt":"2020-08-26T10:51:07","guid":{"rendered":"https:\/\/berg-software.com\/einblicke\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/"},"modified":"2020-08-26T10:51:16","modified_gmt":"2020-08-26T10:51:16","slug":"ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen","status":"publish","type":"post","link":"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/","title":{"rendered":"\u00dcberblick: Ionic-Framework f\u00fcr hybride, plattform\u00fcbergreifende Anwendungen"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; fullwidth=&#8220;on&#8220; _builder_version=&#8220;4.4.1&#8243;][et_pb_fullwidth_post_title meta=&#8220;off&#8220; featured_placement=&#8220;background&#8220; _builder_version=&#8220;4.4.6&#8243; title_font=&#8220;Roboto||||||||&#8220; title_text_color=&#8220;#ff6317&#8243; title_font_size=&#8220;2.2em&#8220; meta_font=&#8220;|300|||||||&#8220; meta_text_color=&#8220;#ffffff&#8220; meta_font_size=&#8220;1em&#8220; background_enable_color=&#8220;off&#8220; use_background_color_gradient=&#8220;on&#8220; background_color_gradient_start=&#8220;rgba(248,248,248,0.85)&#8220; background_color_gradient_end=&#8220;rgba(248,248,248,0.75)&#8220; background_color_gradient_overlays_image=&#8220;on&#8220; min_height=&#8220;20vh&#8220; height=&#8220;400px&#8220; custom_padding=&#8220;6vh||6vh||false|false&#8220; global_module=&#8220;403&#8243; locked=&#8220;off&#8220;][\/et_pb_fullwidth_post_title][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;|||0px||&#8220; locked=&#8220;off&#8220;][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Intro&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;30px&#8220; header_3_font_size=&#8220;23px&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;16px&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p>Haben Sie sich jemals gefragt, wie es einigen Unternehmen gelingt, \u00fcber mehrere Anwendungen hinweg und auf mehreren Plattformen (Web und Mobil) Konsistenz zu gew\u00e4hrleisten? Wie schaffen sie das?<\/p>\n<p>Wenn Sie eine Struktur wie Ionic verwenden, ist das alles viel einfacher, als Sie es sich vorgestellt haben, denn damit kann man:<\/p>\n<ul>\n<li>mobile Anwendungen mit Web-Funktionalit\u00e4ten entwickeln;<\/li>\n<li>eine konsistente Benutzererfahrung \u00fcber mehrere Plattformen hinweg liefern;<\/li>\n<li>eine einzige Technologie sowohl f\u00fcr Web- als auch f\u00fcr mobile Anwendungen verwenden;<\/li>\n<li>doppelte Kodierung\/Implementierung vermeiden;<\/li>\n<li>die Lieferzeit reduzieren;<\/li>\n<li>die Entwicklungskosten senken.<\/li>\n<\/ul>\n<p>Wir bei Berg Software sind der Meinung, dass dies unabh\u00e4ngig von der Branche eine gro\u00dfartige Option f\u00fcr komplexe Unternehmen oder Produkte ist. Obwohl B2C-Nutzungen am meisten davon profitieren k\u00f6nnen, haben wir auch B2B-Nutzungsf\u00e4lle gesehen, in denen Ionic erfolgreich eingesetzt wurde.<\/p>\n<p>Ionic verwendet Web-Technologien (HTML, CSS und JavaScript), mit Integrationen f\u00fcr beliebte Technologien wie Angular und React. Da wir mit Angular bauen, ist es gro\u00dfartig, eine einzige Codebasis zu haben, die vollst\u00e4ndig von Ionic unterst\u00fctzt wird, um gro\u00dfartige Ergebnisse auf Mobil und Web oder auf Mobil und Desktop zu erzielen.<\/p>\n<p>Um unseren Worten Taten folgen zu lassen, wollen wir nun einen Blick auf den Prozess der App-Entwicklung mit Ionic (anstatt auf eine bestimmte App-Entwicklung) werfen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;|||0px||&#8220; locked=&#8220;off&#8220;][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 0: Erforderliche Tools&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h2>Wie funktioniert Ionic?<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 0: Erforderliche Tools&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 0: Erforderliche Tools<\/h3>\n<p>Um fortzufahren, haben Sie wahrscheinlich (bereits) die richtige Toolbox bereitstehen:<\/p>\n<ul>\n<li>Node.js und sein Paketmanager (npm) f\u00fcr die Interaktion mit dem Ionic-\u00d6kosystem.<\/li>\n<li>Einen Code-Editor mit Unterst\u00fctzung f\u00fcr Javascript \/ TypeScript (z. B. Visual Studio Code)<\/li>\n<li>Ein\/e Befehlszeilenschnittstelle\/-terminal (z. B. Visual Studio Code f\u00fcr das Befehlszeilen-Terminal).<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 1:&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 1: Installieren der Ionic-Tools<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Mit der Ionic CLI k\u00f6nnen Ionic-Anwendungen mit einem einzigen Befehl erstellt, kopiert und auf Android-Simulatoren und -Ger\u00e4ten eingesetzt werden. Um die Ionic CLI zu installieren, f\u00fchren Sie einfach folgende Schritte im Befehlszeilen-Terminal aus:[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">npm install -g @ionic\/cli<\/pre>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 2:&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 2: Ionic-App erstellen<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>2.1. Geben Sie den Befehl ein:<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">ionic start &lt;name&gt;<\/pre>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Dieser Befehl erstellt eine funktionierende Ionic-Anwendung. Sie installiert Abh\u00e4ngigkeiten f\u00fcr Sie und richtet Ihr Projekt ein. Das erste Argument ist der Name Ihrer Anwendung.[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>2.2. W\u00e4hlen Sie ein Framework<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; hover_enabled=&#8220;0&#8243; border_color_left=&#8220;#ff6317&#8243;]Wie in der Abbildung unten zu sehen ist, muss nach Eingabe des Befehls &#8222;ionic start&#8220; in einem Terminal das gew\u00fcnschte Framework Angular oder React ausgew\u00e4hlt werden. In meinem Fall habe ich Angular gew\u00e4hlt. @ionic\/angular kombiniert die Ionic-Kernerfahrung mit den Werkzeugen und APIs, die auf Angular-Entwickler zugeschnitten sind.[\/et_pb_text][et_pb_image src=&#8220;\/\/cdn.berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-pick-a-framework-1200px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; pick a framework 1200px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; pick a framework 1200px&#8220; _builder_version=&#8220;4.4.6&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>2.2. W\u00e4hlen Sie eine Vorlage<\/h4>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-pick-a-template-1200px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; pick a template 1200px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; pick a template 1200px&#8220; _builder_version=&#8220;4.4.6&#8243; hover_enabled=&#8220;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 3:&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 3: (Standard-) Ionic-Components &amp; Beginn der Entwicklung<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p>Die Ionic-Anwendungen bestehen aus High-Level-Bausteinen, den so genannten Components, mit denen Sie die Benutzeroberfl\u00e4che f\u00fcr Ihre Anwendung schnell erstellen k\u00f6nnen. Ionic ist mit einer Reihe von Components ausgestattet, darunter Karten, Listen und Registerkarten.<\/p>\n<p>Hier sehen Sie ein Beispiel f\u00fcr HTML-Code, der einen Teil der Ionic-Components verwendet:<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">&lt;ion-header [translucent]=\"true\"&gt;\n  &lt;ion-toolbar&gt;\n    &lt;ion-title&gt;\n Tab 1\n    &lt;\/ion-title&gt;\n  &lt;\/ion-toolbar&gt;\n&lt;\/ion-header&gt;\n&nbsp;\n&lt;ion-content [fullscreen]=\"true\"&gt;\n  &lt;ion-list&gt;\n    &lt;ion-item&gt;\n      &lt;ion-label&gt;Input&lt;\/ion-label&gt;\n      &lt;ion-input&gt;&lt;\/ion-input&gt;\n    &lt;\/ion-item&gt;\n    &lt;ion-item&gt;\n      &lt;ion-label&gt;Toggle&lt;\/ion-label&gt;\n      &lt;ion-toggle slot=\"end\"&gt;&lt;\/ion-toggle&gt;\n    &lt;\/ion-item&gt;\n    &lt;ion-item&gt;\n      &lt;ion-label&gt;Radio&lt;\/ion-label&gt;\n      &lt;ion-radio slot=\"end\"&gt;&lt;\/ion-radio&gt;\n    &lt;\/ion-item&gt;\n    &lt;ion-item&gt;\n      &lt;ion-label&gt;Checkbox&lt;\/ion-label&gt;\n      &lt;ion-checkbox slot=\"start\"&gt;&lt;\/ion-checkbox&gt;\n    &lt;\/ion-item&gt;\n  &lt;\/ion-list&gt;\n&lt;\/ion-content&gt;<\/pre>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Das ist die Webseite, die wir mit dem obigen HTML-Code erstellt haben:[\/et_pb_text][et_pb_image src=&#8220;\/\/cdn.berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-resulting-webpage-1200px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; resulting webpage 1200px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; resulting webpage 1200px&#8220; _builder_version=&#8220;4.4.6&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Ionic-Components sind in HTML, CSS und JavaScript geschrieben, was die Benutzerschnittstelle f\u00fcr viele Plattformen und Ger\u00e4tetypen so sch\u00f6n und funktional wie m\u00f6glich macht.[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p><strong>&lt;ion-header&gt;<\/strong> rstellt die oberste Navigations- und Werkzeugleiste dar, mit &#8222;Tab 1&#8220; als Titel.<br \/> <strong>&lt;ion-content&gt;<\/strong> enth\u00e4lt die visuellen Aspekte der Anwendung.<br \/> <strong>&lt;ion-list&gt;<\/strong><br \/> <strong>&lt;ion-item&gt;<\/strong> ist ein Element, das Text, Symbole, Avatare, Bilder, Eingaben und alle anderen nativen oder benutzerdefinierten Elemente enthalten kann.<br \/> <strong>&lt;ion-input&gt;<\/strong> ist f\u00fcr Eingaben von Textarten wie &#8222;Passwort&#8220;, &#8222;E-Mail&#8220; gedacht.<br \/> <strong>&lt;ion-label&gt;<\/strong> ist ein Wrapper-Element, das in Kombination mit &lt;ion-item,&gt;,  &lt;ion-input,&gt;usw. verwendet werden kann.<br \/> <strong>&lt;ion-toggle&gt;<\/strong> ist ein Knopf, der durch Dr\u00fccken oder Streichen ein- oder ausgeschaltet werden kann.<br \/> <strong>&lt;ion-checkbox&gt;<\/strong> kann verwendet werden, um den Benutzer wissen zu lassen, dass es notwendig ist, eine bin\u00e4re Entscheidung zu treffen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 4&#8243; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 4: Ausf\u00fchren Ihrer mit Ionic entwickelten<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Anwendung Sie k\u00f6nnen einfach einen Entwicklungsserver einrichten, der in Ihrem Browser gestartet wird. Er \u00fcberwacht Ihre Quelldateien auf \u00c4nderungen und l\u00e4dt automatisch mit dem aktualisierten Build nach. Standardm\u00e4\u00dfig bootet der Ionic Server einen Entwicklungsserver auf localhost.[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">ionic serve [options]<\/pre>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 5&#8243; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 5: Bereitstellen auf iOS und Android<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Mobile Anwendungen k\u00f6nnen entwickelt und dann \u00fcber native App-Stores verteilt werden, um auf Ger\u00e4ten mit Cordova oder Capacitor installiert zu werden.[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Cordova installieren:<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">npm install -g cordova<\/pre>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Kurze Auffrischung: Was ist Cordova? &amp; Warum benutzt man es?<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p>\u201c<em>Cordova verpackt Ihre HTML-\/JavaScript-App in einen nativen Container, der auf die Ger\u00e4tefunktionen mehrerer Plattformen zugreifen kann. Diese Funktionen werden \u00fcber eine einheitliche JavaScript-API bereitgestellt, sodass Sie problemlos einen Code schreiben k\u00f6nnen, der auf fast jedes heute auf dem Markt erh\u00e4ltliche Telefon oder Tablet ausgerichtet ist und in deren App-Stores ver\u00f6ffentlicht werden kann.<\/em>\u201d (<a href=\"https:\/\/cordova.apache.org\" target=\"_blank\" rel=\"noopener noreferrer\">Apache Cordova website<\/a>)<\/p>\n<p>Verwenden Sie Apache Cordova, um:<\/p>\n<ul>\n<li>eine mobile Anwendung auf mehrere Plattformen zu erweitern, ohne ihre Funktionalit\u00e4ten doppelt zu implementieren;<\/li>\n<li>eine Webanwendung zu implementieren, die zur Verteilung in verschiedenen Anwendungsportalen geb\u00fcndelt ist;<\/li>\n<li>native Anwendungskomponenten mit einem WebView (d. h. einer hybriden Anwendung) zu mischen.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Native Plugins<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Cordova bietet auch JavaScript-APIs an. Auf diese Weise kann die App auf eine Vielzahl von Ger\u00e4tefunktionen zugreifen, z. B. auf die Kontaktdatenbank oder die Kamera oder den Standort des Ger\u00e4ts. <\/p>\n<p>F\u00fcr eines unserer Projekte, das Zugriff auf den aktuellen Standort des Ger\u00e4ts ben\u00f6tigte, haben wir das Geolocation-Plugin verwendet. Der Zugriff auf den Standort (oder andere Funktionen) des Ger\u00e4ts h\u00e4ngt von seiner Plattform ab. Der Platform-Dienst kann verwendet werden, um Informationen \u00fcber Ihr aktuelles Ger\u00e4t zu erhalten. Sobald die Ger\u00e4teplattform eingestellt ist, rufen Sie eine Funktion auf, um auf den Standort zuzugreifen.[\/et_pb_text][et_pb_image src=&#8220;\/\/cdn.berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-geolocation-A-1000px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation A 1000px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation A 1000px&#8220; _builder_version=&#8220;4.4.6&#8243; custom_padding=&#8220;||1vh||false|false&#8220;][\/et_pb_image][et_pb_image src=&#8220;\/\/cdn.berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-geolocation-B-1000px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation B 1000px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation B 1000px&#8220; _builder_version=&#8220;4.4.6&#8243; custom_padding=&#8220;||1vh||false|false&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; hover_enabled=&#8220;0&#8243; border_color_left=&#8220;#ff6317&#8243;]In der Abbildung unten sehen Sie den Inhalt der Methode getLocation(), in der ich auf den Standort des Ger\u00e4ts zugegriffen habe. Auf den L\u00e4ngen- und Breitengrad kann \u00fcber die &#8222;coords&#8220;-Eigenschaft von &#8222;position&#8220; zugegriffen werden.[\/et_pb_text][et_pb_image src=&#8220;\/\/cdn.berg-software.com\/wp-content\/uploads\/Berg-Software-ionic-framework-geolocation-C-1200px.jpg&#8220; alt=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation C 1200px&#8220; title_text=&#8220;Berg Software &#8211; ionic framework &#8211; geolocation C 1200px&#8220; _builder_version=&#8220;4.4.6&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritt 6&#8243; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; hover_enabled=&#8220;0&#8243; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 6: Ionic-App auf mobilen Ger\u00e4ten erstellen<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Building Ionic Project<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Cordova kann native Projekte programmgesteuert erstellen und bereitstellen.<\/p>\n<p>F\u00fchren Sie Folgendes aus, um einen Live-Reload-Server zu starten, die App zu erstellen und bereitzustellen:[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">ionic cordova build &lt;platform&gt; [options]<\/pre>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Beispiele:[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">ionic cordova build android\nionic cordova build ios<\/pre>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Laufendes Ionic-Projekt<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p>Mit <strong>cordova build<\/strong> k\u00f6nnen Sie Ihre App kompilieren und vorbereiten. Schlie\u00dflich wird das native Dienstprogramm verwendet, um Ihre App auf einem Ger\u00e4t auszuf\u00fchren.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<pre class=\"text\" style=\"font-family:monospace;\">ionic cordova run [&lt;platform&gt;] [options]<\/pre>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;Schritte 7&#8243; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h3>Schritt 7: Debugging<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>Android-Anwendung<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Sobald eine Anwendung auf einem Android-Ger\u00e4t oder -Emulator ausgef\u00fchrt wird, kann sie mit Chrome DevTools gedebuggt werden. <\/p>\n<p>Chrome unterst\u00fctzt Web-Entwickler-Tools f\u00fcr Android-Simulatoren und -Ger\u00e4te. Gehen Sie in Chrome auf chrome:\/\/inspect, w\u00e4hrend der Simulator l\u00e4uft oder ein Ger\u00e4t an den Computer angeschlossen ist, und \u00fcberpr\u00fcfen Sie die Anwendung, die debuggt werden muss.[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;2vh||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h4>iOS-Anwendung<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Sobald eine Anwendung auf einem iOS-Ger\u00e4t oder Simulator ausgef\u00fchrt wird, kann sie in Safari gedebuggt werden.<\/p>\n<p>Safari bietet Web Inspector-Unterst\u00fctzung f\u00fcr iOS-Simulatoren und -Ger\u00e4te. \u00d6ffnen Sie das Men\u00fc &#8222;Develop&#8220;, w\u00e4hlen Sie den Simulator oder das Ger\u00e4t und dann die Ionic-App, um den Web-Inspektor zu \u00f6ffnen.<\/p>\n<p>Wenn das Men\u00fc &#8222;Develop&#8220; ausgeblendet ist, aktivieren Sie es in Safari \u00bb Preferences \u00bb Advanced \u00bb Show Develop menu in der Men\u00fcleiste.<\/p>\n<p>Wenn die Anwendung nicht aufgelistet ist, muss der Web Inspector m\u00f6glicherweise auf dem Ger\u00e4t unter Settings \u00bb Safari \u00bb Advanced \u00bb Web Inspector aktiviert werden.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;|||0px||&#8220; locked=&#8220;off&#8220;][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;nachteile&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h2>Die Nachteile von Ionic<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]Der Browser liefert nicht immer die richtigen Informationen \u00fcber die Telefonumgebung, was das Testen erschwert. Es gibt so viele verschiedene Ger\u00e4te wie Plattformen, und f\u00fcr genaueste Tests m\u00fcssen so viele wie m\u00f6glich abgedeckt werden. <\/p>\n<p>Au\u00dferdem lassen sich die nativen Funktionalit\u00e4ten nur schwer miteinander kombinieren. Es kann Plugin-Kompatibilit\u00e4tsprobleme geben, d. h. Fehler, die schwer zu beheben und zu l\u00f6sen sein k\u00f6nnen. <\/p>\n<p>Schlie\u00dflich sind Hybridanwendungen tendenziell langsamer als native. Da sich die mobilen Technologien verbessern, ist dies jedoch kein dauerhaftes Problem.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;|||0px||&#8220; locked=&#8220;off&#8220;][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;_ (1)&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_font=&#8220;|300|||||||&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h2>__<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; hover_enabled=&#8220;0&#8243; border_color_left=&#8220;#ff6317&#8243;]Ionic ist kein Hammer, mit dem man alle N\u00e4gel einschlagen kann. Alles in allem sehen wir jedoch viele Anwendungsf\u00e4lle, bei denen die Vorteile die Nachteile \u00fcberwiegen. Aufgrund seiner Geschwindigkeit und Bequemlichkeit ist es eine nat\u00fcrliche Wahl f\u00fcr Anwendungen, die mehrere Plattformen mit kurzen Bereitstellungszeiten und relativ weniger Ressourcen abdecken m\u00fcssen. Wir bei Berg Software empfehlen es sehr.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8220;on&#8220; admin_label=&#8220;_ (2)&#8220; _builder_version=&#8220;4.4.6&#8243; custom_margin=&#8220;6vh||6vh||false|false&#8220; custom_padding=&#8220;|20%||2.5vw|false|false&#8220; border_width_left=&#8220;1px&#8220; border_color_left=&#8220;#ff6317&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_font=&#8220;|300|||||||&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<h2>__<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.4.6&#8243; text_font=&#8220;|300|||||||&#8220; text_font_size=&#8220;1.1em&#8220; text_line_height=&#8220;1.4em&#8220; quote_font=&#8220;|700|||||||&#8220; quote_text_align=&#8220;left&#8220; quote_font_size=&#8220;16px&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;2em&#8220; header_3_font_size=&#8220;1.5em&#8220; header_4_font=&#8220;||||||||&#8220; header_4_font_size=&#8220;1.2em&#8220; header_4_line_height=&#8220;1.5em&#8220; header_5_font_size=&#8220;14px&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;||||false|false&#8220; border_color_left=&#8220;#ff6317&#8243;]<\/p>\n<p>Benutzen *Sie* Ionic? Wie &amp; f\u00fcr welche Anwendungsf\u00e4lle? <a href=\"mailto:contact@bergsoftprod.wpengine.com\">Lassen Sie es uns wissen<\/a>!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;3.22&#8243; background_color=&#8220;#eeeeee&#8220; custom_padding=&#8220;50px||50px||false|false&#8220; border_color_top=&#8220;#ff6317&#8243; global_module=&#8220;1642&#8243;][et_pb_row column_structure=&#8220;1_3,1_3,1_3&#8243; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;0px|||||&#8220; locked=&#8220;off&#8220;][et_pb_column type=&#8220;1_3&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_social_media_follow _builder_version=&#8220;4.4.4&#8243; text_orientation=&#8220;left&#8220;][et_pb_social_media_follow_network social_network=&#8220;linkedin&#8220; url=&#8220;https:\/\/www.linkedin.com\/company\/berg-computers-srl\/&#8220; _builder_version=&#8220;4.4.4&#8243; background_color=&#8220;#007bb6&#8243; follow_button=&#8220;off&#8220; url_new_window=&#8220;on&#8220;]linkedin[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=&#8220;twitter&#8220; url=&#8220;https:\/\/twitter.com\/berg_software&#8220; _builder_version=&#8220;4.4.4&#8243; background_color=&#8220;#00aced&#8220; follow_button=&#8220;off&#8220; url_new_window=&#8220;on&#8220;]twitter[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=&#8220;facebook&#8220; url=&#8220;https:\/\/www.facebook.com\/bergCOMPUTERS&#8220; _builder_version=&#8220;4.4.4&#8243; background_color=&#8220;#3b5998&#8243; follow_button=&#8220;off&#8220; url_new_window=&#8220;on&#8220;]facebook[\/et_pb_social_media_follow_network] [et_pb_social_media_follow_network social_network=&#8220;instagram&#8220; url=&#8220;https:\/\/www.instagram.com\/berg_software\/&#8220; _builder_version=&#8220;4.4.4&#8243; background_color=&#8220;#ea2c59&#8243; follow_button=&#8220;off&#8220; url_new_window=&#8220;on&#8220;]instagram[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][et_pb_column type=&#8220;1_3&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_post_nav in_same_term=&#8220;on&#8220; show_next=&#8220;off&#8220; _builder_version=&#8220;4.4.1&#8243; title_text_color=&#8220;#ff6317&#8243; custom_padding=&#8220;|25px|||false|false&#8220;][\/et_pb_post_nav][\/et_pb_column][et_pb_column type=&#8220;1_3&#8243; _builder_version=&#8220;4.4.1&#8243;][et_pb_post_nav in_same_term=&#8220;on&#8220; show_prev=&#8220;off&#8220; _builder_version=&#8220;4.4.1&#8243; title_text_color=&#8220;#ff6317&#8243; custom_padding=&#8220;|||25px|false|false&#8220;][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;CONTACT&#8220; _builder_version=&#8220;4.4.1&#8243; background_color=&#8220;#d2d2d2&#8243; custom_padding=&#8220;75px||75px||false|false&#8220; global_module=&#8220;1544&#8243;][et_pb_row column_structure=&#8220;1_4,3_4&#8243; admin_label=&#8220;Service Section Title&#8220; _builder_version=&#8220;4.4.1&#8243; custom_padding=&#8220;||25px||false|false&#8220; animation_direction=&#8220;top&#8220; locked=&#8220;off&#8220;][et_pb_column type=&#8220;1_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; custom_padding__hover=&#8220;|||&#8220;][\/et_pb_column][et_pb_column type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.4.1&#8243; text_font=&#8220;|300|||||||&#8220; text_text_color=&#8220;#ffffff&#8220; text_line_height=&#8220;1.1em&#8220; header_5_font=&#8220;|600|||||||&#8220; header_5_text_color=&#8220;#ffffff&#8220; header_5_font_size=&#8220;14px&#8220; header_5_line_height=&#8220;1.5em&#8220; custom_margin=&#8220;||||false|false&#8220;]29 Jahre im Gesch\u00e4ft | 2700 Software-Projekte | 760 Kunden | 24 L\u00e4nder<\/p>\n<h5>Wir verwandeln Ideen in Software. Wie lautet Ihre Idee?<\/h5>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Title&#8220; _builder_version=&#8220;4.4.1&#8243; header_text_align=&#8220;center&#8220; header_2_font=&#8220;|300|||||||&#8220; header_2_text_align=&#8220;left&#8220; header_2_text_color=&#8220;#ff6317&#8243; header_2_font_size=&#8220;50px&#8220; header_2_line_height=&#8220;0.9em&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;25px||25px||false|false&#8220;]<\/p>\n<h2>Kontakt aufnehmen<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_4,3_4&#8243; _builder_version=&#8220;4.4.4&#8243;][et_pb_column type=&#8220;1_4&#8243; _builder_version=&#8220;4.4.4&#8243;][\/et_pb_column][et_pb_column type=&#8220;3_4&#8243; _builder_version=&#8220;4.4.4&#8243;][et_pb_contact_form email=&#8220;contact@bergsoftprod.wpengine.com&#8220; custom_message=&#8220;WEBFORM MESSAGE||et_pb_line_break_holder||\uff3f||et_pb_line_break_holder||FROM: %%Name%%||et_pb_line_break_holder||EMAIL: %%Email%%||et_pb_line_break_holder||PHONE NUMBER: %%Phone_number%%||et_pb_line_break_holder||COMPANY: %%Company_name%%||et_pb_line_break_holder||TERMS &amp;amp; CONDITIONS: %%Terms_and_Conditions%%||et_pb_line_break_holder||DATA PRIVACY POLICY: %%Data_Privacy_Policy%%||et_pb_line_break_holder||\uff3f||et_pb_line_break_holder||MESSAGE:||et_pb_line_break_holder||%%Message%%&#8220; success_message=&#8220;Thank you for reaching out! Your message was sent. We will get back to you right away.&#8220; _builder_version=&#8220;4.4.4&#8243; form_field_background_color=&#8220;#d2d2d2&#8243; form_field_text_color=&#8220;#ffffff&#8220; form_field_focus_background_color=&#8220;#ffffff&#8220; form_field_focus_text_color=&#8220;#000000&#8243; title_level=&#8220;h2&#8243; title_font=&#8220;|300|||||||&#8220; title_text_color=&#8220;#ff6317&#8243; title_font_size=&#8220;30px&#8220; form_field_line_height=&#8220;1.5em&#8220; custom_button=&#8220;on&#8220; button_text_size=&#8220;14px&#8220; button_text_color=&#8220;#ffffff&#8220; button_bg_color=&#8220;#ff6317&#8243; button_border_width=&#8220;0px&#8220; button_border_radius=&#8220;0px&#8220; button_icon=&#8220;%%3%%&#8220; button_on_hover=&#8220;off&#8220; border_color_all=&#8220;#ffffff&#8220; border_width_bottom=&#8220;1px&#8220;][et_pb_contact_field field_id=&#8220;Name&#8220; field_title=&#8220;Name *&#8220; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243; form_field_background_color=&#8220;#d2d2d2&#8243; form_field_text_color=&#8220;#ffffff&#8220; form_field_focus_background_color=&#8220;#ffffff&#8220; form_field_focus_text_color=&#8220;#000000&#8243; border_width_bottom=&#8220;1px&#8220; button_text_size__hover_enabled=&#8220;off&#8220; button_one_text_size__hover_enabled=&#8220;off&#8220; button_two_text_size__hover_enabled=&#8220;off&#8220; button_text_color__hover_enabled=&#8220;off&#8220; button_one_text_color__hover_enabled=&#8220;off&#8220; button_two_text_color__hover_enabled=&#8220;off&#8220; button_border_width__hover_enabled=&#8220;off&#8220; button_one_border_width__hover_enabled=&#8220;off&#8220; button_two_border_width__hover_enabled=&#8220;off&#8220; button_border_color__hover_enabled=&#8220;off&#8220; button_one_border_color__hover_enabled=&#8220;off&#8220; button_two_border_color__hover_enabled=&#8220;off&#8220; button_border_radius__hover_enabled=&#8220;off&#8220; button_one_border_radius__hover_enabled=&#8220;off&#8220; button_two_border_radius__hover_enabled=&#8220;off&#8220; button_letter_spacing__hover_enabled=&#8220;off&#8220; button_one_letter_spacing__hover_enabled=&#8220;off&#8220; button_two_letter_spacing__hover_enabled=&#8220;off&#8220; button_bg_color__hover_enabled=&#8220;off&#8220; button_one_bg_color__hover_enabled=&#8220;off&#8220; button_two_bg_color__hover_enabled=&#8220;off&#8220;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Email&#8220; field_title=&#8220;E-Mail-Adresse *&#8220; field_type=&#8220;email&#8220; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243; button_text_size__hover_enabled=&#8220;off&#8220; button_one_text_size__hover_enabled=&#8220;off&#8220; button_two_text_size__hover_enabled=&#8220;off&#8220; button_text_color__hover_enabled=&#8220;off&#8220; button_one_text_color__hover_enabled=&#8220;off&#8220; button_two_text_color__hover_enabled=&#8220;off&#8220; button_border_width__hover_enabled=&#8220;off&#8220; button_one_border_width__hover_enabled=&#8220;off&#8220; button_two_border_width__hover_enabled=&#8220;off&#8220; button_border_color__hover_enabled=&#8220;off&#8220; button_one_border_color__hover_enabled=&#8220;off&#8220; button_two_border_color__hover_enabled=&#8220;off&#8220; button_border_radius__hover_enabled=&#8220;off&#8220; button_one_border_radius__hover_enabled=&#8220;off&#8220; button_two_border_radius__hover_enabled=&#8220;off&#8220; button_letter_spacing__hover_enabled=&#8220;off&#8220; button_one_letter_spacing__hover_enabled=&#8220;off&#8220; button_two_letter_spacing__hover_enabled=&#8220;off&#8220; button_bg_color__hover_enabled=&#8220;off&#8220; button_one_bg_color__hover_enabled=&#8220;off&#8220; button_two_bg_color__hover_enabled=&#8220;off&#8220;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Phone_number&#8220; field_title=&#8220;Telefonnummer&#8220; required_mark=&#8220;off&#8220; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Company_name&#8220; field_title=&#8220;Name des Unternehmens&#8220; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Message&#8220; field_title=&#8220;Nachricht *&#8220; field_type=&#8220;text&#8220; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243; form_field_background_color=&#8220;#d2d2d2&#8243; form_field_focus_background_color=&#8220;#ffffff&#8220; form_field_focus_text_color=&#8220;#000000&#8243; border_width_bottom=&#8220;1px&#8220; button_text_size__hover_enabled=&#8220;off&#8220; button_one_text_size__hover_enabled=&#8220;off&#8220; button_two_text_size__hover_enabled=&#8220;off&#8220; button_text_color__hover_enabled=&#8220;off&#8220; button_one_text_color__hover_enabled=&#8220;off&#8220; button_two_text_color__hover_enabled=&#8220;off&#8220; button_border_width__hover_enabled=&#8220;off&#8220; button_one_border_width__hover_enabled=&#8220;off&#8220; button_two_border_width__hover_enabled=&#8220;off&#8220; button_border_color__hover_enabled=&#8220;off&#8220; button_one_border_color__hover_enabled=&#8220;off&#8220; button_two_border_color__hover_enabled=&#8220;off&#8220; button_border_radius__hover_enabled=&#8220;off&#8220; button_one_border_radius__hover_enabled=&#8220;off&#8220; button_two_border_radius__hover_enabled=&#8220;off&#8220; button_letter_spacing__hover_enabled=&#8220;off&#8220; button_one_letter_spacing__hover_enabled=&#8220;off&#8220; button_two_letter_spacing__hover_enabled=&#8220;off&#8220; button_bg_color__hover_enabled=&#8220;off&#8220; button_one_bg_color__hover_enabled=&#8220;off&#8220; button_two_bg_color__hover_enabled=&#8220;off&#8220;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Terms_and_Conditions&#8220; field_title=&#8220; &#8220; field_type=&#8220;checkbox&#8220; checkbox_options=&#8220;%91{%22value%22:%22Ich habe die AGB gelesen und akzeptiert%22,%22checked%22:0,%22dragID%22:-1}%93&#8243; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8220;Data_Privacy_Policy&#8220; field_title=&#8220; &#8220; field_type=&#8220;checkbox&#8220; checkbox_options=&#8220;%91{%22value%22:%22Ich habe die Datenschutzrichtlinie gelesen und akzeptiert%22,%22checked%22:0,%22dragID%22:-1}%93&#8243; fullwidth_field=&#8220;on&#8220; _builder_version=&#8220;4.4.4&#8243;][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie schaffen es Unternehmen, \u00fcber mehrere Anwendungen hinweg auf mehreren Plattformen (Web und Mobile) konsistent zu bleiben? Bei Berg Software arbeiten wir mit Ionic (und empfehlen es weiter).<\/p>\n","protected":false},"author":10,"featured_media":5563,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[79,141],"tags":[],"class_list":["post-5573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-einblicke","category-how-to-de"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v16.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ionic framework for hybrid, multi-platform applications | Berg Software<\/title>\n<meta name=\"description\" content=\"Wie schaffen es Unternehmen, \u00fcber mehrere Anwendungen hinweg auf mehreren Plattformen (Web und Mobile) konsistent zu bleiben? Bei Berg Software arbeiten wir mit Ionic (und empfehlen es weiter).\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic framework for hybrid, multi-platform applications | Berg Software\" \/>\n<meta property=\"og:description\" content=\"Wie schaffen es Unternehmen, \u00fcber mehrere Anwendungen hinweg auf mehreren Plattformen (Web und Mobile) konsistent zu bleiben? Bei Berg Software arbeiten wir mit Ionic (und empfehlen es weiter).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\" \/>\n<meta property=\"og:site_name\" content=\"Berg Software\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bergCOMPUTERS\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-26T10:51:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-26T10:51:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.berg-software.com\/wp-content\/uploads\/Berg-software-ionic-framework-native-hybrid-web-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@berg_software\" \/>\n<meta name=\"twitter:site\" content=\"@berg_software\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\">\n\t<meta name=\"twitter:data1\" content=\"36 Minuten\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.berg-software.com\/de\/#organization\",\"name\":\"Berg Software\",\"url\":\"https:\/\/www.berg-software.com\/de\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/bergCOMPUTERS\/\",\"https:\/\/www.instagram.com\/berg_software\/\",\"https:\/\/www.linkedin.com\/company\/berg-computers-srl\/\",\"https:\/\/www.youtube.com\/channel\/UCw1FfcRJnC-CoKPwlcM10Iw\",\"https:\/\/twitter.com\/berg_software\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.berg-software.com\/de\/#logo\",\"inLanguage\":\"de-DE\",\"url\":\"https:\/\/berg-software.com\/wp-content\/uploads\/berg-software-logo.png\",\"contentUrl\":\"https:\/\/berg-software.com\/wp-content\/uploads\/berg-software-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Berg Software\"},\"image\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.berg-software.com\/de\/#website\",\"url\":\"https:\/\/www.berg-software.com\/de\/\",\"name\":\"Berg Software\",\"description\":\"We turn ideas into software.\",\"publisher\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.berg-software.com\/de\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https:\/\/www.berg-software.com\/wp-content\/uploads\/Berg-software-ionic-framework-native-hybrid-web-1.jpg\",\"contentUrl\":\"https:\/\/www.berg-software.com\/wp-content\/uploads\/Berg-software-ionic-framework-native-hybrid-web-1.jpg\",\"width\":1500,\"height\":750,\"caption\":\"Berg software - ionic framework native hybrid web\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#webpage\",\"url\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\",\"name\":\"Ionic framework for hybrid, multi-platform applications | Berg Software\",\"isPartOf\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#primaryimage\"},\"datePublished\":\"2020-08-26T10:51:07+00:00\",\"dateModified\":\"2020-08-26T10:51:16+00:00\",\"description\":\"Wie schaffen es Unternehmen, \\u00fcber mehrere Anwendungen hinweg auf mehreren Plattformen (Web und Mobile) konsistent zu bleiben? Bei Berg Software arbeiten wir mit Ionic (und empfehlen es weiter).\",\"breadcrumb\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.berg-software.com\/de\/\",\"url\":\"https:\/\/www.berg-software.com\/de\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.berg-software.com\/de\/category\/einblicke\/\",\"url\":\"https:\/\/www.berg-software.com\/de\/category\/einblicke\/\",\"name\":\"Einblicke\"}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\",\"url\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/\",\"name\":\"\\u00dcberblick: Ionic-Framework f\\u00fcr hybride, plattform\\u00fcbergreifende Anwendungen\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/#\/schema\/person\/c30f728cd36ad12eb903071b34eee31f\"},\"headline\":\"\\u00dcberblick: Ionic-Framework f\\u00fcr hybride, plattform\\u00fcbergreifende Anwendungen\",\"datePublished\":\"2020-08-26T10:51:07+00:00\",\"dateModified\":\"2020-08-26T10:51:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.berg-software.com\/de\/ueberblick-ionic-framework-fuer-hybride-plattformuebergreifende-anwendungen\/#primaryimage\"},\"articleSection\":\"Einblicke,How to\",\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.berg-software.com\/de\/#\/schema\/person\/c30f728cd36ad12eb903071b34eee31f\",\"name\":\"Mirela Berzescu\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/posts\/5573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/comments?post=5573"}],"version-history":[{"count":0,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/posts\/5573\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/media\/5563"}],"wp:attachment":[{"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/media?parent=5573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/categories?post=5573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.berg-software.com\/de\/wp-json\/wp\/v2\/tags?post=5573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}