Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung Einführung in Shoelace: Moderne Komponentenbibliothek für Webentwickler
Praxisorientierte Übungen zur Entwicklung und Optimierung von Shoelace-Anwendunge
Schulungsformen
Offene Schulung
- 2 Tage
- 5 gesicherte Termine
- 1.370,00 p. P. zzgl. MwSt.
- Köln / Online
- Dritter Mitarbeitende kostenfrei
- Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmenden.
Inhouse-/Firmenschulung
- 2 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 2 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Beschreibung
In diesem Seminar lernen die Teilnehmenden die grundlegenden und fortgeschrittenen Techniken zur Nutzung von Shoelace kennen. Das Seminar umfasst die Einführung in Shoelace, Installation und Einrichtung, grundlegende Konzepte und Funktionen, erweiterte Komponentenentwicklung und Integration, Performance-Optimierung und Skalierung sowie Debugging und Sicherheit. Teilnehmende werden in die Lage versetzt, Shoelace effektiv zu nutzen, um leistungsstarke und skalierbare Webanwendungen zu erstellen. Durch praxisorientierte Übungen und detaillierte Anleitungen erlangen sie die Fähigkeit, qualitativ hochwertige Webanwendungen zu entwickeln, erweiterte Funktionen zu implementieren, Sicherheitsfunktionen zu nutzen und ihre Anwendungen performant und benutzerfreundlich zu gestalten. Diese Fähigkeiten verbessern die Effizienz und Qualität ihrer Projekte erheblich.
Noch mehr JavaScript Wissen erhalten Sie auch in unseren weiteren JavaScript Weiterbildungen.
Schulungsziel
Am Ende des Seminars sind die Teilnehmenden in der Lage, Shoelace effektiv zu nutzen, um leistungsstarke, skalierbare und benutzerfreundliche Webanwendungen zu entwickeln. Sie lernen, wie sie Daten aus verschiedenen Quellen integrieren, erweiterte Funktionen implementieren und die Sicherheit und Performance ihrer Webanwendungen optimieren. Durch praktische Übungen und detaillierte Anleitungen erwerben sie die Fähigkeiten, qualitativ hochwertige Webanwendungen zu erstellen und die Effizienz und Qualität ihrer Arbeit zu verbessern.
Details
Wer teilnehmen sollte
Dieses Seminar richtet sich an IT-Fachkräfte, Entwickler, Webdesigner, Frontend-Entwickler und technische Fachkräfte, die eine leistungsstarke und flexible Lösung zur Erstellung von Webanwendungen suchen. Grundkenntnisse in der Programmierung und grundlegende IT-Kenntnisse sind erforderlich.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und Praxis | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann. | Seminarunterlagen oder Fachbuch inklusive (per Post). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsplatz | |
| PC/VMs für jeden Teilnehmenden Hochwertige und performante Hardware Große, höhenverstellbare Bildschirme Zugang zu Ihrem Firmennetz erlaubt |
|
| Lernumgebung | |
Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter. | |
| Arbeitsmaterialien | |
DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen am Ende des Seminars ausgehändigt. | Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen per Post zugesandt. |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung | ||
Ab 1 Teilnehmenden* | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| Preisvorteil | ||
Dritter Mitarbeitende nimmt kostenfrei teil. Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet. Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen. | ||
| All-Inclusive | ||
Gebäck, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen per Post zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Buchen ohne Risiko
| Rechnungsstellung |
Erst nach dem erfolgreichen Seminar. Keine Vorkasse. |
| Stornierung |
Kostenfrei bis zum Vortag des Seminars |
| Vormerken statt buchen |
Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- Einführung in Shoelace: Überblick und Bedeutung
- Was ist Shoelace und warum ist es wichtig?
- Definition und Hintergrund: Shoelace als moderne Komponentenbibliothek für Webentwickler.
- Vorteile von Shoelace: Benutzerfreundlichkeit, Flexibilität und Integration mit verschiedenen Frameworks.
- Unterschiede und Vorteile von Shoelace im Vergleich zu anderen Komponentenbibliotheken
- Vergleich mit Bootstrap, Material-UI und anderen: Stärken und Schwächen.
- Flexibilität: Unterstützung für verschiedene Frameworks und Webtechnologien.
- Benutzerfreundlichkeit: Intuitive Komponenten und leistungsstarke Funktionen.
- Architektur und Kernkomponenten von Shoelace
- Übersicht der Architektur: Hauptkomponenten und deren Zusammenspiel.
- Funktionalitäten: Formularelemente, Layouts, Navigation und mehr.
- Was ist Shoelace und warum ist es wichtig?
- Installation und Einrichtung von Shoelace
- Systemanforderungen und notwendige Software
- Grundvoraussetzungen: Notwendige Software und Hardware.
- Installation von Shoelace: Schritt-für-Schritt-Anleitung für verschiedene Frameworks (Vanilla JS, React, Vue, Angular).
- Erste Schritte mit Shoelace
- Einführung in die Shoelace-Syntax: Grundlegende Befehle und Funktionen.
- Einrichtung der Entwicklungsumgebung: Nutzung von IDEs wie VSCode und WebStorm.
- Fehlerbehebung: Häufige Fehler und deren Lösungen.
- Erstellung und Styling erster Komponenten
- Einführung in die Nutzung von Shoelace: Grundlegende Konzepte und Unterschiede zu anderen Bibliotheken.
- Erstellung und Styling einfacher Komponenten
- Schritt-für-Schritt-Anleitung: Von der Installation bis zur Komponentenerstellung.
- Anpassung und Erweiterung: Hinzufügen von CSS-Variablen und benutzerdefiniertem Styling.
- Debugging und Monitoring: Nutzung von Shoelace-Diagnosetools und Browser-Entwicklerwerkzeugen.
- Systemanforderungen und notwendige Software
- Grundlegende Konzepte der Webentwicklung mit Shoelace
- Komponentenbasierte Entwicklung
- Aufbau und Struktur von Komponenten: Nutzung der Shoelace-Bibliothek.
- State-Management und Props: Verwaltung von Zuständen und Eigenschaften.
- Best Practices: Strukturierung und Modularisierung von Komponenten.
- Formulare und Benutzerinteraktionen
- Einführung in Formularelemente: Nutzung von Input, Select, Checkbox und mehr.
- Validierung und Benutzerfeedback: Implementierung von Validierungslogik und Feedbackmeldungen.
- Erweiterte Formulartechniken: Nutzung von FormData und benutzerdefinierten Ereignissen.
- Layouts und Navigation
- Einführung in Layout-Komponenten: Nutzung von Grid, Flex und anderen Layouts.
- Navigations-Management: Implementierung von Menüs, Tabs und Sidebars.
- Erweiterte Layout-Techniken: Nutzung von Responsive Design und Medienabfragen.
- Komponentenbasierte Entwicklung
- Praxisübung 1: Erstellung einer einfachen Webanwendung mit Shoelace
- Ziel der Übung: Erstellung einer grundlegenden Webanwendung mit Shoelace
- Projektbeschreibung: Entwicklung einer To-Do-Liste mit interaktiven Komponenten.
- Anforderungen: Nutzung von Shoelace und grundlegender Webentwicklungs-Funktionalitäten.
- Schritt-für-Schritt-Anleitung:
- Erstellung der Anwendung: Initialisierung und Konfiguration.
- Implementierung der Komponenten: Definition der Anwendungskomponenten und deren Eigenschaften.
- Anpassungen und Erweiterungen: Hinzufügen von Styling und Benutzerinteraktionen.
- Tools: Shoelace, HTML, CSS, JavaScript
- Ergebnisse und Präsentation
- Fertige Webanwendung: Präsentation der Anwendung und der ersten Ergebnisse.
- Diskussion und Feedback: Analyse der Ergebnisse und Verbesserungsvorschläge.
- Ziel der Übung: Erstellung einer grundlegenden Webanwendung mit Shoelace
- Erweiterte Funktionen und Techniken in Shoelace
- Fortgeschrittene Komponentenentwicklung
- Erstellung komplexer Komponenten: Nutzung von Advanced Patterns und Best Practices.
- Nutzung von Erweiterungen und Plugins: Verbesserung der Komponentenfunktionalitäten.
- Fehlerbehandlung und Logging: Implementierung von Fehler-Handling und Logging-Mechanismen.
- Integration und Interoperabilität
- Einführung in die Integration von Shoelace: Nutzung von Shoelace zur Integration mit anderen Frameworks.
- Implementierung von Import- und Exportfunktionen: Schritt-für-Schritt-Anleitung.
- Anwendungen: Einsatz in der Datenmigration und -synchronisation.
- Performance-Optimierung und Skalierung
- Einführung in Performance-Tuning: Nutzung von Optimierungstechniken zur Verbesserung der Anwendungsgeschwindigkeit.
- Monitoring und Analyse: Nutzung von Performance-Monitoring-Tools.
- Best Practices: Sicherstellung der Effizienz und Qualität der Webanwendungen.
- Fortgeschrittene Komponentenentwicklung
- Integration von Shoelace in bestehende Workflows
- Integration in moderne JavaScript-Frameworks
- Nutzung von Shoelace in Kombination mit React, Vue und Angular.
- Automatisierung von Entwicklungsaufgaben: Nutzung von Build-Tools und Task-Runnern.
- Datenvorbereitung und -bereinigung: Beste Praktiken zur Sicherstellung der Datenqualität.
- Nutzung von Shoelace in Design-Systemen
- Kombination von Shoelace mit Design-Tools wie Figma und Sketch.
- Erstellung von Design-Systemen: Nutzung von Shoelace-Komponenten zur Konsistenz in der UI.
- Anwendungen in der Praxis: Beispiele aus der Industrie und Forschung.
- Deployment und Skalierung von Shoelace-Anwendungen
- Deployment von Webanwendungen: Nutzung von CI/CD-Pipelines und Container-Technologien.
- Skalierung von Anwendungen: Nutzung von Cloud-Diensten und Load-Balancern.
- Best Practices: Sicherstellung der Effizienz und Skalierbarkeit von Shoelace-Anwendungen.
- Integration in moderne JavaScript-Frameworks
- Praxisübung 2: Erstellung einer komplexen Webanwendung mit Shoelace
- Ziel der Übung: Entwicklung einer umfassenden Webanwendung mit erweiterten Funktionen
- Projektbeschreibung: Erstellung einer E-Commerce-Plattform mit interaktiven Komponenten und Nutzerverwaltung.
- Anforderungen: Nutzung fortgeschrittener Techniken und Integration von Performance-Optimierungen.
- Schritt-für-Schritt-Anleitung:
- Erstellung der Anwendung: Planung, Implementierung und Testen der Anwendung.
- Erweiterungen und Anpassungen: Implementierung von fortgeschrittenen Komponenten, Layouts und Benutzerinteraktionen.
- Ausführung und Optimierung: Testen der Anwendung unter realen Bedingungen und Optimierung.
- Tools: Shoelace, React/Vue/Angular, CSS, JavaScript, Docker
- Ergebnisse und Präsentation
- Fertige Webanwendung: Präsentation der Anwendung und Demonstration der Funktionalitäten.
- Diskussion und Feedback: Analyse der Ergebnisse, Verbesserungsvorschläge und Q&A.
- Ziel der Übung: Entwicklung einer umfassenden Webanwendung mit erweiterten Funktionen
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
Gesicherte offene Termine
| Termin | Ort | Preis | |
|---|---|---|---|
| 17.03.-18.03.2025 Plätze vorhanden Köln / Online 1.370,00 | Köln / Online | 1.370,00 | Buchen Vormerken |
| 19.05.-20.05.2025 Plätze vorhanden Köln / Online 1.370,00 | Köln / Online | 1.370,00 | Buchen Vormerken |
| 21.07.-22.07.2025 Plätze vorhanden Köln / Online 1.370,00 | Köln / Online | 1.370,00 | Buchen Vormerken |
| 22.09.-23.09.2025 Plätze vorhanden Köln / Online 1.370,00 | Köln / Online | 1.370,00 | Buchen Vormerken |
| 24.11.-25.11.2025 Plätze vorhanden Köln / Online 1.370,00 | Köln / Online | 1.370,00 | Buchen Vormerken |
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Unterstützung nach der Schulung durch
individuelle Nachbetreuung
- Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
- Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
- Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
- Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.
Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.
In drei Schritten zum Online Seminar im Virtual Classroom:
- Seminar auswählen und auf "Buchen" klicken
- Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
- Formular ausfüllen und über den Button "Jetzt buchen" absenden.
Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.
Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.
Vorteile von Virtual Classroom:
- Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
- Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
- Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
- Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
- Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
- Die Schulungsunterlagen bekommen Sie per Post zugeschickt
- Sie sparen Reisekosten und Zeit
- 17. Mär. - 18. Mär. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 19. Mai - 20. Mai ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 21. Jul. - 22. Jul. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 22. Sep. - 23. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 24. Nov. - 25. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
- Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Buchen Sie diese kostenfreien Serviceleistungen für Präsenzseminare ganz einfach während des Buchungsprozesses dazu!
Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.
Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!
Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!
Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.