Team Training Top Image

Team Training & Workshops for Better & Faster Angular Development

Last month the Team has been busy organizing internal Team training and workshops on several subjects. These training sessions are a regular part of our career development program. The program helps employees acquire and develop the information and skills to advance professionally and personally. They represent an opportunity for the whole Team to contribute new skills, ideas and learning experiences that we apply to daily work in the office.

Team training on PrimeNG

The first Team training held was related to PrimeNG and Routing in Angular. We had two 45 min sessions, followed by a discussion of online training via the Teams platform. Our dear colleague, Senior FE Developer Miomir, introduced and compared Bootstrap, NGBootstrap and PrimeNG Front-End Frameworks.

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. It has extensive documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.

PrimeNG is a collection of rich UI components for Angular that would satisfy most of the UI requirements of any application. Some of these components are data table, dropdown, multi-select, notification messages, accordion, breadcrumbs, and other input components. It also provides the following key features: A single library for all components, supports templating and is under active development.

All in all, the decision of which to use may be project or customer dependent.

Team training on Routing in Angular

The second part of the training was held by our Technical Lead Vlada, where we discussed Getting started with Routing, Route Parameters, and router Data.

The Angular router is a core part of the Angular platform. It enables developers to build Single Page Applications with multiple views and allows navigation between these views. In this training, Vlada introduced us to the concept of Single Page Applications and Angular connection to SPA. Further to configuration and defining of the routing table, defining sub-component placeholders and hyperlinks, router directives and practically demonstrating the concept through an example application.

The Routing training was focused on and particularly useful to our younger colleagues.

Team training - Prime NG
Team training - Prime NG
Team training - PrimeNG

Playwright Automation Testing training

Our following Training workshop introduced us to the concept of Automation Testing using a Playwright. Our Lead QA Engineer, Dejan, shed light on Playwright, a Microsoft-built Framework for Web testing and Automation.

End-to-end testing, also known as E2E testing, represents an upgrade of manual testing. E2E tests are a way to make sure that applications behave as expected and that the flow of data is maintained for all kinds of user tasks and processes.

AVS Solutions has started using Playwright for all its’ Automation testing processes and projects. If you would like to read more on the subject, how it compares to Selenium, Playwright advantages and similar, we have an article coming up.

Angular CDK

We concluded this month’s training with a talk on Angular CDK. Darko, Senior FE Developer, presented the Team with his experiences in work with Angular CDK.

The Angular CDK (Component Dev Kit) is a library of predefined behaviours included in Angular Material, a UI component library for Angular developers.

We discussed: CDK installation, Portal, Overlay and Table modules in more detail. The Team debated its pros and cons and here are some of the highlights.

  • Pros: Powerful tool with a plethora of options; well documented and strong community; following designer system guidelines; and well organized and easy to follow.
  • Cons: Repetitive code; cost to learn some rich but complex APIs; potential difficulties in expanding the code; and too extensive.

Angular CDK does cost some effort to learn how to use it properly. However, the conclusion is that it can help build specific UI libraries for a project with its design.

Team training - Playwright Automation Testing
Team training - Playwright Automation Testing
Team training - Angular CDK

Internal Team training in AVS is a professional development activity offering continuous learning, participatory learning, connections creating, brainstorming, and problem-solving for all participants. It also efficiently conveys concepts and points of learning across our company. Keep tuned for our upcoming training.