Building an open source community from the ground upBy Stefan FeješWonder what's it's like to grow one of the fastest growing open source projects before graduating from high school? Since it's release, 30secondsofcode.org was nominated as the 6th fastest growing open source project by GitHub in 2018, ...
Testing web accessibilityBy Adrián BolonioWhen we develop a new web application, we often put a lot of work on the design, on making it beautiful and usable. In other words, we want our web app to be effective, efficient, and satisfying for the user. ...
Optimizing nodejs memory usageBy Arpad BorsosI will memory profile the tsc compiler and show how to optimize its memory usage, with the theory behind it
Sidewind - Tailwind but for stateBy Juho VepsäläinenHistorically we've dealt with state in different manners in the frontend. We've gone from vanilla JavaScript to jQuery to Backbone to Redux and other modern solutions. The question is, are we there yet still after all this work?In this talk, ...
Modern Image Delivery TechniquesBy Doug SillarsThe average mobile website page weight is ~50% images. Toss in the complication of thousands of differently sized screens, and it might appear that efficient delivery of images to every device is an impossible task. But all is not lost! ...
What TypeScript taught me about JavaScriptBy Stefan BaumgartnerTypeScript was designed to make the most sense out of any JavaScript code. Given the dynamic nature of JavaScript, this can lead to some very interesting typings that may seem odd at a first glance. In this talk, ...
Beauty of JamStack SetupBy Samuel SnopkoIn this introduction talk I will present you the simplicity and beauty of the projects based on JamStack idea. ...
Achieving End-to-End Type Safety with GraphQL, Prisma & TypeScriptBy Tim SuchanekType safety is indispensable for developers to be productive and to have strong confidence in their code. In this talk, I explain the idea of end-to-end type safety in GraphQL and show a full-stack example using Apollo Client, GraphQL Nexus, Photon....
Creating meaningful animations with JavaScriptBy Oleksandr SabovAnimations in enterprise product UIs are very often considered an optional thing that can be added at the last moment – if at all. Developers often work under various time and business constraints, ...
One Component for React & React NativeBy Vilva AthibanIt will be a 20 minutes live coding session, where in we create a one component Design system. This Design system can be used both for React & React-Native.
Editing the WorldBy Julian Krispel-SamselEver wondered how to implement editors in the browser? What about repeatable and reversible changes, rich text, syntax highlighting, mixing text with arbitrary content or god forbid - editing recursive data structures as text? ...
A creative approach against trackingBy Roland SchützRandomly share jö cards to make tracking data invalid. More at https://noe-club.at
Composing better predicates with PDSLBy Rudi YardleyWe often have to balance clarity, precision and brevity when dealing with predicate expressions in JavaScript. In this short talk Rudi will quickly present an easier way to think about and manage predicates using PDSL. https://github.com/ryardley/pds...
JavaScript Essentials: Memory ManagementBy Rainer HahnekampAs JavaScript developers we don't have to care how our application "gets" memory and releases it. We are in the luxurious position that the engine does that automatically and shields us from all challenges that can occur. ...
Page Load Performance 2014 and nowBy Roland SchützI did a technology update on a website, which was developed and super optimized 2014. It was super interesting to see what works similar and what really changed. The result is a high performant modern website, ...
Starting up securityBy Stephan PötschnerSecurity from a developers perspective: which types of attack to expect? What you can do to improve your security? Slides: http://bit.ly/2FfnNr3
Intro to Postgraphile / GraphQL Power without compromisesBy Julio GarciaThis talk will present Postgraphile, a library written in TypeScript that automatically converts DB Schemas to at GraphQL backend running in Node. Just because most of the coding is in the database, ...
Introduction to VerdaccioBy Priscila Oliveira and Juan PicadoVerdaccio is an npm package which allows you to create a local npm registry, without any configuration. It’s a batteries included project, coming with its own database. It does so by acting as a local caching/proxy server.
GraphQL in the Enterprise: From Legacy to Bleeding EdgeBy O.J. Sousa RodriguesThis talk shows best practices, implementation challenges, and the impact on the development process when you implement GraphQL in a legacy RESTful environment with enterprise requirements. (Hands-on with nodejs, nestjs, graphql, swagger and typescript)...
HTML5 & SVG pipeline for interactive experiencesBy Simon WallnerComing from Console development with very strict rules we had to find our way into the modern frontend world. ...
Async/await in JSBy Ondrej ZaraSelected by community request – This talk will explain how ES2017 async/await works with respect to older approaches and non-blocking code. We will see how this integrates into legacy codebases, ...
Towards Verified Compilation of CakeML to WebAssemblyBy Lorenz LeutgebWebAssembly should already be on your radar. I will approach it from formal methods and compilers, sharing my progress and challenges towards verified compilation of CakeML to WebAseembly. You'll not see much Javascript, but plain WebAssembly, ...
V8-GC-optimizations for WeakMapsBy Dominik InführDescribe/explain GC-optimizations on V8 for WeakMaps I did in my internship in the V8 team in Munich.
Lessons learned re-writing Neos CMS UI with ReactJSBy Dmitri PisarevImage your task would be to build one of the biggest open source ReactJS applications. Dmitri has exactly that experience as a Neos CMS core member. Neos CMS is a modern open source content management system. ...
Improving server rendering performance of ReactBy Daniel SteinUsing React and server-side rendering doesn't automatically give you the best performance. In this talk, I'll describe additional steps we took to improve page speeds in our new React architecture. ...
Micro Frontends with Single Page ApplicationsBy Elias DräxlerA micro frontend approach can make your life easier. We will look at different kind of micro frontend architectures and their benefits and drawbacks. ...
Framework Compass ChartBy Francesco StrazzulloI think that right now as JavaScript developers we are in one of the most lively communities out there. We have a lot of power with React, Angular, Vue and so on. So how should we choose the right framework for our new shining project? ...
Jumpstart into Swagger / OpenAPI ToolsBy Rainer HahnekampDesign is the foundation of your API development. Swagger makes API design easy and Rainer will show you how he uses Swagger in his daily life.
A minimalistic approach to building connected forms in react and the new context apiBy Lukas KlinzingBasically I am not somebody who prefers to reinvent the wheel. There are already a ton of solutions out there on handling data binding and and validation within forms in ReactJS. ...
Code generation for fun and profitBy Arpad BorsosIf you want to translate your react app, you usually end up using react-intl. But doing so has a few problems. react-intl is 42k minified, which is quite a lot. it also parses all your translation strings at start time, ...
Willhaben Markup Language (WHML)By Adrián BolonioWe usually associate changes in the UI with frontend developers, but that's not always true. At willhaben we have developed a new markup language that helped us to decouple the UI from the frontend team, ...
VR Maps - Putting OpenStreetMap data into WebVRBy Robert Kaiser"VR Maps" is a small demo as a side project by Robert. It puts OpenStreetMap data into WebVR using Mozilla's A-Frame toolkit. ...
Make your Google Apps talk to each otherBy Diana VysokaI am sure that you use Google Sheets to organize your data and that you are familiar with the built-in functions, too. Just imagine a huge sheet with hundreds of columns and rows. Now try to edit them, ...
World-class frontend engineering at scaleBy Hannes ObwegerOver the last months, the Jira development team has been busy shipping an all-new UI layer, all written in React, redux, and rx.js. Learn about the strategies and tools that Atlassian has developed to create a high-velocity, ...
JavaScript at blazing speed: a deep dive into V8By Michael StarzingerThis talk takes you on a deep dive into the inner workings of V8, the high-performance JavaScript engine powering Chrome and Node.js, focusing especially on the compilation aspects. ...
Rapid Prototyping in JavaScript & friendsBy Attila RufDifficulties in understanding the problem, crystal-balling for meaningful functionality, puzzling about user acceptance/technological feasibility and speed in delivery are the key challenges in driving ideas to business applications. ...
Using the Flux pattern in combination with Relay on a charting use-caseBy Daniel SteinerThe flux pattern is around for a while and has found its implementations in popular libraries like e.g. Redux. When using a GraphQL server for the data representation of an application, Relay and Apollo are the two widely used GraphQL clients. ...
Orga-Talk: Google Pagespeed all the wayBy Roland SchützHow to achieve score 100, why page speed matters, what are the important trend - and why you want a score of almost 100.
Functional JavaScript with MonadsBy Tryshchenko OleksandrFunctional programming is quite popular in JavaScript nowadays. Main principles are widely adopted. I'd like to talk about monads on Rx.js and Monet.js example: how does it work, how can you use it, which benefits does it give you.
TransducersBy Jan HrubýMaking .map & .filter even more functional using transducers with .reduce
A-frame and vanilla JSBy Vlad J. D. AleonVlad will tell us how he build a simple 3D version of space invaders using A-frame and vanilla JS.
Javascript Engine Essentials for DevelopersBy Rainer HahnekampGoogle's V8 raised the execution speed of JavaScript to a level almost comparable to C++. But how do the internals affect us as developers in our daily life? Doesn't "normal written code" just run faster automatically? ...
What's to come for JavaScript?By Jakob KrigovskyJavaScript is evolving faster than ever and there are a range of proposals currently making their way through the standardization process. In this talk, we'll take a look at what's to come and how it can help write cleaner code in the future.
Why we should care about Code SplittingBy Glenn ReyesShipping apps is easy, but shipping GREAT apps takes quite some effort. Our mission now is to build faster web apps and deliver as less code as needed. But how? Dynamic imports have arrived! ...
Web App DevelopmentBy Thomas BrusTopics: 1) Client DB for Offline-First Apps (via IndexedDB) 2) Server Graph DB (via Neo4j) 3) JS Async/Await (No Callbacks)
D3 + ReactBy Shirley WuHow to use D3 for rendering in an React app.
Coherence: Conflict-free* Distributed Version Control SystemBy Nikita ProkopovA lightning talk how you could have a conflict free distributed version control system, inspired by Google Docs simultanious editing.
Animating the virtual DOMBy Sarah DrasnerHow to animate the virtual Dom, by Sarah Drasner.
Out of the Tarpit, RevisitedBy David NolenHow to Learn to stop worrying and Love Datomic.
Apollo Client 2.0: More than just GraphQLBy Peggy RayzisApollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Using Logux in ProductionBy Andrey SitnikReplace AJAX-REST by Redux actions synchronization between client and server
From Java to JavaScript: the Journey of GeoGebra Graphing CalculatorBy Zbyněk KonečnýGeogebra.org is an highly sophisticated visual math app that is used my milliones of users each month. Zbyněk will share how he went from a pure Java desktop app to a cross-compiled web app.
Build Your Own Blockchains in JavaScript for Fun (and Profit)!By Gerald BauerGerald will explain what blockchains are and how they work, and show how to build them in JavaScript.
Javascript Enterprise ArchitectureBy Florian BauerHands-on approach on how to shift an organization to modern Javascript architecture, including a deep dive into project management, technical decisions and architectural challenges explained by code, components and task runner configurations.
Zipping Files Fun - Server SideBy Clemens HelmA follow-up talk to Zipping Files Fun
Ladda: A New Library for Client-Side CachingBy Gernot Hoeflechner and Peter CronaEveryone wants to offer a snappy experience to their users, but it often comes at a cost. One common solution for increasing performance in a web application is to introduce client-side caching, ...
FrintJS - Building Modular Web Applications with React and RxJSBy Fahad Ibnay HeylaalFrintJS is a modular JavaScript framework, consisting of multiple packages. It embraces reactive programming with RxJS, and has official support for ReactJS for rendering. GitHub Docs Twitter
React with TypeScriptBy Oliver Zeigermann and Dave BrudersteinA short practical demo about using React and Typescript. No slides, just code.
Make Linting Great AgainBy Andrey OkonetchnikovWatch how you can create fewer bugs and make the code more readable with linting tools. But does linting really make code reviews faster? If so, how?
Typesafety with TypeScript and Live-CodingBy Rainer HahnekampIn this talk: static types in a JavaScript app using TypeScript and companion tools. Live coding done with Angular 2 / Spring.
Keyboard Controls for an International User BaseBy Manuel MatuzovicThe UI Events specification comes with two new properties for keyboard events: key and code. They replace the previously existing (and still existing) charCode, keyCode, and which. ...
An Introduction to HTML5 Responsive ImagesBy Roland SchützThis opinionated 5min talk will motivate you to use responsive images everywhere.
GraphQL and ApolloDataBy Gerald BauerFind out what GraphQL and ApolloData are, plus play around with GraphiQL, and have an in-depth code view with a sample app.
Zipping Files FunBy Clemens HelmLearn how to zip files on the fly in the browser and on your server. You'll see how easy it is to put remote files into a zip archive and streaming parts of the archive to the client at the same time.
Client-side Encryption with JavascriptBy Mykola BubelichJavaScript cryptography on client side: design and develop safe and secure file transfer service (Demo).
Managing States in JavaScript via Prototypal InheritanceBy Almir BijedićWatch how to use prototypal inheritance in JavaScript to do state management. Code snippets by Andrea Giammarchi @WebReflection, related blog post.
Leveraging code-splitting in React AppsBy Glenn ReyesCode-splitting allows you to split your code into separate bundles which you can load them on demand. How do you do it? Why is it useful? How would you do it in React? Answers to these questions and more in the talk.
Introducing Svelte: The Compile-Time Non-FrameworkBy Arpad BorsosRollups creator Rich Harris has started a new project called svelte. In this talk we will describe the reasoning behind the project, show some examples and discuss possible future directions.
Interprocess Communication in NodeJSBy Marko JurisicNode is single threaded and uses non-blocking event loops for IO but for CPU intensive tasks it still blocks. If we want to use more CPU cores to parallelize the processing we must create new processes and distribute the load. ...
View Source: Twitter.comBy Giuseppe GurgoneAn overview of twitter.com's front-end architecture.
Wombat Driven Understanding - An Interactive Guide to Using NpmBy Raquel VèlezSo you want to write some software. And you decide to use npm, because everyone's saying it's the coolest thing ever. Great! But... where do you start? And once you've started, how do you take advantage of the advanced features? ...
This was 2016By Roland SchützA look back at the last year and all the things happening in ViennaJS.
Greensock Animation Platform for Interactive AnimationsBy Christian SchülerEver tried to use jQuery.animate, Angular.$animate, Animate.css, and so on for a bit more than button hover effects? We honestly got quickly fucked up. GSAP came to the rescue and helped us animating SVG buttons, cubic b splines, ...
Rendering complex 3d models in WebGLBy Roland SchützIn this talk Roland will speak about rendering realistic models in WebGL. This great talk was held by Roland Schütz at the monthly ViennaJS meetup in Vienna: http://viennajs.org
How modern JavaScript patterns affects performanceBy Arpad BorsosArpad will explain what the web platform (browsers) are doing to increase rendering performance, how he thinks the hype of React, immutable data and fractal app architectures is actually really bad for performance. ...
Optimistic Updates in a Pessimistic WorldBy Daniel WoelfelThis great talk was held by Daniel Woelfel at the React October Meetup in Vienna, organised by ViennaJS together with ReactJS and Clojure Vienna.
What's Next? Exploring the future of React, nowBy Guillermo RauchThis great talk was held by Guillermo Rauch at the React October Meetup in Vienna, organised by ViennaJS together with ReactJS and Elm Vienna.
Universal Rendering with ReactBy Mark DalgleishThis great talk was held by Mark Dalgleish at the React October Meetup in Vienna, organised by ViennaJS together with ReactJS and Elm Vienna.
DataScript - A Database for the ClientBy Nikita ProkopovThis great talk was held by Nikita Prokopov at the React October Meetup in Vienna, organised by ViennaJS together with ReactJS and Elm Vienna.
Me, myself and AIBy Stefan BaumgartnerMeet North, a trained neural network specialised in colours. See how North started as a clumsy toddler, but quickly became a colour expert to reckon with. With North's story, learn how neural networks actually work, ...
TJ Holowaychuk is a Hive MindBy Aaron CruzThe productivity, conspiracy and code behind one of the Node community's most prolific contributors. This great talk was held by Aaron Cruz at the monthly ViennaJS meetup in Vienna.
Microsoft Bot FrameworkBy Rina AhmedThis talk gives you an introduction to the Microsoft Bot Framework and the Bot Builder SDK for NodeJS that helps you build bots with free form or guided interaction models and that you can publish to popular communication channels. ...
A Journey to CerebralBy Garth WilliamsHappy with your framework of choice? Think you're highly productive? Creating maintainable apps? I was... A journey from Ember to Cerebral via Angular, Flux, and others. ...
Building a static (web)site with the Great Gatsby and React.js web componentsBy Gerald BauerThis great talk was held by Gerald Bauer at the monthly ViennaJS meetup in Vienna: http://viennajs.org
Real live experience with DartBy Sebastian GöttschkesSebastian shows his Slack Chatbot written in Dart. It covers websockets, an API w/ redstone and a little bit AngularDart for the frontend. ...
Developing a Messenger chatbot with node.jsBy Klemens ZleptnigWith the example of http://toni.football/, the Euro 2016 Chatbot, he will show how to create a bot for Facebook Messenger using node.js. The technology stack includes a bot engine for natural language processing (NLP) and MongoDB for storing data. ...
VueJSBy Roman KubaSwitching Libraries in a running project is never and easy decision. I want to show you why we transitioned from Angular to VueJS. VueJS is simple and elegant and we got a performance boost of over 50% at no cost. ...
ConvNetJS – Deep Learning in your browserBy Christoph KörnerConvNetJS is a JavaScript library for training and running Convolutional Neural Networks in the browser. It can be used for common Machine Learning tasks, such as classification and regression and can get quite powerful using offline training. ...
How functional concepts can be used in JavaScriptBy Peter FerakPeter Ferak shows how utilising the built in methods of Array allows the usage of functional concepts (map, filter, reduce, etc) and then hacks around a little on a few examples. ...
Creating a Slack Bot with JavaScriptBy Andrey OkonetchnikovAndrey shows us how to create a Slack Bot. In the talk he will show us how he developed one for displaying code snippets for files hosted on Beanstalk. This great talk was held by Andrey Okonetchnikov at the monthly ViennaJS meetup in Vienna.
Simple Mobile Development With IconicBy Barbara OndrisekIonic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies. By building only one single AngularJS web app with Cordova extensions you can deliver up to 8 different native mobile apps. ...
Write Robust & Type-Safe JavaScript with FlowBy Patrick StapferJavaScript is great because of it's rich and expressive syntax. On the other hand, the lack of type-enforcement, use of anonymous functions, dynamic function argument lists and contexts makes it very hard to document, ...
Eight shortcomings of the waterline ORMBy Lars DieckowI recently had the opportunity to investigate the sails.js Web framework. It comes with an ORM called waterline. In my experiments, I found some deficiencies and outright bugs. ...
Video rendering while swipingBy Michael HetteggerWe built a digital publishing tablet app for a major Austrian mobile network operator. The result is basically a digital magazine with our own developed swipe engine. In this talk we will show you our architecture, ...
The Golden Age of Continuous IntegrationBy Florian EckerstorferLearn about options for cloud hosting Continuous Integration, ala Travis, AppVeyor, StyleCI and so on. This great talk was held by Florian Eckerstorfer at the monthly ViennaJS meetup in Vienna: http://viennajs.org
Exciting Insights from Translating a Classic Car Racing Game to JavaScriptBy Norbert KehrerAs a follow up to his beloved first talk, Norbert will talk about implementing another Arcade game in JavaScript. This time it will be a lot about the interesting ways to implement simple KI and how this led him to modern robotics. ...
JavaScript does NOT offer zero-cost abstractionsBy Arpad BorsosArpad will dissect common patterns and conventions to raise awareness of their runtime costs. This great talk was held by Arpad Borsos at the monthly ViennaJS meetup in Vienna.
NativeScript to build native Apps with JavaScriptBy Martin KeiblingerAn introduction talk about NativeScript, a open source tool to build truly native apps withJavaScript, which integrates with TypeScript and AngularJS 2.0. ...
Everything from Scratch vs. Libraries all the wayBy Franz Enzenhofera.k.a. http://lalo.li/lsd/ vs http://lalo.li/ddd/ A short talk about coding experiences: what happens if you code everything without any 3rd party crap vs. ...
Exploring ES6By Max StoiberWondering what all the fuss with ES6 is about? Max Stoiber (@mxstbr), co-organizer of the React Vienna meetup, gives you a quick and simple overview. First he explains the confusion about the acronyms (ES5, ES6, ES2016 & ...
Dr. Strangelove - or how I learned to stop worrying and love Javascript By Jakob Reiter- Coercion and dynamical typing problems, e.g. why (2 > 1 > 0) == false - Hoisting and Lexical Environment - What and What? - Why first class functions are awesome and why the new class keyword is a mistake IMHO this, that, self, _proto_, ...
"I am trying to work but nothing happens!"By Alex StaenkeYou are always busy but somehow nothing really get’s done? Or at least not the stuff that should have gotten done? There’s always something that’s gotten in the way of starting the important tasks on time? Welcome to procrastination! ...
Composition vs. Inheritance Differences between the composition and inheritance patterns and why you should strive to create composable units in your code.
Kick your CSS up a notch with PostCSSBy Max StoiberLearn how to bring your CSS to the next level with PostCSS. Explore the endless possibilities and master writing a CSS transformation plugin! This great talk was held by Max Stoiber at the monthly ViennaJS meetup in Vienna.
React & Redux (Classic from 2015)By Nik GrafIntroduction to React in combination with Redux. Redux helps you to develop applications in a simple way while having features like time-travel available during development. ...
Your code will explodeBy Julian Krispel-SamselIt’s impossible to write software that doesn’t break. The more complex software gets, the bigger this problem. Since JavaScript has become a ‘serious’ programming language, ...
Why Page Transitions MatterBy Roland SchützRoland gives a small talk explaining the reasons why you should care about page transitions and what you can do.
D3.js - Data driven visualizationsBy Christoph KörnerAfter explaining the main principles of D3 (Data transformations, Data joins, Update pattern), Christoph will focus on visualizations (Charts, Graphics, Games, etc.) with D3 (Drawing Shapes, Paths, Axis, Transitions, etc.). In the end, ...
JavaScript and its Web server gateway interfacesBy Lars DieckowAn introduction and status-quo summary for backend web developers. This great talk was held by Lars Dieckow at the monthly ViennaJS meetup in Vienna.
"Hardware".replace(/hard/i,"easy");By Szmozsánszky IstvánJavaScript since its inception has been continously kept lowering the barrier of entry for software development. After the web, servers, mobile and desktop apps the new frontier is JavaScript-driven hardware & electronics.After Arduino & ...
Adding Anchor Links to Your Static WebsiteBy Gerald BauerYou might have noticed in some web pages (e.g. GitHub README) the option to link to a specific paragraph or heading. This is called deep (anchor) linking. ...
Website Development with Instant FeedbackBy Bogdan MustiațăFast-live-reload is the swiss army knife of live reloading that works with all the browsers. Learn from the core developer how to use it, and about all it's awesomeness! ...
Offline First and Service WorkersBy Max StoiberOffline first web applications are a much discussed topic at the moment. Thanks to a new method called ServiceWorker, implementing an application that is available without a network connection is easier than ever. ...
Node.js & Redis at ScaleBy Max KossatzLearn about his journey in building a realtime chat system with 200 000 concurrent users. You will be blown away by some of his stats. This great talk was held by Max Kossatz at the monthly ViennaJS meetup in Vienna.
Automatic Translation of Classic Arcade Games to JavaScriptBy Norbert KehrerEver wanted to play classic arcade games from the 1980s in the browser? The talk describes the main principles of translating them to JavaScript without traditional emulation techniques and challenges of the translation of Atari's Asteroids game, ...
Steams in Gulp.jsBy Florian EckerstorferIn contrast to other other task runners/build tools (like Make, Rake, Phing or Grunt) Gulp.js operates on streams. In this talk you will learn what streams are and how Gulp.js uses them. ...
Node.js development for unbelieversBy Bogdan MustiațăIn this talk Bogdan will compare Python, Java, and Node.js as development platforms, with small node.js code samples (mostly on modules, and general commands) and see where are the strengths of each platform. ...
Classic Emulation in JavaScriptBy Norbert LandsteinerComplementing Norbert Kehrer's talk from June on static conversions and emulation in JS, a classic emulation topic: "Spacewar!", the very first video game (1962) for the DEC PDP-1, the "first toy computer" (© J.M. Graetz). – Probably, ...
