• JavaScript Meetup

    Kinexon

    18:30 Socializing, food, drinks 19:00 Welcome [30min] David Müllerchen – Diversity [15min] Break – Socializing, drinks [30min] Wolfram Kriesing – TDD your next Docker Container [30min] Johannes Ewald – Secret tips to improve your Webpack config Location and food sponsored by KINEXON https://kinexon.com/de/unternehmen/karriere

    2
  • JavaScript Meetup – Micro Frontends

    HolidayCheck Group AG

    18:00 Socializing, food, drinks 19:00 Welcome [45min] Terminating the frontend monolith - Trygve Lie More and more are turning to a micro service architecture and are doing so by splitting their backend services into smaller independent services. There are though still one big elephant in the room which not many talk about when it comes to micro services; the frontend. One approach to solving this is the concept of micro frontends but what is micro frontends, when does it make sense to apply such an architecture and how do one do micro frontends in real life? In this talk we will take a closer look at what micro frontends are, what they are not and how it works in reality. We will look at the principles and the code is takes to build small reusable frontend services which serve standalone micro applications and how these are stitched together into full pages. We will also look at how to break a large monolith into such an architecture piece by piece instead of rewriting everything in one go. We will also take a look at how design systems and front end framework components, such as React components or Web Components, play into this concept. This talk introduces Podium which was built by FINN.no to cater for easy development of micro frontends with multiple HTTP frameworks such as Express, Hapi, Fastify, cloud function, React, etc. Trygve Lie https://twitter.com/trygve_lie Trygve Lie is frontend tech lead at the frontend platform team at FINN.no. He has been doing frontend development since pre 2000 and is one of the founders of the Framsia meet-up group and the Web Rebels conference in Oslo, Norway. FINN.no is one of the top 3 websites in terms of traffic in Norway. [15min] Break – Socializing, food, drinks [30min] TPD - Free Slot Location and food sponsored by HolidayCheck Group AG

    7
  • JavaScript Meetup

    financial.com AG

    18:30 Socializing, food, drinks 19:00 Welcome [30min] Jan van Brügge (Cycle.js Core Team) – Promise considered harmful Promises were celebrated as the end of callback hell - and to a certain extend they are. But the design of the Promise is deeply flawed. Even worse: It is becoming the base of every new Browser API. I will show you the issues of the Promise and what you can do to avoid them. [30min] Maya Lekova (Google V8 Team) – What awaits you in async programming? This talk guides you through the world of asynchronous programming in JavaScript, more specifically the async/await paradigm. First, we'll compare async/await to other similarly-purposed paradigms. We'll then cover current browser support and performance implications of async/await, as well as a recent optimization done in V8 and how this affects the everyday work of web developers. We’ll finish with advice on how every JavaScript developer can get involved with standardization efforts and as a result, help to shape the future of the language. [15min] Break – Socializing, drinks [30min] Szmozsánszky István aka. Flaki (Mozilla Tech Speaker) – Approaching the JavaScript Singularity Developers are quick to complain about "JavaScript Fatigue", the perceived high volatility of libraries, tooling and the JavaScript language itself — yet very few look at these changes and additions as a whole. In this talk I will take some of JavaScript's new features with the biggest transformative potential (ES Modules, WebAssembly, the DOM-Node.js API convergence), and I try to showcase what they mean for web development and how, when used together, they are able to address various hurdles and complaints that have been plaguing Node.js & web development for a long time. Location and food sponsored by financial.com AG. https://www.financial.com/

    1
  • JavaScript Meetup

    financial.com AG

    18:00 Socializing, food, drinks 19:00 Welcome [15min] JavaScript: The Bad Parts — Benedikt Meuer [30min] Typeful Redux — Paul Koerbitz [15min] Break – Socializing, food, drinks [30min] On making code beautiful — Zlatko Đurić [canceled] Vue.js Talk — Miloš Sutanovac Location and food sponsored by financial.com AG. Typeful Redux — Paul Koerbitz Redux is a great framework for state management - but its standard approach requires a lot of boilerplate and is hard type check. Typeful-redux is a thin wrapper which automatically provides a fully type-safe interface to redux. Paul Koerbitz is CTO @ Smartreporting, a health-care startup that improves medical care by creating the best possible tool for creating radiology reports. Apart from JavaScript, he likes types, functional programming, software architecture, and math. On making code beautiful — Zlatko Đurić Imagine you have a simple JavaScript logger class. You then sprinkle some glitter over it in the dark. Add some fire over its shoulders. Pour rain over it and watch it disappear in time, like tears in rain. Can you do it with a simple JavaScript class, can you make it pretty and decorate it so? Yes, you can, with decorators!!!! Zlatko Đurić s happily chugging away at his javascript scripts as a freelancer, sometimes doing Node.js, sometimes doing Angular, sometimes whatever else comes along. Zlatko enjoys meeting at meetups, and giving talks gives him an opportunity to learn about topics new and old. Vue.js Talk — Miloš Sutanovac TBA

    4
  • JavaScript Meetup

    Microsoft Deutschland GmbH

    18:00 Socializing, food, drinks 19:00 Welcome [40min] Advanced TypeScript – Marius Schulz [10min] Break – Socializing, food, drinks [30min] Designing the developer experience in Visual Studio Code — Steven Clarke [10min] Break – Socializing, food, drinks [10min] GIVEAWAY — 2 tickets to frontconf.com (https://frontconf.com/) [60min] Visual Studio Code: The most useful (and underused) Tips and Tricks – Chris Dias Location and food sponsored by Microsoft Germany GmbH. Marius Schulz, @mariusschulz (https://twitter.com/mariusschulz), Freelance Dev & Trainer Advanced TypeScript TypeScript has come a long way over the years. Its type system has become increasingly expressive and is now capable of statically capturing surprisingly dynamic aspects of JavaScript. Join me as I explore how various advanced features of the type system (such as non-nullable types, control flow based type analysis, discriminated unions, and mapped types) help you write more maintainable code with fewer bugs. Steven Clarke, @StevenClarke12 (https://twitter.com/stevenclarke12), VSCode Core–Team, Microsoft Designing the developer experience in Visual Studio Code. If you have ever cursed at Visual Studio or Visual Studio Code and asked why it was designed it that way, I'll try to answer your question. In this talk I'll discuss how we design the user experience of both Visual Studio and Visual Studio Code. I'll talk about some lessons we have learned about designing developer tools and will share a few stories about design decisions from the past. Chris Dias, @chrisdias (https://twitter.com/chrisdias), VSCode Core–Team, Microsoft Visual Studio Code: The most useful (and underused) Tips and Tricks Get ready to hit the ground running in this fast-paced, demo-heavy talk that takes you through some of our long-standing favorite tips and tricks, as well as introduces some of the new productivity features in Visual Studio Code. Whether you’re interested in quick ways to customize VS Code, making the most of the editor or keyboard shortcuts, or setting up services for your projects, there’s something for everyone looking to make their VS Code experience more productive!

    15
  • JavaScript Meetup

    BR, Sitzungssaal

    18:00 Socializing, food, drinks 19:00 Welcome [45min] Feel the Glimmer – Marco Otte-Witte [10min] Break – Socializing, food, drinks [30min] Signals vs. Streams – Jan van Brügge [10min] Break – Socializing, food, drinks [30min] React Components at Scale – building reusable UIs in large organizations — Sami Boussaid Location and food sponsored by BR_NEXT (https://brnext.de/). Marco Otte-Witte, @marcoow (https://twitter.com/marcoow) Feel the Glimmer Glimmer.js was announced at EmberConf 2017 and makes Ember.js' hyper-fast rendering engine Glimmer available to everyone as a lightweight UI component library for the web. It also leads the way into the future of the Ember.js framework itself. In this talk I'll dive deep into the internals of the Glimmer VM, show how it's powers can be leveraged via Glimmer.js and explain what benefits TypeScript that both are written in provides. I'll end with a look into the future and explain how Glimmer.js and Ember.js will form an ecosystem that apps of all sizes can flourish in. Jan van Brügge, @SuperManitu (https://twitter.com/SuperManitu) Signals vs. Streams What are Signals? What are Streams? Why should I use them? Many know RxJS Observables, but very few know about their siblings, Signals. We will explore how we can convey the semantics of our code better with them. Sami Boussaid, @sami_buzz (https://twitter.com/sami_buzz) React Components at Scale – building reusable UIs in large organizations Component-driven workflows are king of the hill in today’s front-end development. But sharing components across different projects can be tricky, hard to customize and a lot of overhead. We want to share with you what we learned after building our new Mediathek (yes there is a German word for digital video streaming platform).

    13
  • JavaScript Meetup

    Google

    18:00 Socializing, food, drinks 19:00 Welcome [30min] Diving into ES2015 proxy performance in V8 — Maya Lekova [10min] Break — Socializing, food, drinks [45min] Introduction to functional reactive programming with Cycle.js — Jan van Brügge [10min] Break — Socializing, food, drinks [30min] V8 internals for JS developers — Mathias Bynens Location and food sponsored by Google Germany GmbH. Maya Lekova, Diving into ES2015 proxy performance in V8 Have you heard of ES2015 proxies and what you can use them for? After a brief overview what they are and some basic examples, we look at more complex problems that you can elegantly solve with proxies. To take it one step further, we’ll look at their implementation in V8, Chrome’s and Node.js’ JavaScript engine. You’ll learn about the performance impact of proxies and see some brand new implementation details that make proxies faster for you in Chrome and Node.js. About Maya is currently an intern in Google's V8 team in Munich and doing a Masters in E-Learning. She has worked in the game industry and is interested in bridging different languages, especially C++ and JavaScript. --- Jan van Brügge, @SuperManitu (http://twitter.com/SuperManitu) Introduction to functional reactive programming with Cycle.js FRP is getting a lot of buzz lately with libraries like RxJS allowing for easy modeling of complex async behaviors. Cycle.js is a framework built on those principles to allow you to code in a simple, declarative way. In contrast to other frameworks, it's not so much a library than a set of conventions that make our apps reusable, testable and simpler. About Self-taught programmer and CS student in Munich. Works on Satellite software and Cycle.js web apps. Recently joined the core team of Cycle.js. --- Mathias Bynens, @mathias (https://twitter.com/mathias) V8 internals for JS developers This presentation takes you on an adventure outside of the “JavaScript developer” comfort zone and explains how some parts of V8 work internally. Understanding the basics of JavaScript engine internals offers deep insights into how code gets executed and optimized, allowing us to more easily identify performance pitfalls in our scripts. About Mathias is a web standards enthusiast from Belgium. He likes HTML, CSS, JavaScript, Unicode, performance, and security. --- Location:

    16
  • JavaScript Meetup

    Allianz Deutschland AG,

    18:00 Socializing, food, drinks 19:00 Welcome [10min] Béla Varga – Secret Talk about a JavaScript Conference in Munich. [30min] Julie Ng – Introducing Continuous Integration and Delivery for JavaScript. [15min] Break [45min] Elena Vilchik & Carlo Bottiglieri – SonarJS: How to build a static code analyzer. [30min] Maya Lekova – Diving into ES2015 proxy performance in V8. Location and food sponsored by Allianz Deutschland AG. Julie Ng – Introducing Continuous Integration and Delivery for JavaScript. At Allianz Germanywe are introducing continuous integration and continuous delivery pipelines as part of an IT transformation that includes a switch to service architectures. Learn about how we integrate Docker, GitHub (Enterprise), Jenkins, Pipeline as Code, PhantomJS, Angular and Protractor into a single workflow for developers. Laugh at the mistakes we made along the way and see how we addressed some challenges. (Note: this talk will feature live coding) Julie Ng – Julie started as a web designer in the late 1990s and proved progressively from design to frontend, and backend development. Today she is a software architect at Allianz Germany, co-founder of Refresh Munich and co-organizer of UX Munich. She also loves barefoot running and climbing. Elena Vilchik & Carlo Bottiglieri – SonarJS: How to build a static code analyzer. What is SonarJS good for? How does it work internally and how to use it to prevent bugs? An introduction to the ins and outs of the SonarJS code analyzer. After a live demo of the usage of SonarJS within an IDE, we will look into what it means to build a code analyzer and how JavaScript code is represented and understood at different levels of abstraction. And finally, we will see how to execute JavaScript code without its actual execution, which is our way to detect runtime exceptions statically. Elena Vilchik – Elena strongly believes that clean code makes a product much more robust. So since 2 years, she contributes to SonarJS, a static analyzer for JavaScript developed by SonarSource company. Carlo Bottiglieri – Currently a developer in SonarSource, Carlo has recently escaped from the corporate gilded cage. He seeks simple and expressive software design in daily work and great teams to devote to. So far he has created many systems he is not entirely ashamed of, a few agile teams he loved and a software development organization that was not half bad.

    5
  • JavaScript Meetup

    Microsoft Deutschland GmbH

    18:30 Socializing, food, drinks 19:00 Welcome [30min] TypeScript offers more than type safety and you won’t believe why! — Gregor Biswanger [30min] Parsing JavaScript – better lazy than eager? — Marja Hölttä [40min] Let’s build a compiler in JavaScript — Nidin Vinayakan Location and food sponsored by Microsoft Germany GmbH. TypeScript offers more than type safety and you won’t believe why! — Gregor Biswanger TypeScript is praised as the solution to be able to program reasonable JavaScript over and over again. It is the ideal entry for OOP developers. Admittedly, it is true. But TypeScript has a few other secret features that ensure a clean architecture and extremely high productivity. The talk reveals these insider tips and shows, that more than just type safety is offered. Gregor Biswanger (https://twitter.com/bfreakout): (Microsoft MVP, Intel Black Belt and Intel Software Innovator) is a freelance lecturer, consultant, trainer, author and speaker. He is a consultant for large and medium-sized companies, organizations and agencies for software architecture, web- and cross-platform development. You can find Gregor often on the road attending or speaking at international conferences. Parsing JavaScript – better lazy than eager? — Marja Hölttä Parsing JavaScript fast is critical for fast web page startup. We’ll look at challenges posed by complex frameworks and new language features and how V8, the JavaScript engine behind Google Chrome, solves them. You’ll learn how to write and bundle your code in a way that is fast to parse. Marja Hölttä (https://twitter.com/marjakh): is a Software Engineer at Google since 2011. She’s currently working on V8 (the JavaScript engine behind Google Chrome), especially the parser / frontend. Let’s build a compiler in JavaScript — Nidin Vinayakan JavaScript has grown enough to compete with the native stack. It’s the perfect time to build a compiler in JavaScript which will compile typed JavaScript dialect to WebAssembly and asm.js. In this talk, we will go through pre-processing, Tokenization (lexical analysis), parsing, type resolving, abstract syntax tree (AST), tree shaking, finally emitting target code. Nidin Vinayakan (https://twitter.com/01alchemist): is a senior JavaScript and Graphics Engineer. He has 9 years of experience in JavaScript. His hobby is developing high-performance libraries and programs in JavaScript. He is now developing a compiler to enable TypeScript to WebAssembly compilation without DOM access and garbage collector. He is also developing an open source distributed parallel CPU global illumination renderer for threejs using the same subset of TypeScript named TurboScript.

    7
  • JavaScript Meetup

    Google

    19:00 Socializing, food, drinks 19:30 Welcome [45min] Mission accomplished, we are fast! (Camillo Bruni and Benedikt Meurer) Break [25min] RPD — Reactive Patch Development (Anton Kotenko a.k.a. Ulric Wilfred) [15min] Parallel Programming in JavaScript (Nidin Vinayakan) Location and food sponsored by Google Germany GmbH. Mission accomplished, we are fast! (Camillo & Benedikt) Traditionally JavaScript benchmarks like SunSpider, Octane and JetStream have been the main driver for huge performance gains in JavaScript engines. But nowadays all major JavaScript implementations have reached a level of performance where these traditional benchmarks are unlikely to help anymore in the real world. Also, the use of JavaScript has changed a lot in the last 10 years and requires implementers to come up with more holistic ways to measure performance, i.e. properly measure page load time in a web browser. In this talk you will learn about the traditional JavaScript benchmarks, why they accomplished their mission by now, and how we are going to measure and improve JavaScript performance in the future. Camillo: (https://twitter.com/camillobruni) joined Google in 2015 to work on the V8 JavaScript VM that powers both Node.js and Chrome. He is a member of the Startup / Runtime team focusing on improving the V8’s data structures and C++ code to improve real world performance. Before Google, he was Co-owner of a small web design company in Switzerland. He is a polyglot climber, cyclist and runner. Benedikt: (https://twitter.com/bmeurer) joined Google in 2013 to work on the V8 JavaScript VM that powers both Node.js and Chrome. He is currently the tech lead of the JavaScript Execution Optimization team, focusing on the new compiler architecture TurboFan and the performance of new language features. In the past, he has been contributing to various different open source projects, including OCaml, Xfce and NetBSD, among others. In his spare time, he’s a father of two, enjoys hiking and biking. RPD — Reactive Patch Development (Anton Kotenko a.k.a. Ulric Wilfred This is the talk about the framework which brings Dataflow Programming (like VVVV or PureData) to JS and provides you with the complete basis allowing to build your own Patch Networks and Node Toolkits of any kind without bothering yourself on the internals. This framework is built with Reactive techniques (Signals, etc.), that’s why there’s “Reactive” in the name. Signals help you in sending data between nodes. Combined with immutability in its core, it gives a way to easily rewind history and import/export your networks. Details are in the talk :) Anton: (https://twitter.com/shaman_sir) has ten+ years experience in programming, He came through a lot of steps and languages, and now he is working at JetBrains. What fascinates him is functional programming, Elm and Redux. Parallel Programming in JavaScript (Nidin Vinayakan) I will talk about ES7 stage-3 feature SharedArrayBuffer and Atomics also demo my javascript parallel global illumination path tracer. Talk include how I simplify parallel programming in javascript by avoiding direct memory access and using turbo script, a custom superset of javascript which will transpiled to pure javascript by generating flat memory operations. turbo objects can be accessed simultaneously from all workers using atomic api. turbo script eliminates the complexity of working with flat memory by adding a tiny abstraction. Nidin Vinayakan (https://twitter.com/01alchemist): was working in Dassault Systèmes 3DExcite GmbH as senior JavaScript and WebGL Engineer. Recently he changed his job and found a nice position at Burda Forward, Chip Digital GmbH as a senior full stack developer to support video and tracking solutions. In his free time, he is developing an open source distributed parallel CPU global illumination renderer for threejs.

    8