Das Dokument beschreibt in2code, ein Unternehmen, das sich auf TYPO3-Erweiterungen und -Entwicklung spezialisiert hat, und erklärt die Funktionen und Vorteile von jQuery und jQuery Mobile für die Erstellung mobiler Webseiten. Es wird erläutert, wie jQuery die DOM-Manipulation vereinfacht und jQuery Mobile eine benutzerfreundliche Oberfläche für Mobilgeräte mit einer einheitlichen Ansicht bereitstellt. Zudem enthält es technische Details zur Implementierung und Konfiguration von jQuery Mobile in TYPO3.

1. jQueryMobileTouch-Optimized TYPO3 Webpages

2. Wer ist eigentlich in2code?Kathi GasteigerStefan BusemannAlex KellnerTYPO3, Erweiterungen, Extensionentwicklung + Anpassung, Security, Performance, Schulungen, WorkshopsAls Freelancer-Alternative positionieren wir uns mitfairen Konditionen

3. Termintreue

4. sehr schnellen Reaktionszeiten

5. TYPO3 Fach- und Spezialwissen (Entwicklung und Integration)Tina GasteigerMarkus RodlerDavid Richter

6. AgendaEinführungWas ist jQuery?Was ist jQuery Mobile?Warum noch eine Websiteansicht?Warum jQuery Mobile?Welche Elemente gibt es bereits?Spicedby TYPO3customer.in2code.deMinimum Settings in TYPO3Blick hinter die Kulissen von customer.in2code.deLinkliste

7. Einführung

8. Was ist jQuery?jQuery ist die am häufigsten verwendete JavaScript-Bibliothek zur komfortablen DOM-Manipulation.EinfachheitSchnelligkeitFlexibilitätFunktionenAJAXPlugins

9. Was ist jQuery Mobile?jQuery Mobile ist ein berührungsoptimiertes JavaScript Web Framework für Smartphones und Tablet-Computer.jQuery Mobile bietet eine einheitliche Benutzeroberfläche für alle gängigen Mobilgeräte-Plattformen mit der Basis auf jQuery.

10. Wie weit geht die Unterstützung?jQuery TestcenterA High QualityB Medium QualityC Low Quality

11. Warum eine andere Ansicht einer Website?

12. Warum eine andere Ansicht einer Website?Reduzierung auf relevante InformationenEntfernung aller datenintensiven DateienKennzeichnung klickbarer BereicheOptimierung klickbarer BereicheAnpassung an gewohnte iPhone Haptik

13. Warum eine andere Ansicht einer Website?

14. Warum jQuery Mobile?App – Look & FeelKein Upload in den Appstore nötigShortcut Links möglichOhne Objective C KenntnisseKeine 2. Website Version nötigÜbergreifende Geräte Unterstützung

15. Welche Elementegibt es bereits?ButtonsFormulare und FelderTabsAccordionListenConfirmation Popups

16. Spicedby TYPO3

17. 2 Ansichten einer Liste

18. 2 Ansichten eines Formulares

19. Minimum Konfiguration (TypoScript)# TypoScriptsetup# additinalsettings# jQueryalreadyloadedpage.config.doctype= html_5page.includeJSFooter.jm = jquery.mobile-1.0a2.min.jspage.includeCSS.jm = jquery.mobile-1.0a2.css

20. Minimum Konfiguration (HTML Template)<div data-role="page"><div data-role="header"><h1>###HEADER###</h1></div><div data-role="content">###CONTENT###</div><div data-role="footer"><h4>###FOOTER###</h4></div></div>

21. Blick hinter die Kulissen (Microsite)

22. Blick hinter die Kulissen (FE Login)Username „test“Password „test“

23. Blick hinter die Kulissen (Adressliste)

24. Blick hinter die Kulissen (Adressliste)

25. Blick hinter die Kulissen (TypoScript Setup)

26. Blick hinter die Kulissen (HTML Template)