Wij, de afdeling Data Innovation & Development (DID), zijn verantwoordelijk voor de creatie en optimalisatie van álle online producten van BNNVARA en de technische architectuur achter al dat moois.
Stack
Als je ergens werkt, wil je natuurlijk werken met technologieën die je interesseren. Hieronder vind je een overzicht van de technologieën die worden gebruikt door onze designers, front-enders en back-enders.
UX
- Sketch: software waarmee we onze UI designs mee maken
- Sketch Libraries: om de design systeem componenten te bewaren en om onderling het team te kunnen delen.
- InVision: voor prototype’s en feedback te verzamelen van de gemaakte UI.
- Adobe After Effects: om UI animatie/transitie voorbeelden te maken.
- Lotti Plugin (AE): om UI animatie om te zetten naar JSON.
- Hotjar: als feedback tool voor onze gebruikers, om eenvoudig de site te kunnen monitoren en het uizetten van kleine enquetes.
- Google Analytics: voor data-analyses en monitoring van de site.
- Google Optimize: om AB testen uit te kunnen serveren op de site.
FRONT-END
- React: het framework wat al onze ‘User Interfaces’ aan elkaar naait.
- Styled Components: voor het stijlen van componenten.
- Apollo GraphQL: voor het opzetten van onze Backend for Frontend (BFF) en het ophalen en verzenden van data op onze clients.
- Next.js: verantwoordelijk voor het server-side renderen en het afhandelen van de routing.
- Jest en React Testing Library: de 2 frameworks die wij gebruiken om onze tests te schrijven.
- Storybook: Om de componenten te ordenen in ons design systeem en ze te delen tussen teams.
BACK-END
- PHP: wie kent het niet?
- Symfony: het wel bekende PHP framework.
- TDD: De backend werkt volledig Test Driven. Zonder tests, geen code!
- AWS
- ECS: Autoscaling met tasks voor alle onderdelen.
- SQS: Ons microservices ontwerp gebruikt events en consumers.
- RDS: We moeten alles ergens opslaan, daarvoor gebruiken we Aurora.