FS Engineering- today and tomorrow

1. I CAN do it 2. WE CAN do it BETTER TOGETHER 3. WE WILL do it FAST

Front-End Platform Engineering

We are switching from the era of Front-End DevOps to a Platform Engineering- to create company-specific platform to develop and deliver their products. It goes through the stages of a Design System creation, integrated in a UI Framework (React, Vue, Angular…), and building an abstraction level on top of Cloud providers (AWS, Azure etc.) and tooling (K8S, Terraform..), and CI/CD pipelines (GitLab, Github) + observability and security enablement, to move the cognitive load from the product delivery teams. Picking the right tooling, foster the culture, solution and approaches is complex, but there is a common set of patterns and tools, so this talk is to describe both the reasons why Platform Engineering is a must, and to demo which tools and approaches will help you in this journey.

Serg Hospodarets- about

Platform Engineering- Why and How to start (short)

Do you want to move to the next stage of DevOps- Platform Engineering? Then this talk is for you- from discussing Why, to actually How to create platform engineering organisation + demos which tooling and approaches to apply to create the team, the Platform, culture, and the proper process. Resources and Youtube video: https://hospodarets.com/platform-engineering-talk

Platform Engineering- Why and How to start

Do you want to move to the next stage of DevOps- Platform Engineering? Then this talk is for you- from discussing Why, to actually How to create platform engineering organisation + demos which tooling and approaches to apply to create the team, the Platform, culture, and the proper process. Resources and Youtube video: https://hospodarets.com/platform-engineering-talk

Micro FrontEnds

The complexity of Front-End applications grew past years extensively. That’s the reason big monoliths started being split to separate UI and modules working with different API. After years of using custom solutions and confusion around Micro Front-Ends, we are in the new era of the native support of Module Federation in Webpack 5, and tools, such as Storybook components system, TC39 ShadowRealm etc. But this gives the tool to build apps which can work with specific microservices, and behind there are different topics- which use cases micro apps are useful for, how teams and work can be organized. In this talk, the above areas will be discussed, and together with the live demos, you’ll learn about the current state of the art.

Native JavaScript modules

All the modern browsers support native JavaScript modules, and it’s a perfect time to start using them, which will change the way we are bundling the JavaScript using Webpack, Rollup, and other bundlers, and how the code is executed. We will take a look how they work, what is the level of support in the browsers and Node.js, plus main findings and gotchas on the way of publishing and using them in production. Looking into examples, we will understand the native modules features, performance details and lazy loading JS modules techniques.

CSS Houdini in short: From CSS Custom Properties to JavaScript Worklets and back

Today CSS Custom Properties are supported in all the major browsers. Now it’s time to do the next step- to have an ability to register new Custom Properties from JavaScript and setup the browser how to work with them (e.g. real CSS polyfills). They should work with the same performance as the native CSS properties, being animatable and aligned with CSSOM. Custom Properties can be used as a bridge between CSS and JavaScript. Houdini Task force introduces specs and JavaScript Worklets to expose the interaction with previously fully internal browser rendering mechanisms (during Paint, Layout, Composite stages) and Animations thread. All this brings Front-End development to the next level, parts of which are already available for the developers.

CSS Houdini: From CSS Custom Properties to JavaScript Worklets and back

Today CSS Custom Properties are supported in all the major browsers. Now it’s time to do the next step- to have an ability to register new Custom Properties from JavaScript and setup the browser how to work with them (e.g. real CSS polyfills). They should work with the same performance as the native CSS properties, being animatable and aligned with CSSOM. Custom Properties can be used as a bridge between CSS and JavaScript. Houdini Task force introduces specs and JavaScript Worklets to expose the interaction with previously fully internal browser rendering mechanisms (during Paint, Layout, Composite stages). All this brings Front-End development to the next level, parts of which are already available for the developers.