Speaker presentation

Dear attendees, thank you so much for your participation at the Sencha Community Days 2019!

Here you can find all the presentations of the session and workshop.
We will stock up the rest in the following days.
If there are still questions left,  please contact us anytime and we will help out.

Continuous Delivery Pipeline as code is key in helping you to ensure long term maintainability. Treating your pipeline as code helps you to version it in your SCM of choice, makes changes easily traceable and lets anyone on your team make required changes. In this session, I will show you how we build and maintain our Continuous Delivery Pipeline using tools like GitLab CI, Docker, Nexus and Traefik. Together we will take a deep dive into the GitLab CI Build Pipelines to build and deploy docker containers to dev, stage and production environments.

Download session: From dev to prod with GitLab CI

Speaker details: Stephan Hochdörfer

This was a 2 hr workshop in which we had a look at how to design an ExtJS application with keeping a modular architecture in mind. We’ll be using the (custom) packages-concept of ExtJS and implement a pluggable application which allows for dynamically adding and removing packages with a single line of code. Target Audience: Programmers that have already used Sencha ExtJS and are looking for alternative ways to add/remove modules to/from their software.
The number of seats are limited.

Download workshop: Package Agnostic Architecture with ExtJS

Speaker details: Thorsten Suckow-Homberg

Die Anwendung ist fertig entwickelt, aber die Benutzeroberfläche entspricht nicht den Erwartungen? Wir zeigen, wie einfach eine Benutzeroberfläche mit SCSS und dem Sencha Themer angepasst werden kann. Unsere Ziele für den Workshop:

  • Erstellen eines eigenen Themes
  • Entwickeln des Themes mithilfe von ExtJS Fashion
  • Verstehen und Benutzen der offiziellen ExtJS Dokumentation
  • Anpassen von Theme Variablen
  • Benutzen von selbst erstellten CSS-Klassen
  • Erstellen und Benutzen von UI’s
  • Einbinden von eigenen Fonts & Icon-Fonts
  • Sencha Themer

Download workshop: Theming mit Sencha ExtJS

Speaker details: Manuel Künstler

Speaker details: Jan Mohr

Web applications have to deal with many uncertainties and asynchronous events – users cancelling operations, network connections going offline, new data coming in etc… Reactive programming is a way to build maintainable, robust and responsive systems under such conditions. I will present an introduction to the basic concepts and show how typical frontend problems can be solved with RxJS.

Download session: Reactive Programming / RxJS

Speaker details: Thorben Ziemek

To structure your code and make it reusable you can use packages. To increase the performance and security of your app you can load these packages dynamically based on the usage or user rights. With routes you can build stateful applications and even use them to trigger the dynamic package loading. In this talk you will learn all about packages, dynamic packaging loading and routing you need to improve your own applications.

Download session: Dynamic package loading and routing with Ext JS

Speaker details: Nils Dehl 

How to use and develop a GitHub Actions workflow using Node.js.
With GitHub Actions you can automate your workflow from idea to production. Focus on what matters: code
Actions can be written in any language, but we will take a closer look in how to write our workflow using Node.js and interact with the full GitHub API.

Download session: GitHub Actions with Node.js

Speaker details: Stefan Stölzle

As a compliment to the flagship ExtJS framework, Sencha has released components for React and Angular as the ExtReact and ExtAngular products. But what about other frameworks? A new emerging standard called Web Components promises components for any framework – or no framework at all! Come see a preview of Sencha’s Web Components product – “ExtComponents”

Download session: A Preview of Sencha ExtComponents – Web Components in a Sencha world

Speaker details: Marc Gusmano

We will show how you can improve server-side development productivity replacing well known REST architecture with GraphQL, an efficient, powerful and flexible approach to developing web APIs. Starting from the big picture of a full stack application we’ll see : – A reminder of the history and Fundamental principles of GraphQL – How to make Ext-Js interact with it, we will expose the main implementation differences with the REST way From there, we will provide a comparison between REST and GraphQL and talk about the strengths and weaknesses of each approach regarding Ext-Js technology.

Download session: Facebook’s GraphQL – REST in peace?

Speaker details: Thomas Simon

Modern business applications often rely on data that is linked from a business perspective but originates from diverse enterprise sources. This results in complex application development, leading to long development cycles and increasing project budgets. In this talk I will present a design approach for a generic backend that addresses these issues and speeds up application development.

Download session: Design of a generic linked enterprise data backend for app development

Speaker details: Christoph Brandt

React is an intuitive framework for coding web apps. But React does not include a standard component library! ExtReact lets you use all 115+ Ext components in your React application. The presentation will have a brief introduction to React programming, then contrast how a simple application is coded both ExtJS and ExtReact.

Download session: ExtReact Introduction and How it Compares to ExtJS

Speaker details: Max Rahder

When we hear the word „Websocket”, we almost immediately think about real time chats. While this is indeed a great use case for websockets, they also offer a lot of features that are useful in other javascript applications. In contrast to APIs, websockets offer a bi-directional communication, so that they not only can act as a fast and reliable datasource, but also enable backends to notify client applications about certain events like the completion of a long background task. In this talk we will learn about the pros and cons of sockets, their scalability in clustered environments and how we can leverage them to bring more reactivity and performance into our javascript applications.

Download session: Enhance your JavaScript applications with Websockets

Speaker details: Julia Will

We at the companies GESS and dimap decided to switch to API oriented software development. Based on core components (Sencha ExtJS, OODB Gemstone/S) we developed a model oriented development system – producing libraries for ExtJS, Java, C# and Python. Sencha ExtJS is our main product in UI development, while Python, C# and Java are connections are used to connect other products in our company and scripting support.

Download session: Using multiple programming languages in single projects

Speaker details: Marten Feldtmann

This talk covers everything that happens before the actual start of Ext JS and what the developer should do/load. I’ll mainly talk about Classic, but also about typical processes of the modern framework.
We will talk about:

  • app initialization
  • deferring mainView loading
  • user data loading and validation
  • preparing recurrent or time based functionality (TaskManager)
  • language loading and binding (for multi-language apps)
  • modern: app update process for local data

Download session: What happens before the app is launched

Speaker details: Torsten Dinkheller

In this talk, we’ll look at the steps to use the Sencha ExtJS library to create a web Client to connect and get data from the RAD Studio’s RAD Server (also available with Delphi and/or C++ Builder). Embarcadero RAD Server lets you easily create ReST/JSON resources that can easily be consumed by Ext JS web clients.

Download session: Embarcadero RAD Server: A backend for Ext JS clients

Speaker details: Matthias Eißing

Sencha has recently released Ext JS 6.7 including Modern Toolkit Grid Filtering and Locking, Virtual Scroller, Chip, Color Picker, Multiselect Combobox and Select components as well as plugin updates. In my talk I’ll show technical details of the key enhancements and share Sencha’s future plans about making Ext JS components available as WebComponents and moving to ES6 Class System.

Download session: What’s new in Ext JS

Speaker details: Olga Petrova

This session covers the theory, basic principles and possibilities a developer has when localizing an ExtJS application, and gives practical advices how to write a localizable (translatable) code. The seamless integration of translation files and switching between translations on the fly is shown by a custom implementation of such a system.

Download session: Localization of ExtJS Applications – coming soon

Speaker details: Jozef Sakalos

This session covers the theory, basic principles and possibilities a developer has when localizing an ExtJS application, and gives practical advices how to write a localizable (translatable) code. The seamless integration of translation files and switching between translations on the fly is shown by a custom implementation of such a system.

Download session: The magic of controlling attention to shape perception

Speaker details: Grgur Grisogono

One of the major strengths of Ext JS is its concept of reusable self contained Ext.Components. At Bryntum, we have been creating powerful Components & extensions for Ext JS for the past 10 years. I will show you how little it takes to add a powerful component like a Gantt chart to any Ext JS application.

Download session: Adding a Gantt chart to your Sencha application

Speaker details: Mats Bryntse

If you ask development teams if they are familiar with TDD and whether they’d recommend writing tests, 90% will approve.
If you ask the same group of people if they are actually writing tests in their everyday life, 80% will deny this.
Although this numbers were just made up, there is no question that there is still a sort of morally ambivalence existing among developers when it comes to writing software and actually testing, specially since management often has no idea of the impacts of testing in the long term and mostly fear the investment that comes with testing upfront, be it time or money.
In this half-day workshop, we will have a look at Sencha Test and Bryntum’s Siesta and learn how to write tests for our UI components and our application using this tools, and how to incorporate this development method into our everyday work, following the principle Test early, test often!

Target Audience: Programmers that have already used Sencha ExtJS and want to not only improve the quality of their software, but also want to learn how to write code more lean and elegant.
The number of seats are limited.

Download workshop: Testing ExtJS Components

Speaker details: Mats Bryntse

We go through some examples of how to use machine learning models developed with Python and JavaScript working together with ExtJS. The presentation is full of code examples in Jupyter notebook, the browser, and emulator/simulator. Finally, we give some tips on how to avoid the most common mistakes made by the developers that are not too familiar with machine learning.

Download session: ExtJS and machine learning

Speaker details: Karol Przystalski

As our app codebase grows, or even if we have distributed apps, we need to face the challenge of how to keep the UI simple and consistent, and consider to use an UI library or even create one as package. I will cover different UI libraries abroad, both in React and Native, showing advantages of libraries like React Native Elements, Bootstrap and Material UI and others ones to keep in mind for 2019. If these libraries are not enough, I will guide to the process of create a library and the success case of Danske Bank, that uses a React Native library as a package to share a common design and UX language across all the products created by the company.

Download session: How we scale and manage the UI in your React apps to keep it simple and consistent

Speaker details: Alexandre Magno Teles Zimerer

The rise of IoT and smart infrastructure has led to the generation of massive amounts of complex data. Traditional solutions struggle to cope with this shift, leading to a decrease in performance and an increase in cost. In this talk, we will take a look at this kind of data using a simulated Curiosity rover. Participants will learn how to create a data pipeline for ingestion and visualisation. By the end of this session, we will be able to set up a highly scalable data pipeline for complex time series data with real time query performance.

Download session: Machine data: how to handle it better? – coming soon

Speaker details: Tanay Pant

Covering an enterprise web application with end-to-end tests is always a hard and complex process. In this talk, I’ll share our story of test automation in web applications built with all sorts of Sencha frameworks from ExtJS 3 to ExtReact. Last year, we made a breakthrough in test automation moving from almost zero to hundreds of automated test scenarios. Why do we need test automation?

  • Why should we be using JavaScript in test automation?
  • Importance of right tooling and continuous integration
  • Synergy between developers and QA engineers

Download session: End-to-End Testing ExtJS Application at Scale – coming soon

Speaker details: Aleksei Chernov