CSS & PrimeNG für Angular
Intensiv-Schulung

Termin anfragen
Flexibel oder Inhouse
CSS & PrimeNG für Angular Schulung/Seminar/Workshop
Der beste Weg mit CSS & PrimeNG für Angular zu starten
Öffentliche Schulung
3 - 6 Tage
0 Termine
Vor Ort, als auch Remote
30 Trainer:innen
inkl. Teilnahme Zertifikat
Inhouse Schulung
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote
30 Trainer:innen
inkl. Teilnahme Zertifikat
Consulting
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote
Über 20 Expert:innen

Über CSS & PrimeNG für Angular

In diesem Praxis Workshop geht es um die Verwendung von CSS und PrimeNG im Kontext von Angular Anwendungen. Im Rahmen dieser Intensiv-Schulung werden Design Grundlagen behandelt und anhand von Cascading Style Sheets (CSS) praktisch umgesetzt. Wir beschäftigen uns mit der Gestaltung von Angular Anwendungen mittels PrimeNG. Am Beispiel einer Angular Anwendung schauen wir uns gängige CSS Techniken und Debugging Methoden an.

Was ist PrimeNG
PrimeNG ist eine UI Component Library für Angular. Ursprünglich aus PrimeFaces entstanden, einer entsprechenden Library für Jakarta Server Faces (JSF; formerly JavaServer Faces), ist PrimeNG eine der weit verbreiteten Component Libraries für Angular. Mit PrimeNG lassen sich benutzerfreundliche User Interfaces mit konsistentem Verhalten und Layout umsetzen.

PrimeNG bietet dabei neben den eigentlichen UI Komponenten Themes, Icons (PrimeIcons) und CSS Frameworks wie PrimeFlex für die Gestaltung von Layouts.

Diese Werkzeuge helfen dabei, Web Anwendungen konsistent und nutzerfreundlich zu gestalten, indem auf vorhandenes, erprobtes Design zurückgegriffen wird.

Ist dieser Kurs für Dich?

Für Entscheider:

  • Design und UX Prinzipien sind eine ganz andere Kategorie typisches Entwickeln. Wir zeigen dir wodrauf dein Team achten muss.
  • Spare Kosten. Ein eigenes Komponenten Framework bauen und warten kostet viel Zeit und Geld was ihr eher in Features investieren könnt.
  • Technisch exzelente Anwendung verdienen eine ansprechende Oberfläche, wir zeigen dir wie ihr dies einfach erreicht.
  • Spare Zeit! Es fehlen die Bücher, in denen steht, welche Fehler Du unbedingt vermeiden solltest. Lerne aus unseren Fehltritten der letzten Jahre.

Für Entwickler:

  • Vermeide Stunden mit Debugging, weil Dir die Konzepte des Frameworks fehlen.
  • Vergeude nicht Deine Lebenszeit damit, Dir Informationen über Wochen zusammenzusuchen, wenn es doch auch in wenigen Tagen geht.
  • Nicht jeder lernt am besten aus Büchern. Lernen darf interaktiv sein und auch Spaß machen. Außerdem kannst Du Dich mit anderen Teilnehmern vor Ort austauschen.
  • Im Kurs kannst Du die Fragen stellen, die Du nur schlecht googlen kannst, z.B. “Welche PrimeNG Komponenten gibt es und für welche Use Cases sind sie geeignet?”. Wir können sie Dir beantworten.

Wissen aus der Praxis.

Wir sind selbst Entwickler und wissen, welche Probleme zuerst in der echten Welt auftreten werden. Deshalb arbeiten wir mit Beispielen, die aus der echten Welt stammen. Diese haben wir dann auf den Kern reduziert, um diese leicht vermitteln zu können.

Der Praxis-Anteil liegt dabei bei 60%.

Download Agenda

Design

  • Grundlagen, Prinzipien und Konzepte: Was ist Design?
  • Design Prinzipien, User Interfaces und User Experience
  • Abstand und Raum, Typografie und Farbe
  • Icons, Metaphern und Bildsprache
  • Design Systeme
  • Design Thinking

CSS

  • Cascade, Vererbung, Specifity
  • IDs, Classes und Selectors
  • Gängige CSS Properties
  • Layout Systeme: Grid vs. Flexbox
  • Media Queries
  • Best Practices Debugging
  • Browser DevTools

PrimeNG

  • Installation
  • Verwendung verschiedener Komponenten, einzeln und im Zusammenspiel
  • Layouts
  • Styles und Style Isolation
  • Icons: PrimeIcons und Font Awesone
  • PrimeFlex und Grid Systeme
  • Menüs
  • Formulare
  • Dialoge und Panels
  • Daten: Tables, TreeTables und DataViews
  • Visualisierung und Charts
  • Testing: Jasmine und Cypress

Typische Fragen, die wir beantworten

  • Welche Design und UX Prinzipien helfen bei der Gestaltung von nachvollziehbaren und bedienbaren Anwendungen?
  • Wie sorge ich für ein einheitliches Design meiner Anwendung über CSS?
  • Welche Aspekte sollte ich in Sachen Typografie, Abständen und Farben mit CSS beachten?
  • Wie positioniere ich Elemente nachvollziehbar mit CSS?
  • Wie nutze ich CSS Grid und Flexbox?
  • Wie entscheidet sich bei CSS anhand von Kaskadierung, Vererbung und Spezifizität, welche Anweisung gilt?
  • Wie lassen sich Tabellen mit CSS übersichtlich und einfach bedienbar gestalten?
  • Wie verhindere ich, dass Style Änderungen an einer Komponente sich auf andere Teile der Anwendung auswirken?
  • Welche Best Practices sind in Sachen Debugging von CSS relevant?
  • Welche Debugging Tools und Techniken gibt es für CSS und wie verwende ich diese?
  • Wie installiere ich PrimeNG, dessen Abhängigkeiten und ergänzende Libraries?
  • Wie werden PrimeNG Komponenten im Kontext einer Angular Anwendung eingebunden?
  • Wie werden PrimeNG Komponenten mit Daten befüllt?
  • Wie gestalte ich PrimeNG Komponenten mittels CSS?
  • Wie verhindere ich, dass Komponenten Styles einander oder den allgemeinen Style meiner Angular Anwendung beeinflussen?
  • Welche PrimeNG Komponenten gibt es und für welche Use Cases sind sie geeignet?

Leistungen

Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien aus unserem Workshop. Dies wird über unser virtuelles Klassenzimmer organisiert.

Mit deinem Teilnehmer-Account hast du da lebenslangen Zugriff - auch auf Updates! In unseren öffentlichen Schulungen sind ebenfalls Essen und Trinken für die komplette Veranstaltungszeit enthalten. An den meisten Standorten konnten wir es dazu auch einrichten, dass wir auch ein vegetarisches Menü anbieten können. Falls das für dich wichtig ist, kontaktier uns doch bitte vorher via E-Mail ob das am jeweiligen Standort möglich ist.

Voraussetzungen

Die Grundlagen von HTML, CSS und Angular sind erforderlich.

Die Meinung unserer Teilnehmer zählt.

Nach jeder CSS & PrimeNG für Angular Schulung bitten wir unsere Teilnehmer um Feedback. Aus insgesamt 1129 abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.7 Sternen.

Alle Bewertungen anzeigen
Illustration eines Teilnehmers VueJS & TypeScript
Anonym
Remote,

Sehr gute Schulung die mich mehrere Schritte nach vorne bringt. Danke!

Illustration eines Teilnehmers VueJS & TypeScript
Anonym
Remote,

Schöner Vortrag und praktische Übungen

Illustration eines Teilnehmers VueJS & TypeScript
Anonym
Remote,

Ich habe sehr viel gelernt und viele Zusammenhänge sind mir jetzt klar. Ich kann was ich gelernt habe in mein tägliches doing nutzen. Super gut!

Illustration eines Teilnehmers VueJS & TypeScript
Anonym
Remote,

Ich fands klasse - sehr interessant und vielfältig! Vielen Dank dafür :)

Kundenreferenzen

RWE Group Business Services GmbH, Dortmund
STRATO AG, Berlin
Allianz
Robert Bosch GmbH, Stuttgart
Schenker AG, Essen
Commerzbank AG, Frankfurt
CompuGroup Medical Software GmbH, Koblenz
Condor Flugdienst GmbH, Oberursel
Consorsbank, Nürnberg
E-Plus Mobilfunk GmbH, Düsseldorf
Südwestrundfunk, Stuttgart
ETECTURE GmbH, Frankfurt am Main
EXXETA AG, Karlsruhe
Fast Lane Institute for Knowledge Transfer GmbH, Hamburg
FH Dortmund, Kamen
G DATA Software AG, Bochum
GALERIA Kaufhof GmbH, Köln
Hays AG, Mannheim
HOTEL DE AG, Nürnberg
JIMDO GmbH, Hamburg
MT AG, Ratingen
MyHammer AG, Berlin
Raiffeisen Schweiz, St. Gallen
rocket-media GmbH & Co KG, Dinkelsbühl
EnBW Energie Baden-Württemberg AG, Karlsruhe
Thomas Cook Touristik GmbH, Oberursel
dataport, Altenholz
Süddeutsche Zeitung Digitale Medien GmbH, München
Talanx Service AG, Hannover
ELAXY Financial Software & Solutions GmbH & Co. KG, Münster

Classroom und tolle Lerntools

  • Austausch zwischen Teilnehmer:innen und Trainern:innen.
  • Vorbereitungsanleitung vor dem Workshop.
  • Slides, Aufgaben und Zusatzmaterial.
  • Alle Materialien auch nach der Schulung im Zugriff.
  • Didaktisch für Lernerfolg optimiert.
Illustration mit einem Laptop und einem Abspielsymbol

Termine & Inhouse-Buchungen

Du möchtest einen Termin flexibel vereinbaren und die Preise wissen? Dann kannst du uns eine Anfrage stellen.

CSS & PrimeNG für Angular Inhouse Anfragen

Häufige Fragen und Antworten.

Unsere On-Site Schulungen beginnen um 9:00 Uhr und enden um 16:30 Uhr.

Bei Remote-Schulungen teilen wir die Kurse nach Wunsch gerne auf mehrere halbe Tage auf. So finden unsere Vormittags-Kurse von 9:00 bis 12:00 statt und unsere Nachmittags-Kurse von 14:00 - 17:00. Das ermöglicht laufende Projektarbeit nicht ganz liegen lassen zu müssen oder sich auch um die Betreuung der Kinder zu kümmern.

Ja. Am Ende jeder unserer Schulungen erhält der Teilnehmer:in ein signiertes Teilnahme-Zertifikat.

Unsere Trainings können auf Deutsch oder Englisch gehalten werden. Die öffentlichen Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt. Für In-House Trainings kann bei der Anfrage ein Hinweis auf die gewünschte Sprache angegeben werden. Die Unterlagen und Aufgaben sind komplett auf Englisch verfügbar.

Ja. Wir haben intensiv an einem Setup gebaut welches euch die Möglichkeit bietet an unseren Workshops auch Remote teilzuhaben. Wir haben mit unserem virtuellen Classroom eh schon eine sehr gute Infrastruktur welche diesen Modus sehr gut unterstützt. Unsere Slides sind immer online und werden auch nach euerer Teilnahme aktualisiert. Auch nach der Schulung habt ihr dauerhaft Zugriff auf diese. Weiterhin lassen sich die Aufgaben über ein Online-Interface aufzurufen und von uns freischalten. Wir haben hier einige Aufgaben ergänzt, welche euch für die Durchführung eines Remote-Workshops vorbereiten.

Wir nutzen hierbei neben unserem Classroom das Online-Meeting Tool “Zoom”. Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt welche euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass wir alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet. Ihr könnt euch natürlich auch in einem Meeting-Raum bei euch Treffen und den Trainer dazu schalten aber sowohl die Technologischen Lösungen klappen besser wenn jeder im Home-Office ist, als auch eure sozialen Kontakte sind geringer und ihr verringert das Risiko euch und andere anzustecken.

Auch Screenshare von allen Teilnehmer:innen oder die Freigabe eurer IDE ist in Verbindung mit Visual Studio Code Live Share sehr einfach möglich. Der Trainer kann so auf Wunsch und mit eurer Freigabe den Zugriff auf euere aktuelle Entwicklungsumgebung bekommen und euch dort direkt Helfen, falls ihr einmal bei einer Aufgabe hängt.