At Intel we work on the forefront of innovation as our hardware roadmaps are defined years ahead of release. This means that we need to make sure that the web platform takes advantage of new hardware capabilities as they are released or shortly after. This ranges from enabling new form factors to taking advantage of hardware accelerators.

In this talk we will discuss some of the new innovations that Intel is bringing to the web, such as WebNN, which enables access to fast neural network and machine learning capabilities; Web GPU and Compute Pressure, a new API enabling better user experience and bringing adaptive compute capabilities to the client, just like adaptive streaming has improved streaming use-cases by adapting to live network conditions.

Read More

Since its announcement in 2015 and the MVP release in 2017, WebAssembly as a framework has come a long way. Originally conceptualised to solve the plethora of problems associated with bringing more languages to the frontend, the WebAssembly movement has gained momentum and how! With applications that go beyond the browser, the Component Model is the direction that the Wasm ecosystem is moving in. What does this mean for us mortals? A more declarative approach while building software, better reusability & portability of the software thus developed, and of course, the ability to bring more languages to the web. In this talk, the speaker will delve into the WebAssembly framework & the component model proposal for by discussing the motivations for their existence. With the help of analogies, the speaker will guide the audience through the various nuts and bolts of the proposal in detail. At the end of the session, the speaker aims to arm the audience with a working knowledge of the component model and resources to pursue further research and get involved in the Wasm community, should they wish to.

Read More

Do you write JavaScript but are unsure of how it is executed under the hood? Are you interested in knowing more amazing stuff about the V8 JavaScript engine? Attend this talk to get an in-depth overview of the JavaScript engine and learn how this knowledge can help you as a developer to write more optimized JavaScript code. You will learn how exactly your high-level code is converted to bytecode and then to the optimized machine code with the magic of the V8 engine.

Read More

Incident management can be challenging and throw you curveballs with unexpected issues, resulting in data loss, downtimes, and overall money & hours of sleep going to waste, BUT! There are practical things you could do to make it a smoother process and handle it better.

Remember when we were at school, and people said - "Actively listening in class guarantees 50% prep for the upcoming test"? The same goes for being proactive at work in ways that will instantly prepare you to manage incidents better (at night or in general).

In this talk, I'll cover the proactive ways you could take and incorporate into your day-to-day routine, in order to prepare you for a smoother and more efficient incident management process.

I will also show the best practices I've finalized over the years that helped me get a clear vision of how to manage production incidents in the quickest & efficient way possible. Embracing the tips I'll give you will guarantee you'll not only talk the talk but also walk the walk when it comes to incident management.

Read More

Certain tasks on a user interaction can be blocking, giving the user a broken experience, and resulting in a low INP metric score.

Some ways to optimise the INP value of your page could be:

- keeping tasks small and dedicated to what they should do. - using Chrome’s scheduler API to schedule tasks for browser - yield important tasks to the main thread

The talk dives deeper into ways of improving the potential next CWV, "Interaction to Next paint" of a page

Read More

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.

Read More

Often when building websites, our units of measure are “pages”. It’s time to get more granular! Not every pixel on a page has the same importance. Content elements need deliberate prioritisation rather than trying to make the whole page fast. Let’s pull the idea of a “page” apart and explore a design and development pipeline that focuses on islands of content. How do we design, build and monitor the performance of our content islands?

Read More

Unlock the full potential of edge computing with this session. We'll dive deep into what edge computing is, how it works, and how it can enhance the software you build.

Learn about new runtimes and frameworks like Deno and Fresh that can take advantage of edge computing. See how easy it is to deploy to the edge and understand what it means to deploy your code as close as possible to your users and the benefits it brings.

The session will give you real-world examples and uses cases of edge computing so you can apply it to your work. We'll also cover the limitations of the edge and when it may not be the best fit for your project.

You will walk away from this session with the knowledge and skills to get the most out of edge computing.

Read More

Wouldn’t you love to automatically zap code bugs before releasing to production? How about before your code even gets run? Static analysis tools scrutinize your code as you write it - giving you blazing fast feedback at development time. We’re going to go into how that works, why it’s useful, and -best of all- how to enable the best configurations for ESLint, TypeScript, and their associated tooling in your app.

We'll cover the tooling differences between formatters, linters, and type checkers, along with how to appropriately set up each of those tools for local development and CI/builds. We'll briefly skirt around the deep configuration rabbit holes one can joyously fall into when setting up ESLint plugins, then find ourselves using ESLint and TypeScript as documentation sources and to educate developers on general and team-specific best practices. This talk will have you detecting bugs, bad practices, and code smells at lightning speed! ⚡️

Read More

Browsers are becoming the new operating system for the applications we use on a daily basis, but hardware access has always been a barrier. Now, with direct access to the local Bluetooth stack, talking to local embedded devices just became radically easier.

Read More

In this session, we'll explore how AI tools can help developers write better code. We'll cover various ways in which these tools can be used to generate code, improve skills, and debug errors. We'll also discuss their benefits, including time-saving and overall improvement of coding abilities. Moreover, we'll examine their limitations and provide tips on using them effectively. Whether you're a seasoned developer or just starting out, this session will offer valuable insights into how AI can assist you in writing better code and honing your coding skills.

Read More

When you first start building a web application, it's easy to write code and pull in the dependencies you need. What happens in 5 years (or 5 weeks) when the industry has decided what once was a super useful library is causing enterprise computers to become fire hazards?

In this talk, we'll cover how we can modernise our code to the new dependencies we want, build tools and processes to migrate to new code, and avoid breaking things without moving too slowly.

Read More

The rise of component-based architecture has brought new challenges to web developers, including the need for more granular control over layouts within individual components. While media queries have been a cornerstone of responsive web design for over a decade, they fall short when it comes to solving layout issues at the component level. Enter CSS container queries, a new tool that allows developers to style components based on their available space within a containing element. With container queries, we can use the same component everywhere, but it's restyling itself to fit best within the UI where it lives.

In this talk, we will explore the capabilities of container queries and how they can be used to achieve complex layouts without the need for heavy scripting or ResizeObserver hacks. We will cover the different container types, including inline-size and size, and showcase real-world examples of container queries in action with flexbox and grid.

Read More

We all try to write the best code we can, but sometimes things slip through the cracks. With a look at the data from scans of thousands of projects, we can tell what the most common issues are in the codebases of all JavaScript developers.

In this talk we’ll take a look at those top issues that plague JavaScript projects around the world, we'll see why they are issues, and finally how to spot and avoid those common errors, issues or anti patterns. By the end of the talk you’ll feel more confident in your codebase and maybe have a few things to fix.

Read More

What is perceived performance? It can’t really be measured, it’s a perception, it’s a feeling of performance. In the context of a website, perception is reality.

If a website feels fast to a user, then it is fast. In this talk, we’re going to explore some patterns and techniques that we use in our day-to-day, working on large scale ecommerce websites, ensuring our client’s customers have the best experience possible, which leads to happier customers and higher conversions.

Read More

Push-based front-end is a modern approach to web development that is gaining traction in the industry. Unlike traditional front-end development where the browser makes requests to the server for data, push-based front-end enables the server to proactively push data to the browser as it becomes available. This approach provides several benefits including faster data delivery, reduced network traffic, and improved user experience. In this talk Aliaksei will walk you through the the push-based systems and how to approach that using modern front-end frameworks and libraries

Read More

Picture the future. What do you see? Flying cars? Vacations in space? How about…not needing to remember passwords anymore? Well, welcome to that future (the no passwords one, not the flying cars).

Passkeys are here to make our digital lives easier and more secure–they cannot be reused, don't leak in server breaches, and protect users from phishing attacks. I’ll take you on a journey through our future where you can log in to a site or an app by unlocking your phone and show you how authentication systems with passkeys work.

Read More

If you go by media releases, security breaches don't happen that often. In practice, there are many incidents that no one ever hears about and sooner or later it's going to happen to you. What happens when you get hacked? We'll go through different scenarios and discuss what you can do about it.

Read More

We’ve come a long way since the early days of client-side security when injection attacks like XSS and SQLi were rampant. Modern frameworks come with a lot of out-of-the-box protections. But with the frameworks, the attackers have also evolved. In this talk, Kaif Ahsan, a Product Security Engineer at Atlassian, will share the most common ways modern web applications are hacked. Many of which he regularly comes across at work.

We will various techniques and examples of exploiting modern web applications like React, Angular. Through practical examples, code samples and much the developers will understand how the attacks happen and their impact. Furthermore, we will be exploring various best practices to tackle these vulnerabilities and build secure web apps.

Read More

When people talk about CSS layouts these days, it’s all about flex and grid. And, don’t get me wrong, flex and grid are pretty cool. But normal flow is still the default layout on the web, so that's what most of your app is probably using.

And given that normal flow is so fundamental, it's important to have a good understanding of how it works. But how it works can be a little counter-intuitive. Why, for instance, can we easily centre a thing horizontally, but not vertically?

Let's have a look at the mental model behind normal flow, what kind of things it's good for, and when some of the newer, shinier features might be a better choice.

Read More

In distributed architecture each service have their own context and boundaries defined by the team owning the service. Maintaining these specification and aligning them is a nightmare on long run. AsyncApi solve the problem by providing a specification to your asynchronous applications in a machine-readable format and tooling

Read More

Mecca's Engineering will be presenting its approach to solving the scalability and performance of frontend apps for over 30 frontend engineers by using a strategy called Micro FrontEnd

Read More

WebAssembly is building in hype and capability, but only a select few web apps are actually using it. For some kinds of apps, WebAssembly has a huge impact on performance, but for the rest of us it can end up being added complexity. However, there's one unexpected place that WebAssembly is making its mark: Development tools.

Even for projects with no need for WebAssembly, it's worth learning about it, how it works, and how it can supercharge local development and collaboration.

Read More

While Node.js has implemented the CommonJS spec from the very beginning, it was never part of the ECMAScript standard. Modules were standardised in ECMAScript 2015 but adoption has been slow because Node.js, browsers, bundlers (and a little language called TypeScript) all had to agree on the implementation.

Where are we now? Let’s find out!

Read More

Browsers have recently implemented import maps, which, in addition to ESM, allow you to both write and ship the same code, while still allowing incredibly powerful user experiences and complex interfaces.

Read More

We’ve all been guilty of it, a new technology comes along and you’re desperate to try it out. Before you know it, you’ve installed a bunch of dependencies, completed a brilliant “refactor” and shipped to prod. What you didn’t realise through all the high-fives and back-slapping with your team, is you’ve inadvertently shipped an extra 10mb of JS to the end user!

It’s not a new term but Hype Driven Development is more prevalent in the JavaScript ecosystem than ever. By the end of this talk you’ll see we may not need to JavaScript all the things and sometimes boring can be better…

Read More