CSS & PrimeNG für Angular Intensiv-Schulung
Einsteiger · 2 bis 4 Tage · In-House
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.
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
What you should know
Die Grundlagen von HTML, CSS und Angular sind erforderlich.
This CSS & PrimeNG für Angular course is aimed at Einsteiger.
What's Included
Request in-house/corporate training
Submit a request and book a preliminary meeting with our advisor.
What our participants say
Sehr guter Workshop, der unserem Team, welches frisch von der Desktop- in die Web-Entwicklung gewechselt ist, sehr weiter geholfen hat. Nun ist CSS für uns keine riesige Blackbox mehr und wir können unsere CI auch hier umsetzen.
Attended CSS & PrimeNG für Angular Intensiv-Schulung
Neue Erkenntnisse für weitere Projekte gewonnen und die "Angst" vor dem Unbekannten und der Verwendung durch die Übungen genommen.
Attended CSS & PrimeNG für Angular Intensiv-Schulung
Kompetenter Trainer, viele nützliche Links und spannender Inhalt.
Attended Angular & Agentic AI Engineering Intensiv-Schulung
guter Workshop, um die Grundlagen zu verstehen und einen Einstieg zu finden.
Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Sehr gute Schulung vom Super(Web)Dave
Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Insgesamt war es eine gute Schulung, die einen Mehrwert gebracht hat! Kurzweilig, guter Trainer, spannendes Thema.
Attended Angular: Modul 2 - Architektur, Qualität & Mono-Repositories Intensiv-Schulung
Questions and answers
Our public CSS & PrimeNG für Angular remote courses take place from 9:00 AM to 1:00 PM, on-site CSS & PrimeNG für Angular trainings from 9:00 AM to 4:30 PM.
For in-house seminars, individual adjustments are possible.
Yes. At the end of each of our CSS & PrimeNG für Angular seminars, participants receive a signed certificate of attendance.
The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.
Yes, we offer our CSS & PrimeNG für Angular seminars in German and English.
Public dates are held in German, unless explicitly stated otherwise.
In-house seminars can be conducted in the desired language.
All materials and exercises are fully available in English.
Yes. We offer our CSS & PrimeNG für Angular seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.
We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.
For public CSS & PrimeNG für Angular seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.
For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.
For our in-house seminars, we additionally offer code mentoring.
What is code mentoring?
- Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
- Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
- Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
For participants of public trainings, we recommend joining our community Discord server.
Your benefits on Discord:
- Diverse channels for questions and discussions – beyond the course topic.
- An engaged community that supports you in learning.
Our trainers are experienced experts from the industry:
- Google-Developer-Experts
- Experienced software developers
- Book and article authors
- Active members of the web community
- Organizers of meetups and conferences
Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.
Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!