On Demand :: GIDS.Web Live 2020

Missed the live action from GIDS.Web Live 2020? You can watch recordings of all the proceedings on-demand here.

What's New in JavaScript (ES 2020) - Part I

JavaScript will celebrate it's 24th birthday in 2020. For a language that has been around for such a while it has seen very few, if any changes to the language itself. Well all that is about to change with ECMAScript.next (or ECMAScript 6). ECMAScript 6 modernizes JavaScript syntax, while bringing in features such as modules for better namespacing, class as...

My Browser Does What?

The Web evolves quickly. We are far away from the days of Marquees and Blink. But learning the latest features of the latest ECMAScript implementation or the newest PHP framework isn’t everything. New Web APIs are constantly added to the browser. Did you know that your browser can process audio feeds, that it can connect to Bluetooth devices, or that...

Easily Integrate SCSS and Flexbox into your React App

Subtitle ✓ Transcript ✓

Styling and formatting can be a very intimidating task - especially with the copious amount of libraries and possibilities out in the world. SCSS and Flexbox can quickly integrate into your React App and make styling and formatting more accessible and hopefully, more fun! See it all in action at this live-coding session. ...

Testing in Production

How do you know your feature is working perfectly in production? If something breaks in production, how will you know? Will you wait for a user to report it to you? What do you do when your staging test results do not reflect current production behavior? In order to test proactively as opposed to reactively, try testing in production! You...

What's New in JavaScript (ES 2020) - Part II

JavaScript will celebrate it's 24th birthday in 2020. For a language that has been around for such a while it has seen very few, if any changes to the language itself. Well all that is about to change with ECMAScript.next (or ECMAScript 6). ECMAScript 6 modernizes JavaScript syntax, while bringing in features such as modules for better namespacing, class as...

JavaScript Essentials for Programming with React

Modern JavaScript has come a long way. It is elegant, fluent, and does several things right. To program React applications, you'll use many of the features from the new generation of JavaScript. This presentation will help you hone in on the features of JavaScript that you will rely heavily to create applications using this powerful language....

TensorFlow.js

The numerics of machine learning seem like the least likely thing you would expect to run in a browser. TensorFlow.js provides exactly that. This Javascript implementation of the TensorFlow APIs is backed by GPU-accelerated WebGL, WebAssembly and the optimizations available to modern Javascript engines. Now, as our production systems become more distributed geographically, we can push some ML capabilities to the...

Vue.js and TypeScript: Working Together like Peanut Butter and Jelly

Have you struggled to get TypeScript and Vue to play well together? Me too. Vue is a fantastic SPA framework, and TypeScript is a great way for catching errors faster. Together, they can boost your productivity. Join us as we peel back the layers of TypeScript and look at the tricks of the trade to get them playing well together....

It's Spelled 'Accessibility', not 'Disability'

Subtitle ✓ Transcript ✓

Over ten years ago — in the pre-iPhone days — many companies questioned the need for a mobile-friendly website. Last year, mobile internet traffic surpassed desktop traffic, and many of those same companies are still struggling to catch up. What does this have to do with Accessibility ("a11y" for short)? The World Wide Web Consortium says, "Accessibility overlaps with other best...

Developing Mobile Friendly Web Applications with React and Bootstrap

Rich web applications have to be interactive but must also be usable on mobile devices. In this presentation we will see how to create interactive applications, with client side state, server side interaction, and that can scale properly for both desktop browsers and browsers on mobile devices. ...

Hacking OAuth

Subtitle ✓ Transcript ✓

OAuth expert Aaron Parecki examines a few recent high-profile web security breaches and discusses how they relate to OAuth. This session covers each of the OAuth grant types and applies them to use cases such as implementing OAuth for web and native apps, using OAuth on devices with no web browser or keyboard, and implementing OAuth securely when writing an...

Containerized Deployments for your SPA and API

You've built a SPA and an API backend, and you're now looking to deploy with ease. Kubernetes is the natural fit, but where do we begin? We'll use the Vue CLI and the dotnet CLI to startup our codebases, then craft Dockerfiles to deploy these with ease in various configurations. Whether you'd rather deploy both parts together or scale different...

Introduction to Cross Platform Development with Flutter

Flutter is one of the most talked about technologies this year. Flutter is Google’s mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Learn how to design, develop and deploy Flutter apps in this talk!...

MetaProgramming with JavaScript

Tools/libraries/frameworks that rely on modern JavaScript heavily make use of metaprogramming capabilities that is relatively new in the language. In this presentation we will learn about the metaprogramming API, the benefits it provides, and how to benefit from this programming facility. ...

Web Components: 10 Things to Know

Web Components are an exciting, standards-based way to build web apps. However, not everyone knows much about them! We’ll discuss 10 things to know about Web Components including the main technologies involved in the standards and how LitElement and open-wc can help when building Web Components. ...

Accessibility API 101

Subtitle ✓ Transcript ✓

When googling web accessibility you can easily see the trend of discussions around the use of “native HTML elements” over JavaScript frameworks custom element approach. If you have ever gotten lost down the rabbit hole of trying to understand why? this talk aims to fill in the blanks by discussing the technical reasoning behind the "Native HTML" approach. Lets be honest,...

Codified Security

Those who do not learn history are doomed to repeat it. In this talk we will discuss some of the historical approaches to security, what the challenges are and what modern secure development might look like if we shift it all the way left to programmer time". With an end goal of being able to write secure code without knowing...

Architecting Data-Driven Apps for UX Success

The modern-day web application is a rich tapestry of data. It's dynamic, and it's personal. We expect that apps know who we are. We expect them to provide new and interesting content curated just for us. It's no surprise that this has led to an explosion in web technologies that embrace the ever-changing and personal nature...

Chaos Like Everyone's Watching

As we migrate towards distributed applications, continuous assertion on application resilience becomes increasingly important, especially with continuous deployment and shorter development sprints. In this talk with Ankhuri Dubey from the CI-CD team in Goldman Sachs, we go over the adoption of Chaos Engineering for distributed applications, with a case study on an application with distributed architecture and a wide client...

4 Steps from JavaScript to TypeScript

You've got a JavaScript project and you're coming round to the idea of TypeScript. You like the idea of static typing and improved IDE experience. It is finally time to make the move, but how do you go about it? Is this going to be a big and inconvenient change to the codebase? What if I said you could take it...

Getting Productive with Angular

Do you know, there are many tools which are available to make you more productive while working with Angular. We will see how to use those tools and write and become more productive, we will also learn how to use Chrome dev tools to debug and find some common problems in your application. We will also learn how to refactor...

Houdini, Behind the CSS

Traditional CSS is limiting in a number of ways. While it has many, many attributes, if you want to make something outside the DOM box your options are pretty limited. Leading to many CSS hacks to make objects like, triangles for example, a reality in a modern web browser. This clutters up the HTML and CSS with extra elements it...

Building Enterprise 3D Web Applications

We live in a world where user experience is a key element of web application design. As technology evolves, a 3D interface gives a whole new level of user experience compared to its 2D counterpart. Building such an enterprise 3D web application presents a gamut of challenges. Using Three.js, Webgl and an example of a complex structure like a house...

Sprinkle Javascript with StimulusJS

In this world of Microservices, I am building a Monolith app. In this world of React and Vue, I am building a server-side rendered app. However, I need Javascript. I need some parts of the page updated dynamically. I need to show/hide individual sections of the page depending upon user actions. I don't want JQuery for obvious reasons. Slow.., Heavy...

Building Next-gen Web Frameworks using React

In this talk, we will demonstrate a framework for component architecture for building rich user experiences based on React architecture that utilizes new technologies within such as Hooks. You will learn how such frameworks can empower your teams to prototype new pages and applications rapidly. How such components can provide a stable foundation upon which you can build modern web...

Internals of the Angular CLI

In this talk, join Minko Gechev from the Angular team at Google to take a look under the hood of the Angular CLI. We'll start from scaffolding and go all the way to production build-time optimizations....

The Magic of Dataloader with Graphql

Graphql is an elegant concept to orchestrate your domain into a single API query. Dataloader on the other hand is a simple idea to improve the performance of Graphql query. In this talk, we will first understand our use case and why we chose Dataloader to solve our complex problem and then move on to building “Our Own DataLoader” from...

Uniting the Team with JAMstack

Scrambling to a ridiculous deadline, building without a fully formed design, one team blocked by another... Sound familiar? Here's a story about how we overcame those problems, launching a JAMstack-driven multisite ahead of the unmovable deadline, all built in a matter of days. There'll be technical deep-dives, lessons learned, and tips that'll help bring your teams together. Taking learnings from the...

Progressive Microservices with NodeJS

It is needless to emphasize the importance of Microservices in today's web and cloud systems. However, to bring up an entire infrastructure, it often requires a reasonable amount of time and resources. Many features such as network protocols, service discovery, load balancing, deployment etc., requires knowledge of various technologies and thereby increasing the overall cost (time and resource). How about achieving...

Serverless Applications - Azure Functions, API Management & Application Insights

The session will focus on serverless applications in context of Azure functions that provide an event driven, compute-on-demand experience. We'll talk about the triggers that can execute serverless workflows and see some of the best practices for exposing the serverless endpoints that can then be consumed by the web frontends. Additionally, if time permits, we'll try and cover the Application...

Testing GraphQL APIs

Digital presence is of utmost importance in situations like COVID-19. Users access information or perform online transactions through different form factors ranging from desktop to hand-held devices. And Most of these communications happen via APIs behind the scenes. The API development is not new, and it has been around for many years now, and the technologies evolve so does the...

Engage your Website Users with Push Notifications

Push notification is an excellent way to engage your website users, provided they are used the right way. In this session we will take a deep dive into push notifications for web development, the challenges faced by web app developers and users. We will walk through use cases on how push notifications can be used  to engage users effectively. We...

Demystifying Micro-Frontends

Micro-frontends are a new architectural trend in the development of frontend applications. This architectural style can provide several benefits to your projects and organization, offering a level of decoupling never seen before in single-page applications or universal architectures. That said, micro-frontends need to be explored in practice. Based on his work at DAZN, Luca Mezzalira explains how to implement micro-frontends, enabling...

Future-proof your Web Apps with Web Components and LitElement

Building a web app? Should you pick Angular, React, Vue, or the something else? Did you know that browsers have a built-in standard for building reusable components, called Web Components? With a little bit of help from LitElement and LitHtml — libraries from Google’s Polymer team — you can build powerful web apps that run natively in all modern browsers...

Ask the Maintainer: Node.js

You may have used the Node.js help repo to ask questions and get help from any one of the great collaborators who regularly contribute there. This session takes that a step further. Come get help in a live format where we’ll hold a Node.js clinic as an open platform for developers using Node.js to seek resolutions for issues they are...

Happiness 24/7 - even without JavaScript

We spend one third of our day at work. We believe that everyone must make the best out of that time. Have you ever felt sad when grinding a muddy code base day after day with the feeling that nothing gets done in the end? Would you love feel proud about your code? We at Sievo believe that by unleashing...

Design and Build Great Web APIs

Mike Amundsen identifies key skills for creating consistently successful APIs and walks you through simple tools to turn those skills into working models, sketches, and running code. Based on the book Design and Build Great APIs, you’ll learn to identify a consistent pattern that focuses on designing, building, and deploying robust, well-designed, and resilient APIs for existing services. ...

UI Architecture: Design Beyond Vision

Gartner says that over 30% of our computer interactions these days are through voice rather than touch, mouse, or keyboard. (“Hey Alexa, can you verify that for me?”) They go on to explain that “conversational user interface technology is fundamentally shifting how technology providers build and how people use software and applications. Product managers developing software solutions must add conversational...

Accessible Forms: It's Not as Difficult as You Think

Not sure how to make accessible forms? I will be going over all you need to know to improve the accessibility of your forms. Designing accessible forms Building accessible forms Accessible form validation Come learn about best practices in form accessibility and implementing them using Vue.js! ...

Real Editorial Design on the Web with Variable Fonts

Subtitle ✓ Transcript ✓

Graphic designers have customized layouts and title pages in magazines for decades. But limited technology and efforts to ‘systematize’ design has meant we’ve missed out on much of what good graphic design has to offer. Variable fonts combine with other modern CSS techniques to completely change how we think about design for the web. Now that web publishing systems have advanced...

See Highlights of
Wurreka

Hear What Attendees Say

PWC Logo

“Once again Wurreka has knocked it out of the park with interesting speakers, engaging content and challenging ideas. No jetlag fog at all, which counts for how interesting the whole thing was."

Cybersecurity Lead, PwC

Intuit Logo

“Very much looking forward to next year. I will be keeping my eye out for the date so I can make sure I lock it in my calendar"

Software Engineering Specialist, Intuit

Groupon Logo

“Best conference I have ever been to with lots of insights and information on next generation technologies and those that are the need of the hour."

Software Architect, GroupOn

Hear What Speakers & Sponsors Say

Scot Davis

“Happy to meet everyone who came from near and far. Glad to know you've discovered some great lessons here, and glad you joined us for all the discoveries great and small."

Scott Davis, Web Architect & Principal Engineer, ThoughtWorks

Oracle

“What a buzz! The events have been instrumental in bringing the whole software community together. There has been something for everyone from developers to architects to business to vendors. Thanks everyone!"

Voltaire Yap, Global Events Manager, Oracle Corp.

Venkat Subramaniam

“Wonderful set of conferences, well organized, fantastic speakers, and an amazingly interactive set of audience. Thanks for having me at the events!"

Dr. Venkat Subramaniam, Founder - Agile Developer Inc.