2021, June 3nd Start: 10:00 CEST Duration: 4 hours online
"Angular & micro-frontends applications at scale"
Workshop #3
Michel Ruffieux
Senior software engineer at JobCloud AG
AGENDA
2021, June 3nd
10:00 - 10:10
10:00 - 10:10
Overview
10:10- 11:45
10:10- 11:45
Part 1
  • Set up a monorepo architecture
  • Create a simple API using NestJS
  • Draft a micro-frontend in Vue
  • Implement Vue micro-frontend to Angular shell
11:45 - 12:15
11:45 - 12:15
Break/Buffer
12:15 - 13:40
12:15 - 13:40
Part 2
  • Apply lazy loading model to components
  • Set up NGINX as reverse-proxy to segregate micro-frontends
  • Implement design patterns to alleviate codebase maintenance
  • Introduce partial server-side rendering to match web vitals
13:40 - 14:00
13:40 - 14:00
Q&A
10:00 - 10:10
Overview
10:10 - 11:45
Part 1
  • Set up a monorepo architecture
  • Create a simple API using NestJS
  • Draft a micro-frontend in Vue
  • Implement Vue micro-frontend to Angular shell
11:45 - 12:15
Break/Buffer
12:15 - 13:40
Part 2
  • Apply lazy loading model to components
  • Set up NGINX as reverse-proxy to segregate micro-frontends
  • Implement design patterns to alleviate codebase maintenance
  • Introduce partial server-side rendering to match web vitals
13:40 - 14:00
Q&A
WHAT YOU WILL LEARN
Set up and maintain a monorepo architecture using Rush
Implement micro-frontends in an Angular application
On-demand component resolver in Angular
Create a simple API with NestJS
Leverage reverse-proxy to serve static bundles on NGINX
Keep up with web vitals using advanced rendering techniques
Correctly operate with SOLID principles in Angular
Useful design patterns (factory, abstract, composite)
Scale large Angular applications using the lazy model
SPEAKER'S BIO
Michel Ruffieux
Senior software engineer at JobCloud AG
Started coding back in 1999, took the Javascript turn in 2006 and working with Angular since Angular.js. Currently working at JobCloud AG, number one job boards network in Switzerland. Previously worked for software editor (Rocket Software) and consultant for SMEs and NGO's (WEF, IFRC, WTO)
WORKSHOP FORMAT
Overview — 15 min
Training part 1 — 1h 30 min
Breaks — 30 min
Training part 2 — 1h 15 min
Q&A — 30 min
FOR WHOM?
Mid-level and senior Angular developer with basic knowledge about web vitals, monorepo architecture, server (node, nginx).

Have you ever wondered how to build a large-scale angular application with embedded micro-frontends the easy way? Well, this workshop will teach you how to build an Angular application with micro-frontends using an Angular app shell and keep up with web-vitals and best practices. We will approach frontend development, server configuration, reverse-proxy and basic NodeJS code.
Mid-level and senior Angular developer with basic knowledge about web vitals, monorepo architecture, server (node, nginx).

Have you ever wondered how to build a large-scale angular application with embedded micro-frontends the easy way? Well, this workshop will teach you how to build an Angular application with micro-frontends using an Angular app shell and keep up with web-vitals and best practices. We will approach frontend development, server configuration, reverse-proxy and basic NodeJS code.
SHOW MORE
WHAT YOU NEED BEFORE WE START:
A computer with node 10+, npm 5+
Understanding of oop in typescript
Awareness regarding web vitals
1
3
5
nginx latest
Understanding of reverse-proxies
Dozens of coffee... Tea is also accepted if you are not a caffeine addict yet :)
2
4
6
COURSE BENEFITS:
You will learn basic knowledge about nodejs as server and nginx as both server and reverse-proxy.
You will know how to please your visitor improving web vitals.
You will learn how to apply SOLID principles to different contexts.
You will improve your productivity as all-rounder even if you don't really know about server configuration.
You will be able to correct the level abstraction of your component to know wether it's too high or too low.
You also improve usage of schematics in angular.
You will learn how to partially load an Angular application from the server to take advantage of server speed and experience faster page load.
It will introduce you to monorepo architecture.
WORKSHOP ENDED
Workshop #3 "Angular & micro-frontends applications at scale" - Waiting List

Workshop #3
"Angular & micro-frontends applications at scale"
Responsible for payment:
Additional information
Geekle Corp.
910 Foulk Road, Suite 201
Wilmington, DE
19803, USA
Designed by:
Our website is almost ready
Create a targeted live campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds
Leave your email below to receive updates
Click to order
Total: 
Contact Information
Payment method
Contact the organizer if you need a refund