Das bringt euch die CSS & PrimeNG für Angular Schulung
Als Entwickler:in
-
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.
Als Entscheider:in
-
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 exzellente 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.
Über die CSS & PrimeNG für Angular Schulung
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 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.
Was ihr lernen werdet
Dies ist unsere empfohlene Agenda für die CSS & PrimeNG für Angular Intensiv-Schulung. Wir verfügen darüber hinaus über weiteres Kursmaterial, um Themen einfach nach Bedarf auszutauschen.
-
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
-
Cascade, Vererbung, Specifity
-
IDs, Classes und Selectors
-
Gängige CSS Properties
-
Layout Systeme: Grid vs. Flexbox
-
Media Queries
-
Best Practices Debugging
-
Browser DevTools
-
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
Was ihr wissen solltet
Das solltet ihr mitbringen
Die Grundlagen von HTML, CSS und Angular sind erforderlich.
Zielgruppe
Dieser Kurs richtet sich an Einsteiger.
Was enthalten ist
