• KarlsruheJS Februar 2019: 🎨 Design Systems & 🏔Monoliths

    Location visible to members

    It's the first KarlsruheJS of the year and we have some dope topics for you! See the agenda below. AGENDA 19:00: Intro 19:15: 🎨 DESIGN SYSTEMS FOR DEVELOPERS by Emma Wedekind (https://twitter.com/emmawedekind) A design system is a set of reusable components and set of standards which allow teams to efficiently build consistent user interfaces. They're comprised of a design language, component library, and style guide. In this talk, we'll delve into real-world design systems and break down the pieces you need to build a successful one. We'll examine the benefits and drawbacks of design systems as well as the reasons why you should build one in your company. 19:45: 🍕 & 🍺 20:30: 🏔 BREAKING UP THE MONOLITH by Sammy Braun Maintaining a huge Single Page Application is hard. At Brandwatch we decided to modernize our app and as part of that move away from Backbone to React. We went through several iterations to figure out what the best solution would be to make use of React. Initially we started with the idea of completely separate apps that are loaded into the main application. This caused a major maintenance overhead and wasn’t adopted within the company - after 1 year we had one app in production. Our latest approach involves side-loading of a React build and executing it from within Backbone. But we aren’t done here - we want to further split the app to move in a direction of multiple smaller Single Page Applications that are running independent from each other. 21:00: Hangout --- This event is hosted and sponsored by our friends at LogMeIn (http://logmein.com)

    4
  • KarlsruheJS – Advanced TypeScript & WebDRM

    Bringing you a short notice KarlsruheJS event my friends! We have two KILLER talks for you! SLOT 1: TYPESCRIPT - BEYOND THE BASICS by Tim Roes (https://twitter.com/tim_roes) This talk will cover some intermediate and advanced TypeScript techniques. We'll show how to use TypeScript features like keyof, conditional and mapped types, type guards, etc. to improve your TypeScript code and add typings for your existing JavaScript code. We'll close the talk with some tips and experiences for migrating larger existing JavaScript projects to TypeScript. SLOT 2: EME? CDM? DRM? CENC? IDK! by Sebastian Golasch (http://twitter.com/asciidisco) What hacking Netflix can tell us about Browser APIs & the open web A deep dive into the world of Web Video behind paywalls, Browser APIs & everything in-between. Once there was the tag, but content distributors decided it wasn't enough. They wanted more - more power, more protection, more control, more features. So, Encrypted Media Extensions were born & Digital Rights Management appeared in our browsers. In this talk, we'll explore the technical details behind Encrypted Media Extension (EME), Content Decryption Modules (CDM) like Widevine, and the foundation of Web Digital Rights Management (DRM). How? By reverse engineering Netflix and building our own personal Netflix video player! --- As always we will will have a big break between both talks with free food and drinks. --- KarlsruheJS Code of Conduct: https://github.com/karlsruhejs/code-of-conduct --- Hosted and sponsored by our friends at EXXETA (https://www.exxeta.com)

    1
  • KarlsruheJS Oktober 2018

    ETECTURE

    This time we have talks about VuePress and Sentry for you. Each talk will go about 20min. There is a big break between the talks with food and drinks for free. See the talk details below. 1st Slot: Building Static Sites With VuePress by Martin Sotirov (https://martinsotirov.com/) VuePress is an up and coming static site generator built on top of Vue.js that supports theming, routing and client side rendering. We'll see how it can be used to quickly build any kind of static site – from simple documentation pages to portfolio and blog sites. 2nd Slot: What the foobar? Error hunting for JavaScript technologies using Sentry by Maik Hummel (http://neohelden.com) Ever deployed code that ran completely without any errors? Yeah, well. That's why Sentry, an open-source error tracking tool, helps us monitor and fix crashes in real time. In this hands-on talk, you will learn how to get started with Sentry for various JavaScript and web technologies. --- CoC: https://github.com/karlsruhejs/code-of-conduct --- This event is sponsored and hosted by our friends at ETECTURE (http://etecture.de).

  • KarlsruheJS

    LogMeIn Germany GmbH

    We have some great talks in the pipeline for you: 19:00: INTRO by Kahlil Lechelt & Manuel Rauber 19:15: ONE BRAIN, ONE KEYBOARD, ONE EDITOR by Miroslav Šedivý (https://twitter.com/eumiro) Master Your fundamental tools — keyboard and text editor — and use your muscle memory to concentrate on your task, no matter in which language and what type of text you're working on. 20:00: BREAK 🍕& 🍺 20:30: SINGLE PAGE APPLICATIONS IN ELM by Reiner Dolp This talk answers theses three big questions: Why use Elm? How do you writ non-trivial apps? Is Elm ready for production? 21:00: QUICK BREAK 21:15: ⚡️-Talk: CORDOVA vs REACT NATIVE by Cédric Jung The differences between Cordova and React Native a quick history of React Native and some tools to use with React Native. 21:30: HANG OUT -- This meetup is hosted and sponsored by LogMeIn.

    7
  • KarlsruheJS

    understand.ai

    First KarlsruheJS 2018! AGENDA 19:00: INTRO 19:15: DEEP LEARNING IN THE BROWSER Alpha Go, Alexa, Deep Dream, autonomous cars… Artificial intelligence made incredible steps forward and is now rapidly shaping our society. Each day, we wake up in a world full of technology that feels more and more like magic. We want to lift the curtain and see what drives this magic. We will guide you on a way to easily explore deep learning right inside your browser. You will learn the basic principles of Deep Neural Networks, what you can use them for and how to start with your first own network. Everything in the language you all love: 🖤 JS 🖤 Frederic Tausch and Dennis Keck of understand.ai will give an introduction into deeplearn.js, an open source WebGL-accelerated JavaScript library for machine intelligence. Allowing you to train or deploy deep neural networks inside the browser. For people who are already more advanced in ML, there will also be space for discussions with our team members. 19:45: BREAK 🍕& 🍺 20:30: ON THE ROAD TO PWA: MONETISING YOUR APP WITH PAYMENT REQUEST API Goodbye, app store! Progressive Web Apps (PWA) is an application model that empowers web applications to use “native” features such as offline capability or push notifications. PWAs can be installed on the device by simply adding them to the home screen. With Google, Apple and Microsoft on board, PWA are here to stay. But how do app developers and vendors make money in a post-app store age? Fortunately, there’s an answer to that: The Payment Request API. This feature allows online shops, websites and apps to display a convenient, consistent user interface for online payments. Thinktecture’s Christian Liebel (@chris_liebel) shows what you can do with Payment Request API. 21:00 - 22:00: HANG OUT --- This event is hosted and sponsored by our friends at http://understand.ai

    9
  • KarlsruheJS - wolkenkit ☁️📦 & DDD Special 🎉

    This time we have a wolkenkit (https://www.wolkenkit.io/) ☁️📦 & DDD special for you. Golo Roden (http://twitter.com/goloroden) and Matthias Wagler (https://twitter.com/mattwagl) from the wolkenkit ☁️📦 team are coming to tell us all about it. They are giving us one big talk in two parts à 30min. 19:00 Intro by Kahlil (https://twitter.com/kahliltweets) 19:15 Stronger Together: Domain-Driven Design (DDD) and wolkenkit PART I by Golo (https://twitter.com/goloroden) and Matthias (https://twitter.com/mattwagl) ABSTRACT For the development of complex software an interdisciplinary team is required. Unfortunately, we have never learned to communicate across disciplines. This makes it difficult for domain experts, developers and designers to understand each other – which is ultimately reflected in the software that solves the wrong problem, arrives on the market too late and whose quality is not right. Domain-driven design (DDD) focuses on the development of a common language and promises to improve interdisciplinary communication. But how does DDD work? Golo Roden and Matthias Wagler introduce you to the concept and show how to implement the result in JavaScript using wolkenkit, an open-source framework that complements DDD perfectly. 19:45 Break 🍕 & 🍺 20:30 Stronger Together: Domain-Driven Design (DDD) and wolkenkit PART II by Golo (https://twitter.com/goloroden) and Matthias (https://twitter.com/mattwagl) 21:00 Hang out 👯 -- This event is hosted & sponsored by ETECTURE (http://etecture.de).

    1
  • KarlsruheJS

    inovex GmbH

    We are back on the 7th of September and we have an excellent line up of speakers. 19:00: Intro by Kahlil Lechelt (http://kahlil.info) & Manuel Rauber (http://twitter.com/manuelrauber) 19:15: Feel The Glimmer by Marco Otte-Witte (http://twitter.com/@marcoow) Glimmer.js (https://glimmerjs.com/) makes Ember's hyper-fast rendering engine Glimmer available for all. I'll dive deep into the internals of the Glimmer VM and show how it can be leveraged via Glimmer.js. I'll end by explaining how Glimmer.js and Ember will form an ecosystem that apps of all sizes can flourish in. 19:45: 🍕 & 🍻 20:30: Using GraphQL Subscriptions With Apollo by Nilan Marktanner (https://twitter.com/_marktani) In this talk we’ll dive deeply into GraphQL (http://graphql.org/learn/) subscriptions and see how to use them today in real-world applications with Apollo Client. We will explore the concepts behind subscriptions and how they work on a full-stack level. By the end of the talk you’ll have a good understanding when and when not to use GraphQL subscriptions and what the future of real-time GraphQL might look like. 21:15: HoloJS At A Glance by Christian Liebel (https://twitter.com/chris_liebel) Microsoft HoloLens, introduced in 2015, is the world’s first untethered holographic computer. Apps are written in DirectX/C++ or with the help of Unity. Almost two years later, Microsoft released HoloJS, a framework for creating holographic applications in JavaScript and WebGL. Let’s have a quick look at HoloJS: is it ready for production? --- This event is hosted and sponsored by inovex (https://www.inovex.de/de/).

    15
  • Themed Event: ✨ Progressive Web Apps ✨

    KarlsruheJS Themed Event: ✨ Progressive Web Apps ✨ UPDATE: We have a last minute addition to our speaker list! Eugene Terehov, one of the founders of KarlsruheJS will join us remotely and give us some Digital Nomad Insights™. See the abstract below. --- This installment of KarlsruheJS will be a one of our famous themed events. The last time we did this it was all about Hoodie (http://hood.ie). This time we are talking ✨ Progressive Web Apps (PWAs) ✨! We have two great speakers lined up for you. Steffen Jahr (http://twitter.com/steffenjahr) will be giving an introduction to PWAs and Robin Mehner (http://twitter.com/rmehner) – organizer of BerlinJS (http://berlinjs.org/) among other things – is giving a real world account of building PWAs out in the wild. Major big ups to EXXETA (http://exxeta.de) for hosting and sponsoring this event. AGENDA 19:00: Intro by Kahlil Lechelt (http://twitter.com/kahliltweets) and Manuel Rauber (http://twitter.com/manuelrauber) 19:15: 17 months as a Digital Nomad by Eugene Terehov (http://twitter.com/eugeneterehov) ABSTRACT I left Germany in March 2016 without much of a clue what was going to happen, yet having big dreams. Today, 17 months later I worked and lived in 8 countries (Indonesia, Malaysia, Vietnam, New Zealand, Australia, Hungary and Estland), launched two new Start Ups, met awesome people from all other the world and saved one little dog with two broken legs. These are my learnings and a little bit of inspiration: We have the perfect job to shoot for our dreams! 19:35: Progressive Web Apps - Make The Web Native by Steffen Jahr (http://twitter.com/steffenjahr) ABSTRACT What are PWAs and how can I build one? The term PWA describes the technologies you can use to develop a new type of web application. Push notifications, offline possibilities and installable apps are only a few of the application's properties. But there is more... Steffen Jahr from Thinktecture will give you a short overview about Progressive Web Apps and their features. 20:05: Break! 🍕 & 🍺 20:45: Progressive Web App, ???, ~~Profit~~ Reality by Robin Mehner (http://twitter.com/rmehner) ABSTRACT In mid 2016 we set out to build a progressive web app to help people in Africa fight their diabetes and live a better life. The road was bumpy and filled with bugs, misunderstandings, browser challenges, spacer-GIFs and wrong documentation, but eventually we were ready for launch! Only, our enthusiasm didn't last long as we've took a big hit from reality. In this talk I'll recap our experiences building a PWA, share our learnings, highlight some of the mistakes we made and tell you what saved us in the end. 21:15: Hang out... --- This KarlsruheJS Meetup is proudly hosted & sponsored by EXXETA (http://exxeta.de) and supported by Thinktecture (http://thinktecture.com).

    9
  • KarlsruheJS Returns! 🎉

    ETECTURE

    Welcome to KarlsruheJSs triumphant return 🎉 ! We are back on the 27th of April and this is the schedule: 19:00: Welcome and Introduction by Kahlil Lechelt and Manuel Rauber 👋 19:15: Evolutionary AI Basics by Christoph Martens (http://cookie.engineer/) In this talk, you will learn how to build an Evolutionary AI that learns how to play multi-agent and multi-simulation challenges. It will teach you the basics of every Evolutionary AI concept, how genetic programming is being used in practice and how to use the randomization idea behind parallelized simulations. There's also a live demo which will explain the architecture with an easy-to-understand Flappy Bird game simulation. 19:45: Break 🍕 & 🍺 20:30: How To Build Your Bot 🤖 with Node.js by Nicoleta Mihali (https://twitter.com/nikk_mihali) Nico will show us how we can leverage Microsoft Bot Framework and Cognitive Services to build compelling bots with Node.js. 21:00: Short Break 21:15: #neuland by Tim Roes (http://twitter.com/tim_roes) In this talk we will have a look at some of the upcoming Web-APIs. In some (hopefully working) live demos we will have a look at the Web Bluetooth API and Web USB. We'll also look at more upcoming APIs like the Web Share API, Web Share Target API and we will also cover how Chrome allows Web Developers to test out these new - yet flagged - APIs to a wider audience via Chrome Origin Trials. --- This KarlsruheJS Meetup is proudly hosted & sponsored by ETECTURE (http://etecture.de).

    7
  • KarlsruheJS

    Sophos

    We need more Lightning Talks! Send us an email: [masked]! Or contact us on Twitter: @karlsruhejs (http://twitter.com/karlsruhejs). TALKS 19:00: How OnWerk uses VersionEye by Robert Reiz VersionEye is an open source project and a cloud service which notifies software developers about: • Security Vulnerabilities • License violations • New versions Beside NPM and Bower.io 10 more packages managers are supported. Through the VersionEye API it is very easy to integrate the tool into custom build pipelines and to use it without exposing source code to the internet. Martin Christmann wrote an NPM module for the VersionEye API which is used by Onwerk GmbH to monitor their customer projects. The plugin is executed on each build on the internal Jenkins server. We would like to demo how Onwerk is using VersionEye to keep their Node.JS projects in shape. 19:30: Break 🍻 🍕 20:00: ⚡️-Talk: Advanced usage of Chrome Dev Tools by Tim Roes 20:30: More lightning talks or hanging out. --- This event is hosted by Sophos (http://sophos.com). Food and drinks are sponsored by Sophos (http://sophos.com).

    1