<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HTML5</title>
	<atom:link href="https://www.yuhiro.de/category/html5/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.yuhiro.de</link>
	<description>Ihre Entwickler arbeiten in unserer Niederlassung in Indien</description>
	<lastBuildDate>Tue, 03 Dec 2024 04:07:22 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>
	<item>
		<title>HTML + CSS + JavaScript: die Basis für die Frontendentwicklung</title>
		<link>https://www.yuhiro.de/html-css-javascript-die-basis-fuer-die-frontendentwicklung/</link>
					<comments>https://www.yuhiro.de/html-css-javascript-die-basis-fuer-die-frontendentwicklung/#respond</comments>
		
		<dc:creator><![CDATA[Autor]]></dc:creator>
		<pubDate>Tue, 23 Feb 2021 08:22:52 +0000</pubDate>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Webentwicklung]]></category>
		<guid isPermaLink="false">https://www.yuhiro.de/?p=11061</guid>

					<description><![CDATA[<p>HTML + CSS + JavaScript: die Basis für die Frontendentwicklung Es ist noch gar nicht so lange her, dass die Begriffe Frontend und Backend eine nennenswerte Unterscheidung in der Softwareentwicklung haben. Der klassische Programmierer war ursprünglich für beides zuständig.&#160; Doch mit dem Aufkommen des Internets begann es</p>
The post <a href="https://www.yuhiro.de/html-css-javascript-die-basis-fuer-die-frontendentwicklung/">HTML + CSS + JavaScript: die Basis für die Frontendentwicklung</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">HTML + CSS + JavaScript: die Basis für die Frontendentwicklung</h2>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://www.yuhiro.de/wp-content/uploads/2021/02/Frontend.jpg" rel="wp-prettyPhoto[11061]"><img fetchpriority="high" decoding="async" width="575" height="250" src="https://www.yuhiro.de/wp-content/uploads/2021/02/Frontend.jpg" alt="" class="wp-image-11062" srcset="https://www.yuhiro.de/wp-content/uploads/2021/02/Frontend.jpg 575w, https://www.yuhiro.de/wp-content/uploads/2021/02/Frontend-300x130.jpg 300w" sizes="(max-width: 575px) 100vw, 575px" /></a></figure></div>



<p>Es ist noch gar nicht so lange her, dass die Begriffe Frontend und Backend eine nennenswerte Unterscheidung in der Softwareentwicklung haben. Der klassische Programmierer war ursprünglich für beides zuständig.&nbsp;</p>



<p>Doch mit dem Aufkommen des Internets begann es sich zu differenzieren. Dabei war der Webdesigner für das Frontend zuständig und der Webentwickler übernahm die funktionelle Programmierung, also das Backend. Programmierarbeit ist allerdings heutzutage in den meisten Fällen auch im Frontend notwendig.&nbsp;</p>



<p>Dadurch dass sich in der Webentwicklung diese beiden Bereiche getrennt entwickelt haben, gibt es dort unterschiedliche Technologien und Programmiersprachen. In der Webentwicklung dominieren heute im Frontendbereich HTML, CSS und Javascript.</p>



<h3 class="wp-block-heading"><strong>Was ist das Frontend?</strong></h3>



<p>Das Frontend ist alles, was der Benutzer sehen oder bedienen (anklicken) kann &#8211; es geht um Interaktion, visuelle Elemente, Schnittstellen. Das Frontend wird oft als &#8222;Client-seitige&#8220; Software bezeichnet und hat grafische Elemente, Bilder und Links.&nbsp;</p>



<p>Ein modernes Web-Frontend ist plattformunabhängig und ermöglicht ein responsives und zunehmend fortschrittliches Webdesign für alle Gerätetypen und Bildschirmauflösungen &#8211; vom Smartphone über das Tablet bis hin zum klassischen Desktop-PC. Da alle wichtigen öffentlichen Seiten mittlerweile mehr Zugriffe von mobilen Endgeräten als von Laptops oder stationären Computern haben, macht dieser Ansatz sehr viel Sinn.&nbsp;</p>



<p>Nur so kann eine hohe Nutzerakzeptanz und maximale Produktivität der Software durch umfassende Verfügbarkeit erreicht werden. Ein professioneller Frontend-Entwickler achtet zudem auf höchste Stabilität, damit eine kostengünstige Wartung möglich ist. Javascript, CSS und HTML5 sind dabei für jeden Frontend-Softwareentwickler unverzichtbar. Frontend-Entwickler arbeiten hauptsächlich an Websites. Backend-Entwickler kümmern sich um die gesamte Server-Logik, Datenbanken und den Client-Server-Datenfluss.&nbsp;</p>



<p>Auch wenn der größte Teil der Arbeit eines Backend-Entwicklers auf den ersten Blick nicht sichtbar ist, so ist er doch das Herzstück seiner Anwendung.</p>



<h3 class="wp-block-heading"><strong>Was ist Webentwicklung?</strong></h3>



<p>Bei der Webentwicklung geht es um die Erstellung von Websites für das Internet. Ein großer Bereich der Webentwicklung dreht sich darum, Fehler zu erkennen und zu korrigieren, um eine Website dauerhaft zu verbessern.&nbsp;</p>



<p>Die Hypertext Markup Language (HTML) wird dabei in der Webentwicklung zur semantischen Grobstrukturierung digitaler Objekte durch sogenannte Marker verwendet. Auf diese Weise können Elemente wie Textabschnitte, Überschriften, Grafiken oder Hyperlinks definiert werden.&nbsp;</p>



<p>Ein solch ausgezeichneter Quellcode stellt die Grundstruktur jeder Webseite dar. Die moderne Version HTML5 erweitert einen solchen exzellenten Quellcode zusätzlich um Markups für Audio- und Videoelemente. Die wichtigsten Programmiersprachen zur Entwicklung lebendiger Webseiten für das Backend sind PHP, Java und Python &#8211; für das Frontend hingegen Javascript.</p>



<h3 class="wp-block-heading"><strong>Wie arbeitet ein Frontend-Entwickler?</strong></h3>



<p>Frontend-Entwickler arbeiten oft in einer interdisziplinären, agilen Gruppe. Es findet immer ein reger Austausch mit Kollegen aus dem Backend- und Frontend-Bereich statt. Außerdem arbeiten sie oft eng mit den Abteilungen Design, Technik, Produkt- und Projektmanagement zusammen.&nbsp;</p>



<p>Mit Frontend-Techniken und -Technologien können Frontend-Entwickler Webseiten prinzipiell auch von Grund auf neu schreiben oder, was inzwischen immer häufiger der Fall ist, da es viel Zeit spart, auf das bestehende Design anwenden und es an die Bedürfnisse der Kunden anpassen. Neben der Beherrschung der zentralen Techniken sind auch gute methodische Fähigkeiten für die Frontend-Entwicklung wichtig.&nbsp;</p>



<p>Gerade Firmen und Unternehmen profitieren von Profis mit umfangreichen Kenntnissen. Dazu müssen die Programmierer Begriffe wie Black-Box-Testing, White-Box-Testing und Beta-Testing kennen und Abweichungen erklären können, außerdem muss der Quellcode klar strukturiert sein und eine umfangreiche Dokumentation erstellt werden. Dementsprechend braucht man Kenntnisse in CSS, sollte aber auch etwas von Programmierung verstehen.</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://www.yuhiro.de/wp-content/uploads/2021/02/Web.jpg" rel="wp-prettyPhoto[11061]"><img decoding="async" width="575" height="250" src="https://www.yuhiro.de/wp-content/uploads/2021/02/Web.jpg" alt="" class="wp-image-11063" srcset="https://www.yuhiro.de/wp-content/uploads/2021/02/Web.jpg 575w, https://www.yuhiro.de/wp-content/uploads/2021/02/Web-300x130.jpg 300w" sizes="(max-width: 575px) 100vw, 575px" /></a></figure></div>



<h3 class="wp-block-heading"><strong>Was ist HTML?</strong></h3>



<p>HTML ist eine sogenannte Auszeichnungssprache für Dokumente, die neben Texten auch Links, Bilder und andere Dinge enthalten. HTML-Dokumente sind dabei die Basis für des World Wide Web. Sie werden von allen Webbrowsern verarbeitet und angezeigt. HTML-Dateien versehen dabei die Inhalte mit zusätzlichen Informationen, zum Beispiel über Sprachen, den Verfasser oder den Inhalt des Dokuments.&nbsp;</p>



<p>Die visuelle Darstellung ist jedoch nicht Teil von HTML. Vor dem Aufkommen des World Wide Web und seiner Dienste, darunter HTML, war es nicht möglich, Dokumente elektronisch zwischen mehreren Geräten auszutauschen. Daher wurde eine Textauszeichnungssprache benötigt, die leicht zu verstehen war. Genau an dieser Stelle kam HTML ins Spiel. Um Forschungsergebnisse mit Kollegen austauschen zu können, wurde 1989 am CERN ein Projekt initiiert, aus dem letztendlich HTML hervorging.</p>



<h3 class="wp-block-heading"><strong>Was ist CSS?</strong></h3>



<p>CSS ist eine Programmiersprache, die im Webdesign verwendet wird, um das Layout, die Farben und das Design von Websites standardmäßig zu programmieren. Zusammen mit HTML bildet CSS eine Kernsprache des World Wide Web.&nbsp;</p>



<p>Die Abkürzung steht für &#8222;Cascading Style Sheets&#8220;. Die darin definierten Stile werden in &#8222;Stylesheets&#8220; mit der Endung .css an die Elemente einer Webseite angehängt. Viele Leute sind der Meinung, dass das Aufkommen von CSS ein Wendepunkt im Webdesign war, weil es Webentwicklern erlaubt, die Stile und das Aussehen mehrerer HTML-Seiten gleichzeitig zu überprüfen, so dass ein Webentwickler nun einen Stil für ein Element definieren und diesen auf unendlich vielen Seiten verwenden kann.</p>



<h3 class="wp-block-heading"><strong>Was ist Javascript?</strong></h3>



<p>Javascript ist die Programmiersprache des World Wide Web &#8211; geschaffen für Webseiten und im Laufe der Zeit erweitert für immer komplexere Anwendungen. Sie bringt Interaktion auf HTML-Seiten und reduziert die zeitaufwändige Übertragung zwischen Benutzer, Browser und Server. Sie ermöglicht darüber hinaus die Interaktion mit dem Benutzer oder die Validierung von Eingaben. Mit Javascript können Einsteiger auch ohne viel Erfahrung und selbst mit wenig Programmierkenntnissen erstaunlich einfach Aufgaben lösen.&nbsp;</p>



<p>Mit dem Anstieg immer komplexerer Anforderungen für dynamische Frontends, wurden zahlreiche Erweiterungen (Frameworks) in Javascript entwickelt, die dieses in seiner Funktionalität stark erweitern. Eines der ersten Frameworks war JQuery. JQuery vereinfacht den Umgang mit den Elementen, aus denen eine Website besteht, erheblich und erspart dem Entwickler eine Menge Programmierarbeit, da JQuery eine Seite verändern kann, während sie dem Benutzer angezeigt wird. Weitere bekannte Frameworks, die zum Teil auf JQuery aufbauen, sind React, Angular oder Vue.</p>



<h3 class="wp-block-heading"><strong>Fazit</strong></h3>



<p>Frontendentwickler im Bereich der Webentwicklung müssen heute mit einer großen Zahl unterschiedlicher Technologien und Programmiersprachen umgehen können. Gleichzeitig müssen sie so unterschiedliche Formate wie HTML, CSS und Javascript miteinander verknüpfen und zu einem funktionieren Ganzen vereinen.&nbsp;</p>



<p>Umfangreiche Javascript-Bibliotheken versuchen mittlerweile diesen Prozess zu vereinfachen und die Technologien miteinander in einem Paket zu verschnüren. Das bedeutet aber wiederum für den Frontendentwickler, dass er sich permanent in neue Technologien einarbeiten muss.</p>



<p>Interessante Links:</p>



<p><a href="https://www.digicomp.ch/blog/2014/08/21/aller-guten-dinge-sind-3-html-css-und-javascript-im-zusammenspiel">Das Zusammenspiel von HTML, CSS und JavaScript</a></p>



<p><a href="https://phlow.de/magazin/webdesign/html/html-css-javascript-erklaert/">Frontendentwicklung einfach erklärt auf Phlow</a></p>



<p>Bilder: Canva</p>



<hr class="wp-block-separator"/>



<div class="wp-block-image"><figure class="alignleft"><img decoding="async" width="150" height="150" src="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg" alt="" class="wp-image-229" srcset="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg 150w, https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed.jpg 227w" sizes="(max-width: 150px) 100vw, 150px" /></figure></div>



<p>Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.</p>The post <a href="https://www.yuhiro.de/html-css-javascript-die-basis-fuer-die-frontendentwicklung/">HTML + CSS + JavaScript: die Basis für die Frontendentwicklung</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.yuhiro.de/html-css-javascript-die-basis-fuer-die-frontendentwicklung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTML5 Entwickler gesucht? Gefunden!</title>
		<link>https://www.yuhiro.de/html5-entwickler-gesucht-gefunden/</link>
					<comments>https://www.yuhiro.de/html5-entwickler-gesucht-gefunden/#respond</comments>
		
		<dc:creator><![CDATA[Sascha Thattil]]></dc:creator>
		<pubDate>Sun, 17 May 2015 12:58:16 +0000</pubDate>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[HTML5]]></category>
		<guid isPermaLink="false">https://www.yuhiro.de/?p=5919</guid>

					<description><![CDATA[<p>HTML5 Entwickler gesucht? Gefunden! YUHIRO stellt mittelständischen Agenturen und IT Unternehmen HTML5 Entwickler zur Verfügung. In diesem Beitrag zeigen wir zudem ein Beispiel, an welchem einer unserer HTML5 Experten gearbeitet hat. Es ging darum mit dieser Technologie einen Online Zeitschriften-Viewer für grosse Verlage zu erstellen, bzw. zu</p>
The post <a href="https://www.yuhiro.de/html5-entwickler-gesucht-gefunden/">HTML5 Entwickler gesucht? Gefunden!</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">HTML5 Entwickler gesucht? Gefunden!</h2>


<div class="wp-block-image">
<figure class="aligncenter"><a href="https://www.yuhiro.de/wp-content/uploads/2015/05/Suchen-Sie-passende-Experten.jpg" rel="wp-prettyPhoto[5919]"><img loading="lazy" decoding="async" width="569" height="356" src="https://www.yuhiro.de/wp-content/uploads/2015/05/Suchen-Sie-passende-Experten.jpg" alt="" class="wp-image-5920" srcset="https://www.yuhiro.de/wp-content/uploads/2015/05/Suchen-Sie-passende-Experten.jpg 569w, https://www.yuhiro.de/wp-content/uploads/2015/05/Suchen-Sie-passende-Experten-300x188.jpg 300w" sizes="auto, (max-width: 569px) 100vw, 569px" /></a></figure></div>


<p>YUHIRO stellt mittelständischen Agenturen und IT Unternehmen HTML5 Entwickler zur Verfügung. In diesem Beitrag zeigen wir zudem ein Beispiel, an welchem einer unserer HTML5 Experten gearbeitet hat.</p>



<p>Es ging darum mit dieser Technologie einen Online Zeitschriften-Viewer für grosse Verlage zu erstellen, bzw. zu programmieren. In diesem Beitrag werden auch die Herausforderungen aufgezeigt, welche die Experten überwinden mussten.</p>



<h3 class="wp-block-heading"><strong>Eine neue Technologie</strong></h3>



<p>HTML5 ist noch nicht sehr ausgereift, da es eines der neueren Versionen von HTML ist. Unter anderem soll es ermöglichen, Applikationen zu schreiben, welche auch Mobile Browser unterstützt. Dies birgt jedoch einige Herausforderungen, da die Hardware von Smartphones und Tablets anders strukturiert ist, als dies bei Desktop-Rechnern der Fall ist.</p>



<p>Zum einen sind die Bildschirme kleiner und zum anderen gibt es Funktionalitäten wie „Touch“ (Navigation mithilfe der Finger), Bewegungserkennung (mithilfe von, unter anderem, einem internen Gyroskop), Fotoapparat und noch viele weitere Funktionalitäten, die sehr Mobile spezifisch sind.</p>



<p>Die neue Technologie hat daher noch ein paar Lücken, um korrekt auf diese Funktionalitäten zuzugreifen.</p>



<h3 class="wp-block-heading"><strong>Vergleich zu nativen Apps</strong></h3>



<p>Oftmals liegt der Vergleich zu nativen Apps, basierend auf den Betriebssystemen, wie zum Beispiel, iOS, Android oder WindowsPhone, nahe.</p>



<p>Man wird bemerken, dass die Performance von nativen Apps viel besser auf Smartphones, Tablets oder anderen Mobilen Endgeräten ist, als dies bei Browser-Applikationen der Fall ist.</p>



<p>Der Grund hierfür liegt sicherlich auch daran, dass die nativen Betriebssysteme direkt auf die Hardware zugreifen können und es dadurch weniger Performance Hürden gibt.</p>



<h3 class="wp-block-heading"><strong>Performance auf iOS versus Android</strong></h3>



<p>Speziell für HTML5 ist es auch, dass es auf Betriebssystemen wie iOS schneller läuft, als auf Betriebssystemen wie Android. Der Grund hierfür liegt auch daran, dass Android, Browserapplikationen nur auf Umwegen ausführt. Android läuft auf der Programmiersprache C. Auf dieser wiederum läuft eine virtuelle Java Engine. In dieser wiederum wird dann die Applikation abgespielt. Dadurch laufen solche Programme eher langsam. Nur ein professioneller Programmierer, welcher den Code auch wirklich effizient schreibt, schafft es, eine Applikation zu erstellen, welche auf Android performant läuft.</p>



<p>Auf iOS laufen HTML5 Applikationen dagegen schneller. Besonders auch, weil es keine solchen Umwege wie auf Android gibt, sondern das Programm direkt auf iOS ausgeführt wird.</p>



<h3 class="wp-block-heading"><strong>Lösung der Herausforderung</strong></h3>



<p>Die Herausforderung war also, das System, welches wir programmiert hatten, genauso schnell auf iOS Browsern, als auch auf Android und WindowsPhone Browsern laufen zu lassen.</p>



<p>Der erste Ansatz war, die gleiche Applikation zu optimieren, so dass diese auf allen mobilen Betriebssystemen schnell laufen würde.</p>



<p>Die Entwickler haben jedoch relativ schnell, auch mithilfe von Kundenfeedback, erkannt, dass es eventuell Sinn macht, die Applikation so zu schreiben, dass der Browser erkennt, welches Betriebssystem auf dem Mobilen Endgerät läuft. Wir haben zwei Versionen programmiert. Eine wird vom Server bereitgestellt, wenn das System merkt, dass es sich um iOS handelt. Eine andere Version wird ausgespielt, wenn es sich um Android oder WindowsPhone handelt.</p>



<p>Somit wurde sichergestellt, dass die HTML5 Applikation auf allen Endgeräten sehr schnell aufrufbar und nutzbar ist.</p>



<h3 class="wp-block-heading"><strong>Wann ist die Technologie einsetzbar? </strong></h3>


<div class="wp-block-image">
<figure class="aligncenter"><a href="https://www.yuhiro.de/wp-content/uploads/2015/05/Gute-Technologie.jpg" rel="wp-prettyPhoto[5919]"><img loading="lazy" decoding="async" width="545" height="365" src="https://www.yuhiro.de/wp-content/uploads/2015/05/Gute-Technologie.jpg" alt="" class="wp-image-5921" srcset="https://www.yuhiro.de/wp-content/uploads/2015/05/Gute-Technologie.jpg 545w, https://www.yuhiro.de/wp-content/uploads/2015/05/Gute-Technologie-300x201.jpg 300w" sizes="auto, (max-width: 545px) 100vw, 545px" /></a></figure></div>


<p>HTML5 Applikationen empfehlen wir immer dann, wenn es sich um Programme handelt, die auf sehr vielen unterschiedlichen Geräten aufgerufen werden müssen.</p>



<p>Ein gutes Beispiel sind Online-Magazine. Diese werden von Nutzergruppen verwendet, welche unterschiedlichste Systeme (iOS, Android, WindowsPhone) nutzen. Daher macht es hier Sinn eine Applikation basierend auf dieser Technologie zu programmieren.</p>



<p>Zudem sollte man prüfen, wieviele interne Hardware-Ressourcen genutzt werden müssen. Benötigt die Applikation einen erhöhten Zugriff auf die Rechnerleistung des Mobilen Endgerätes? Soll die Touch-Funktionalität sehr genau arbeiten? Werden sehr viele unterschiedliche Funktionalitäten zur gleichen Zeit benötigt? (Ein gutes Beispiel hierfür wäre ein Action-Spiel) Dann macht es eventuell mehr Sinn auf native Betriebssysteme zu setzen.</p>



<h3 class="wp-block-heading"><strong>Verfügbarkeit von Programmierern</strong></h3>



<p>Besonders in unserer Region (Süden Indiens) gibt es sehr viele Web-Entwickler, welche sich auch mit dem Thema beschäftigen. Meistens haben diese einen PHP Hintergrund und spezialisieren sich zusätzlich in dieser Technologie.</p>



<p>Bei YUHIRO haben wir Zugriff auf Entwickler mit wenigen Monaten Erfahrung bis hin zu Experten, welche bereits seit sehr langem damit arbeiten.</p>



<h3 class="wp-block-heading"><strong>Geeignet für Agenturen</strong></h3>



<p>Besonders Internet- und Marketingagenturen setzen verstärkt auf Lösungen, welche HTML5, benötigen. Daher macht es Sinn ein oder zwei Programmierer zu haben, die sich damit auskennen und für Projekte zur Verfügung stehen.</p>



<p>In unserem Geschäftsmodell stellen wir diese Mitarbeiter dediziert nur für einen Auftraggeber (Agentur) bereit. Hierdurch lernt der Experte die Agentur, deren Team und dessen Arbeitskultur (Qualität, Umgang in der Kommunikation, etc.) besser kennen und somit lassen sich mit der Zeit immer komplexere Projekte umsetzen.</p>



<h3 class="wp-block-heading"><strong>In Indien? </strong></h3>



<p>Indien hat sich als DIE Top Destination für Softwareentwicklung-Dienstleistungen herausgearbeitet. Nur noch in den USA gibt es mehr Programmierer. Gleichzeitig setzt fast jedes Unternehmen aus dem englischsprachigen Raum auf Experten aus Indien.</p>



<p>Auch bereits viele mittelständische Unternehmen machen Gebrauch von dieser Möglichkeit. Jedoch noch nicht auf breiter Basis. Das haben wir uns jedoch als Unternehmen, YUHIRO, auf die Fahne geschrieben.</p>



<p>Wir ermöglichen mittelständischen Agenturen und IT-Unternehmen, Entwicklungs-Dienstleistungen langfristig und erfolgreich aus Indien zu beziehen.</p>



<p>Besonders im Bereich Web gibt es hier in Indien sehr viel gut ausgebildetes Personal.</p>



<h3 class="wp-block-heading"><strong>Erfahren Sie mehr</strong></h3>



<p>Nehmen Sie mit uns Kontakt auf. Wir erklären Ihnen, wie Sie ein Team an IT-Experten in Indien aufbauen können. Durch unsere Erfahrung und Begeisterung für das Thema, können wir Ihnen einen sehr guten Service anbieten.</p>



<p>Sie erreichen uns via Email: info@yuhiro.de</p>



<p>Ihr Ansprechpartner ist Sascha Thattil: sascha.thattil@yuhiro.de</p>



<p>Telefonisch erreichen Sie uns unter: +49 (0) 30 344 082690</p>



<p>Interessante Links:<br><span style="text-decoration: underline;"><span style="color: #0000ff;"><a href="https://www.itespresso.de/2011/07/11/nachfrage-boom-html-5-programmierer-gesucht/" title="">Nachfrage nach HTML5 Experten steigt</a></span></span><br><span style="text-decoration: underline;"><span style="color: #0000ff;"><a href="https://web.dev/" title="">Gute Ressource zum Thema</a></span></span></p>



<p>Bilder: Flickr.com/ Heilmann/ HasGeek</p>



<hr class="wp-block-separator has-css-opacity"/>


<div class="wp-block-image">
<figure class="alignleft"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg" alt="" class="wp-image-229" srcset="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg 150w, https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed.jpg 227w" sizes="auto, (max-width: 150px) 100vw, 150px" /></figure></div>


<p>Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt und Softwareprojekte abwickelt.</p>The post <a href="https://www.yuhiro.de/html5-entwickler-gesucht-gefunden/">HTML5 Entwickler gesucht? Gefunden!</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.yuhiro.de/html5-entwickler-gesucht-gefunden/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>10 Vorteile von HTML5</title>
		<link>https://www.yuhiro.de/10-vorteile-von-html5/</link>
					<comments>https://www.yuhiro.de/10-vorteile-von-html5/#respond</comments>
		
		<dc:creator><![CDATA[Sascha Thattil]]></dc:creator>
		<pubDate>Tue, 23 Sep 2014 06:07:19 +0000</pubDate>
				<category><![CDATA[HTML5]]></category>
		<guid isPermaLink="false">https://www.yuhiro.de/?p=5378</guid>

					<description><![CDATA[<p>10 Vorteile von HTML5 HTML5 ist die neueste Version der hyper-text markup language, welche genutzt wird um Webseiten zu bauen. Viele neue Funktionalitäten, welche zum Beispiel die Mobile Nutzung unterstützen, aber auch die Entwicklung auf dieser Plattform vereinfacht, haben HTML5 zu einem beliebten Entwicklungswerkzeug für das Web</p>
The post <a href="https://www.yuhiro.de/10-vorteile-von-html5/">10 Vorteile von HTML5</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">10 Vorteile von HTML5</h2>


<div class="wp-block-image">
<figure class="alignleft"><a href="https://www.yuhiro.de/wp-content/uploads/2014/09/Das-sind-die-Vorteile-von-HTML5.png" rel="wp-prettyPhoto[5378]"><img loading="lazy" decoding="async" width="583" height="236" src="https://www.yuhiro.de/wp-content/uploads/2014/09/Das-sind-die-Vorteile-von-HTML5.png" alt="" class="wp-image-5379" srcset="https://www.yuhiro.de/wp-content/uploads/2014/09/Das-sind-die-Vorteile-von-HTML5.png 583w, https://www.yuhiro.de/wp-content/uploads/2014/09/Das-sind-die-Vorteile-von-HTML5-300x121.png 300w" sizes="auto, (max-width: 583px) 100vw, 583px" /></a></figure></div>


<p><br>HTML5 ist die neueste Version der hyper-text markup language, welche genutzt wird um Webseiten zu bauen. Viele neue Funktionalitäten, welche zum Beispiel die Mobile Nutzung unterstützen, aber auch die Entwicklung auf dieser Plattform vereinfacht, haben HTML5 zu einem beliebten Entwicklungswerkzeug für das Web werden lassen. In diesem Artikel zeigen wir 10 Vorteile auf, welche die Nutzung von HTML5 mit sich bringt.</p>



<h3 class="wp-block-heading"><strong>1) Unterstützung der Geolocation</strong></h3>



<p>Mit der Geolocations Funktionalität kann man seinen eigenen Standort bestimmen und diese auch mit anderen Personen teilen. Es gibt verschiedene Wege wie diese Information bereitgestellt wird. Wege können sein: Über die eigene IP Adresse, die WLAN Verbindung oder unter anderem die in manchen Geräten vorhandene GPS Technologie. Die HTML5 Schnittstelle (API) stellt diese Daten, den auf dieser Plattform erstellten Applikationen, bereit.</p>



<h3 class="wp-block-heading"><strong>2) Mobile optimiert</strong></h3>



<p>Ein weiterer grosser Vorteil dieser Plattform ist es, dass es für die Nutzung von Mobilen Endgeräten (Smartphones, Tablets, etc.) vorgesehen und dahingehend optimiert ist. Einfacher als zuvor können Mobile Webseiten oder Applikationen erstellt werden.</p>



<p>Besonders die Erstellung von Web Apps (kleine spezialisierte Applikationen welche auf Browsern oder Mobilen Endgeräten laufen) wird unterstützt.</p>



<h3 class="wp-block-heading"><strong>3) Einfachere Einbindung von Media Dateien</strong></h3>



<p>In früheren HTML Versionen waren die Programmierer von Webseiten dazu gezwungen Dritt-Anwendungen, wie zum Beispiel Lösungen von Adobe oder Silverlight zu nutzen, um Video oder Audio Dateien anzuzeigen.<br>Mit der neuen Plattform ist es nicht mehr notwendig diese Dritt-Anwendungen zu nutzen. Man kann ganz einfach den Code nutzen, den es jetzt in der dieser Sprache gibt.</p>



<h3 class="wp-block-heading"><strong>4) Offline Nutzung</strong></h3>



<p>Dies ist eine neue und spannende Funktionalität die diese Plattform anbietet. Nutzer können bestimmte Elemente einer Webseite, ohne eine stehende Internetverbindung laden. Dafür muss man die Seite jedoch schon einmal besucht haben.</p>



<p>Der Programmierer kann festlegen, welche Elemente/ Dateien der Browser des Besuchers speichert. Dies ist eine Funktionalität die ganz neu ist und viele Möglichkeiten bietet.</p>



<h3 class="wp-block-heading"><strong>5) Sauberer Code</strong></h3>



<p>Der Code einer HTML Seite war lange Zeit relativ unübersichtlich. Falls die Webseite schlecht geschrieben wurde, dann ist es sehr schwer, auch nur kleine Änderungen daran vorzunehmen. Die neue Plattform ist so gestaltet, dass sie einen saubereren Code zur Verfügung stellt. Dadurch wird auch eine spätere Bearbeitung vereinfacht.</p>



<h3 class="wp-block-heading"><strong>6) Lädt auf allen gängigen Browsern</strong></h3>



<p>Alle gängigen Browser werden von der Plattform unterstützt, sei es Firefox, Internet Explorer, Google Chrome, etc. Für die Entwicklung bedeutet das: Einmal entwickelt läuft die Webseite oder die App auf allen Browsern und somit auf allen Endgeräten (Desktop, Mobile).</p>



<p>Nachteil &#8211; Leider werden nicht alle Funktionalitäten, von älteren Versionen, der Browser unterstützt. Da noch sehr viele Internetnutzer ältere Versionen benutzen, sollte man abwägen ob man diese Plattform nutzt.</p>



<h3 class="wp-block-heading"><strong>7) Web Apps</strong></h3>



<p>Mit HTML5 ist es möglich sogenannte Web Apps zu schreiben, welche speziell auf Mobilen Endgeräten genutzt werden können. Durch die vielen Funktionalitäten die diese Plattform bietet, kann es oftmals eine gute Alternative zu den sogenannten nativen Plattformen, wie iOS oder Android sein.</p>



<h3 class="wp-block-heading"><strong>8) App Store</strong></h3>



<p>Falls man sich entscheiden sollte, Web Apps auf dieser Plattform zu schreiben, dann spart man sich auch den Weg, die App durch die jeweiligen App Stores genehmigen zu lassen. Auch bei Upgrades der App muss man, daher nicht nochmal eine Genehmigung einholen, was zu Beispiel bei iOS oder Android der Fall wäre.</p>



<h3 class="wp-block-heading"><strong>9) SEO Freundlichkeit</strong></h3>



<p>Dadurch das der Code um einiges sauberer geschrieben ist, als seine Vorgänger, ist es auch für Suchmaschinen einfacher, diesen zu lesen. Dies führt wiederum dazu das solche Seiten besser auf Google und den anderen Suchmaschinen geranked werden.</p>



<h3 class="wp-block-heading"><strong>10) Geringere Entwicklungskosten</strong></h3>



<p>Dadurch das man die jeweilige Webseite nur einmal entwickeln muss und diese dann auf allen Webbrowsern und Endgeräten läuft, spart man sich einiges an Entwicklungskosten. Bei den nativen Plattformen für mobile Endgeräte, wird man für jedes Betriebssystem einzeln entwickeln müssen.</p>



<h4 class="wp-block-heading">Einige Nachteile:</h4>



<p>Die neue Plattform bietet sehr viele Vorteile, besonders was die Cross-Browser und Geräte-Unterstützung angeht. Jedoch gibt es den ein oder anderen Nachteil den HTML5 mit sich bringt. Einen haben wir bereits im Text angesprochen: Die geringe Kompatibilität mit älteren Browser Versionen.</p>



<p>Daneben muss man damit rechnen, dass solche Applikationen langsamer sind, als ihre nativen Pendents, da möglicherweise ganze Daten und Bildschirmelemente heruntergeladen werden müssen, bevor die App nutzbar wird.</p>



<p>Auch können derzeit noch nicht alle Geräte-spezifischen Funktionalitäten, wie zum Beispiel Kamera, Speicherkarte, etc. optimal genutzt werden.</p>



<p>Zudem gilt HTML5 auch noch nicht als wirklich „fertig“. Experten gehen davon aus die Plattform erst in den nächsten Jahren komplettiert wird.</p>



<h3 class="wp-block-heading"><strong>Fazit</strong></h3>



<p>HTML5 kann in einigen Fällen die richtige Alternative sein. Abzuwägen ist jedoch immer welche Anforderungen die neue Webseite oder die Web Applikation mit sich bringt. Falls die Plattform für die jeweilige Anforderung in Frage kommt, dann kann man von den, im Text genannten, Vorteilen profitieren.</p>



<p>Interessante Artikel zum Thema:</p>



<p class="has-text-color has-link-color wp-elements-c3bb4b6840e24ddfcc8bc8743035b85e" style="color:#0000ee"><a href="https://de.ryte.com/wiki/HTML5/" title="">Mehr Informationen zu HTML5</a><br><a href="https://one-line.ch/blog/vorteile-von-html5-bei-der-programmierung-von-webseiten/" title="">Vorteile von HTML5 für Webseiten</a></p>



<hr class="wp-block-separator has-css-opacity"/>


<div class="wp-block-image">
<figure class="alignleft"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg" alt="" class="wp-image-229" srcset="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg 150w, https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed.jpg 227w" sizes="auto, (max-width: 150px) 100vw, 150px" /></figure></div>


<p>Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches, kleinen und mittelständischen IT Firmen, Programmierer bereitstellt.</p>The post <a href="https://www.yuhiro.de/10-vorteile-von-html5/">10 Vorteile von HTML5</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.yuhiro.de/10-vorteile-von-html5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Web App Entwicklung mit HTML5</title>
		<link>https://www.yuhiro.de/web-app-entwicklung-mit-html5/</link>
					<comments>https://www.yuhiro.de/web-app-entwicklung-mit-html5/#respond</comments>
		
		<dc:creator><![CDATA[Sascha Thattil]]></dc:creator>
		<pubDate>Sat, 31 May 2014 05:33:21 +0000</pubDate>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Mobile App]]></category>
		<guid isPermaLink="false">https://www.yuhiro.de/?p=5021</guid>

					<description><![CDATA[<p>Web App Entwicklung mit HTML5 Lange Zeit waren sogenannte Native Apps, basierend auf Android, iOS etc., die Könige unter den Apps. Immer mehr verschiebt sich jedoch der Fokus auf HTML5 Web Apps, denn diese können immer mehr Funktionalitäten abbilden, wie ihre Nativen Kollegen auch. Beispielsweise war es</p>
The post <a href="https://www.yuhiro.de/web-app-entwicklung-mit-html5/">Web App Entwicklung mit HTML5</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">Web App Entwicklung mit HTML5</h2>



<div class="wp-block-image"><figure class="aligncenter"><a href="https://www.yuhiro.de/wp-content/uploads/2014/05/App-Entwicklung-mit-HTML5.png" rel="wp-prettyPhoto[5021]"><img loading="lazy" decoding="async" width="500" height="247" src="https://www.yuhiro.de/wp-content/uploads/2014/05/App-Entwicklung-mit-HTML5.png" alt="" class="wp-image-5022" srcset="https://www.yuhiro.de/wp-content/uploads/2014/05/App-Entwicklung-mit-HTML5.png 500w, https://www.yuhiro.de/wp-content/uploads/2014/05/App-Entwicklung-mit-HTML5-300x148.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></a></figure></div>



<p><br>Lange Zeit waren sogenannte Native Apps, basierend auf Android, iOS etc., die Könige unter den Apps. Immer mehr verschiebt sich jedoch der Fokus auf HTML5 Web Apps, denn diese können immer mehr Funktionalitäten abbilden, wie ihre Nativen Kollegen auch.</p>



<p>Beispielsweise war es lange Zeit nicht möglich mit HTML5 Apps Offline zu arbeiten, dies wurde jetzt in den letzten Updates behoben.</p>



<p>Auch von den Kosten her macht es immer Sinn, zu überlegen ob es möglich ist, die geplante Mobile Anwendung auf HTML5 (natürlich auch mit Hilfe von CSS3 und JavaScript) zu schreiben. Denn einmal entwickelt lässt sich diese auf allen mobilen Endgeräten (Smartphone, Tablet) aufrufen.</p>



<p>Hinweis: Nur ein Teil der Programmierung kann für eine eventuelle Webversion für den Browsergebrauch weiterverwendet werden.</p>



<p>Aber auch hier ist Vorsicht geboten. Für Android müssen diese Apps ausgiebig getestet werden, da es unzählige Endgeräte gibt, und sich die Grössen der Bildschirme unterscheiden.</p>



<p>Bei einem iPad oder iPhone ist das natürlich erheblich einfacher, da es eine überschaubare Menge an Endgeräten gibt.</p>



<h4 class="wp-block-heading"><strong>Wann sind HTML5 Apps sinnvoll?</strong></h4>



<p>Grundsätzlich kann man sagen, dass solche Anwendungen sinnvoll sind, wenn nicht zuviele Smartphone/ Tablet-interne Ressourcen verwendet werden müssen. Denn die Integration von diesen (wie zum Beispiel die interne Speicherkarte, Kamera, Gyroskope etc.) mit Hilfe von HTML5 ist nicht einfach. Bei Anwendungen die viel Hardware des Endgerätes benötigen, sind leider immer noch Native Apps sinnvoller. „Leider“ weil sie einfach teuer in der Entwicklung sind.</p>



<p>Der ganz grosse Vorteil von HTML5 Apps, welches auch immer schön von den Befürwortern angemerkt wird ist: Entwickler die sich bereits mit Webtechnologien auskennen, können sich einfach in dieses System einarbeiten, da es kaum Unterschiede zur Webprogrammierung gibt. (Und Web-Programmierer gibt es ja, bekannterweise einige.)</p>



<p>Das ist eine grosse Erleichterung. Denn iOS, basiert auf Objective-C und Android auf Java, welche dann nicht erlernt werden müssen.</p>



<p><strong>Hinweis</strong>: Objective-C und Java sind nicht einfach zu erlernen. Daher gibt es auch so wenige Programmierer für Android und iOS und daher sind wiederum die Stundensätze und die Entwicklungskosten so hoch.</p>



<h4 class="wp-block-heading"><strong>Oder doch lieber Responsive?</strong></h4>



<p>Die Frage die sich stellt ist: Ab wann benötige ich eine App, und bis wann kann ich eine sogenannte Responsive Webseite verwenden, in welcher der Nutzer die Mobile Ansicht per Webbrowser aufruft.</p>



<p>Warum sollte ich nicht eine für Mobile Ansichten optimierte Webseite erstellen? Das würde mir die Erstellung einer komplexen HTML5 App ersparen.</p>



<p>Für einige Anwendungsfälle, macht eine Responsive Webseite Sinn. Manchmal gibt es jedoch Fälle, wo der Wunsch besteht, das die Inhalte auch Offline konsumiert werden können. Das würde bei einer Server basierten Responsive Weblösung nicht funktionieren. Hier müsste man dann bereits, um den Offline-Konsum zu ermöglichen, eine App entwickeln.</p>



<h4 class="wp-block-heading"><strong>Hürde App Store</strong></h4>



<p>Das nächste Thema mit welchem man sich dann beschäftigen muss ist, das man die HTML5 App auch noch von den jeweiligen Stores (Apple Store, Google Play, Windows etc.) genehmigen lassen muss.</p>



<p>Eine native, nur für den jeweiligen Store entwickelte, App ist um einiges einfacher in die den jeweiligen Store zu bringen, als eine HTML Anwendung, welche eventuell gegen bestimmte Regularien der verschiedenen Anbieter verstösst.</p>



<p><strong>Was man so von Apples Store hört</strong>:</p>



<ul class="wp-block-list"><li>Die Web App muss sich wie eine native App anfühlen</li><li>Muss sich unterscheiden von einer Web-Lösung</li><li>Die Lösung soll eine iOS App-Experience wiedergeben <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></li></ul>



<p>Fazit dazu: Sicherlich nicht unmöglich in den Apple Store, mit einer solchen Anwendung, zu kommen. Mann muss jedoch die Richtlinien der Stores befolgen.</p>



<h4 class="wp-block-heading"><strong>Fazit zum Thema:</strong></h4>



<p>Die Web Apps werden sich in den nächsten Jahren weiterentwickeln und immer mehr Funktionalitäten anbieten, wie ihre Nativen Pendants auch. Eine gute Entwicklung, da man, falls sich diese HTML5 oder Web Anwendungen für Mobile Endgeräte durchsetzen, einfacher Apps programmieren und in diesem Fall nicht für jede einzelne Plattform eine eigene Anwendung zu erstellen hat.</p>



<p>Jedoch sei angemerkt, dass wir noch nicht in einem Zeitalter angekommen sind, in welcher diese Anwendungen auch für komplexe Systeme verwendet werden könnte.</p>



<hr class="wp-block-separator"/>



<div class="wp-block-image"><figure class="alignleft"><img loading="lazy" decoding="async" width="150" height="150" src="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg" alt="" class="wp-image-229" srcset="https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed-150x150.jpg 150w, https://www.yuhiro.de/wp-content/uploads/2012/11/DSC04409-Changed.jpg 227w" sizes="auto, (max-width: 150px) 100vw, 150px" /></figure></div>



<p>Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen bei der Erstellung von einfachen und komplexen Web Applikationen. YUHIRO ist ein deutsch-indisches Unternehmen welches Web Applikationen und Mobile Apps entwickelt.</p>The post <a href="https://www.yuhiro.de/web-app-entwicklung-mit-html5/">Web App Entwicklung mit HTML5</a> first appeared on <a href="https://www.yuhiro.de">Yuhiro</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.yuhiro.de/web-app-entwicklung-mit-html5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Page Caching using Disk: Enhanced 

Served from: www.yuhiro.de @ 2026-04-10 16:31:38 by W3 Total Cache
-->