berlinjs / berlinjs.org Goto Github PK
View Code? Open in Web Editor NEWThe official BerlinJS website
Home Page: http://berlinjs.org
The official BerlinJS website
Home Page: http://berlinjs.org
How to hire frontend engineers
When people don’t get job offers, they think, they are just not good enough. After working for three years in recruiting, I can assure you that often rejections happen due to randomness that you wouldn't believe is possible.
In this talk, I tell three stories where great applicants were rejected for reasons that had nothing to do with their engineering performance or cultural-fit. Based on that, I give antidotes to both job-seekers and hiring managers how to avoid these traps.
Iwan Gulenko
E-mail: [email protected]
Twitter: @iwangulenko
Similar talk that I gave: https://www.youtube.com/watch?v=u6PTaTDHUG4
Speaker: Mehmet Yatki
Twitter: https://twitter.com/mehmatrix
Github: https://github.com/yatki
How I accidentally fall in love with testing!
It may sound weird but I love testing, and I think testing has started to like me back. This is the story of my journey of accidentally becoming a real test advocate. We will explore the reasons why testing can be painful, and how to remedy them and also cover test types, test doubles and useful metrics
This talk is mainly aimed for junior and mid-level developers.
My motivation behind this talk to share how I learned to listen to my tests, what did they say about my code and how they eventually made me a better developer.
I'd like to talk about real testing challenges and the possible ways to solve them with giving code samples.
I hope at the end of this talk, developers who are reluctant to write tests, will get excited, be more confident and have fun while testing their apps.
3~5 minutes: my observations and findings on reasons that makes testing painful and how can we fix those reasons.
10 minutes: covering testing terminologies like test types, test doubles, useful metrics.
5 minutes: tools and the ecosystem that we currently have.
5 minutes: real world code examples, tips and tricks.
Duration: ~25 mins.
The year is 2018, and accessibility is not a buzzword anymore. It’s now imperative that information is readily available to everyone, regardless of their disability or financial status.
In this talk, you’ll find out how to create accessible real-life objects, using run-of-the-mill JavaScript and the basic principles of Internet of Things.
Theodore Vorillas
You may catch up with me via twitter https://twitter.com/vorillas or via email [email protected]
Hey y'all! It looks like I may be in Berlin in time for the August meet up. 🙌🏻 Will it be on August 16th?
A sneak peek at BinaryAST
Preparing this set of slides for July's TC39, so will fill in an abstract once that's done.
Lin Clark
A common misconception with cross platform tools like Titanium (or React Native) is that apps built using those technologies are less performant than native apps. And while this is often the case, the cause is rarely the technology, but how it is used.
But how do you achieve high performance for both iOS and Android? This talk will dive into common pitfalls which slow down the app or make it feel sloppy, and obviously how to avoid them and structure your Titanium app so you can avoid this.
Rene Pot
Twitter: @Wraldpyk
Email: [email protected]
BerlinJS Slack: Wraldpyk
ps: I'm available for December and later.
You can either comment on this issue or send us an email at (insert email address – we need an address everyone has access to)
Anything JavaScript (JavaScript / JavaScript community related), that gets you excited.
Nope. This meetup is supposed to be fun and casual, so we want everyone to participate. We especially encourage people of underrepresented groups to apply.
Between five and twentyfive minutes. There won’t be any formal Q&A.
Your name, Twitter handle / email address, talk title and a few sentences describing what you want to talk about would be great.
We'll have a projector (Full HD / HDMI) and a mic for you to use. Adapters are available.
Łukasz Makuch
Twitter: @zopsesen
Talk to the customer!
In big companies developers tends to be separated from the customers by customer support, managers, etc.
I would share a story on how a product could benefit from a direct communication between developer and customer.
Original talk in Russian is 25 minutes, but could be scaled down to 10.
Roman Paradeev
@sameoldmadness at twitter/telegram
Next.js maintains a fine balance between configs and code and that helps us build websites with the important features like SSR, async data fetching and seamless integration with other libraries seamlessly. But with great unconfigurable internal config come great hurdles. Let's discuss the good and bad of the Next.js. And then talk about how we can overcome some of the hurdles or work around them to build great PWAs.
Property-Based Testing with JSVerify
Writing tests can be tricky. How do you ensure appropriate coverage yet keep things straightforward and maintainable? Generative testing exists to reinforce your tests with hundreds of randomised checks, but it requires changing your test design mentality. This talk introduces JSVerify and its underpinnings, and will help you think less about expected results and more about general behaviour that you can test.
Luis Rodrigues
This talk is meant to drum up some interest in the upcoming tc39 panel!
TC39: Language Design in the Open
Have you ever wondered how JavaScript gets specified? Or been confused as to why certain decisions are made? A language like JavaScript, with a large diverse user space, is half designed, and half reverse engineered. Like all web standards, JavaScript is developed in conjunction with the realities of the web and user decisions in how the language is used and formed. This results in unique backwards compatibility issues such as the recent smooshGate
discussion. This talk will discuss constraints, mediation strategies and issues that have arisen over the years.
Yulia Startsev
Twitter: @ioctaptceb
Accessbility, Inputs & JavaScript
At the end of February, WebAIM published The WebAIM Million, an accessibility analysis of the homepages of the one million most visited websites.
The findings are depressing. The average site contains about 60 errors. Things went even more downhill when putting JS frameworks in the equation. As a reaction to those findings, this talk tries to shed light on some accessibility best practices regarding accessible inputs, as well as do soulsearching why we, as developers, have failed so badly.
Disclaimer: I have given a version of this talk at Vue.js Berlin. Slides can be found here: https://noti.st/ovl/OY4mvA/accessibility-inputs-vue
Oscar
o [at] ovl.design
_ovlb
Fetch me if you can - How to handle third party API data in React, Vue, and Svelte
Fetching and displaying third party API data has become a very popular coding challenge, either before or during interview processes. Having seen several candidates going through this exercise, I'd like to walk you through on how to do this in React, Vue and Svelte, show you pitfalls and common struggles, and explain what the interviewer wants to learn about your skill set with this approach
Marco
@MaPagni
You can either comment on this issue or send us an email at (insert email address – we need an address everyone has access to)
Anything JavaScript (JavaScript / JavaScript community related), that gets you excited.
Nope. This meetup is supposed to be fun and casual, so we want everyone to participate. We especially encourage people of underrepresented groups to apply.
Between five and twentyfive minutes. There won’t be any formal Q&A.
Your name, Twitter handle / email address, talk title and a few sentences describing what you want to talk about would be great.
We'll have a projector (Full HD / HDMI) and a mic for you to use. Adapters are available.
Based on this blog post (https://medium.com/@viniciuskneves/handling-a-jsonp-nightmare-3865c9d8bfdd) I want to show how I implemented a solution for a big problem I faced using JSONP once.
I know JSONP is quite an old topic but I think it is interesting and it shows how you could deal with some CORS issues in the past, especially for third-party integrations.
Vinicius Kiatkoski Neves
BerlinJS Slack: viniciuskneves
Twitter: @viniciuskneves
Note I'm already speaking in town this week, so I'd prefer that if there are other newer speakers who would like the opportunity that it be given to them, I wanted to offer some content just in case. It is not that I wouldn't love to talk, just don't need to hog the stage :P
The Canary in the Gold Mine is a smoke testing utility that automates running
unit tests of various various modules in the Node.js ecosystem, it must pass for
all controversial changes and releases. CITGM has been incredibly successful,
finding all sorts of regressions across the ecosystem and in node core itself.
I have kept a diary of all the weirdness, lets examine how things break!
The Canary in the Gold Mine (CITGM) is a smoketesting utility used by the Node.js
project to test for ecosystem breakages. CITGM is able to download the source of a
module published to npm, install all the dependencies, and run it's test suite. When
the project is going to make a release or land a controversial change we are able to
automate the test suites of 70 of the top modules in the ecosystem to confirm we are
not causing unexpected breakages.
This talk will outline how CITGM works, how it fits within node.js CI, and some of
the interesting edge cases we have experienced. We will dig into the architecture of
the utility itself and look at how it is set up in Jenkins. We will also do 3
different case studies of major breakages that would not have been found with CITGM.
@rmehner I write some notes down, from our discussion after the last talk.
Primary goals:
Content the user can type in:
Please let me know if I misunderstand or miss something
You can either comment on this issue or send us an email at (insert email address – we need an address everyone has access to)
Anything JavaScript (JavaScript / JavaScript community related), that gets you excited.
Nope. This meetup is supposed to be fun and casual, so we want everyone to participate. We especially encourage people of underrepresented groups to apply.
Between five and twentyfive minutes. There won’t be any formal Q&A.
Your name, Twitter handle / email address, talk title and a few sentences describing what you want to talk about would be great.
We'll have a projector (Full HD / HDMI) and a mic for you to use. Adapters are available.
I love components, but wherever they exist, good markup is: (a) often forgotten, (b) essential for accessibility. But which markup is ‘good’? It would be an honour to come and talk about this.
components, accessibility, design systems, HTML
Modern JavaScript frameworks virtualise our DOMs. This allows us to focus on implementation, as data declaratively maps state into markup. While this is great in itself, the significance of the actual markup often gets overlooked. In this practical talk, Hidde will show how specific bits of markup provide real benefit to users.
Styleguide Driven Development
Apps rapidly change and their UI is getting more and more complex. We constantly have to add more UI components. These components usually start as static sketch files from the designer. Developers then try to add them directly into the app while writing them. To accomplish this, they need to run the full application and dependencies like backend services. While a component is developed, there is also no way for the designers or POs to look at them.
With my talk I am proposing a development workflow that incorparates a "living" styleguide. I am going to show how easy it is to add the storybook styleguide to your project and how it makes our lifes as a developer easier while making others happy :)
Philip Stewart
Twitter: @sodoku
Last time I attended Berlin.js, other than enjoying the wonderful talks, I was hoping to come across someone to take over maintaining an npm package that I own.
Knowing the vibrant JS community of Berlin, I knew there is someone who would be interested. But, walking up to people one by one, and telling them about the npm package individually, was not the easiest way to find that person.
That's when I realized that maybe Berlin.js could benefit from the Community Mic idea that some other meetups have adopted.
Community Mic, is a short slot of time in the middle or end of the meetup, where a few of the attendees can take the mic for no longer than one minute each, and ask others to join them on an open source project, or help them with a technical challenge that they're stuck on, or get feedback on some code that they've written, or maybe just announce that they're new in town.
I've seen this idea working wonderfully at the DesignLab meetup for example. Out of about 50 attendees, usually only 2 or 3 come up to take the mic, and everybody so far has respected the time constraint. Plus, when people ask for help at the mic, they really do get support from the audience. So it's a great way to nurture the community.
As to whether it's okay for people to announce that they're looking for a job, or announce an open position, I do not have an opinion. Those announcements are allowed at DesignLab, and I haven't seen people abuse the opportunity.
If you haven't use Ember.js before its the right moment to try.
You might ask, isn't Ember.js dead now? Isn't it gone in vain and only crazy guys left supporting some legacy applications hoping to rewrite everything in React and Redux? Dead wrong.
Although Ember.js was around for 5 last years, it wasn't a mainstream ever. Mostly due to the fact that no big companies with unlimited marketing resources were supporting it. But last year, after LinkedIn invested a lot into Ember.js it starts gaining momentum. It used also in Netflix, Heroku, Digital Ocean, Intercom and Siemens.
Maybe you have make a closer look to this framework? And if yes, where to start?
Iaroslav Popov
chilicoder in berlin.js slack
https://twitter.com/chilicoder
@chilicoder
Build More with WebAssembly
You can build amazing apps in the browser, but there are some (like a video editor) you wouldn't dare to build - until now. WebAssembly (wasm) gives you the ability to push the limits of the browser. Together we'll learn how to integrate wasm into existing JS code to build new kinds of experiences.
We'll take a look at the various reasons to use wasm from improving existing JavaScript libraries to rewriting entire applications. We'll examine what the state of wasm tooling is and just how easy starting and maintaining a project in wasm can be. Finally we'll improve an existing JavaScript library by using a wasm module written in Rust.
Ryan Levick
Conducting Effective Code Reviews
Code review is serious business. It is one of the defenses against introducing bugs into the codebase. In this talk, I will talk about:
I prepared a blog post about this, currently in editorial review to get published at Auth0 blog. I'll base my presentation out of that.
Umut Benzer (he)
@UmutBenzer
[email protected]
benzer.dev
Love your Junior
Ninja-Rockstar-Senior recruiting madness is still very much alive despite how ridiculously hard it is to find available talent. The demand for developers is insane and at the same time there's a lot of smart but inexperienced people eager to work on something, but too few companies are looking in their direction. Everybody wants to hire the top notch devs and launch ASAP.
Fortunately, we are all seeing a slow but steady growing interest in Juniors and building teams from the ground up. In the last few years I've been working a lot with them and I'd like to share the many things I learned along the way. What should be our role as seniors and mentors? Why should we want juniors in our team? And how many of them are enough? How can we help them become productive as quickly as possible, in a healthy and effective way?
Luis Farzati
https://github.com/luisfarzati
https://twitter.com/luisfarzati
Javascript ecosystem is bigger than it is used to be and there are a number of options. But what about if we choose the best/optimum alternatives to have something done or not?
Sometimes it can be a problem to start from somewhere to immediately prove the concept of what we have on our minds in terms of architectural decisions, tech stack and the other tiny but critical details. Steps to deliver a new "thing" may be a problem if the choices are made in a wrong/immediate fashion. So I would like to tell the very first steps to know the balance what a greenfield project needs and how developer gets satisfaction from what she/he will build.
Baris Guler
[email protected]
https://twitter.com/hwclass
https://github.com/hwclass
Cycle.js: UI as Pure Functions of Time
What if we considered Time as a fundamental input of our programs
Thomas Belin
Twitter: @atomrc
In this talk I'd like to highlight what's the cause of common white space issues and how proper naming, categorization, and separation of concerns leads to consistent and reusable white space.
Łukasz Makuch (he/him)
https://lukaszmakuch.pl
@zopsesen
https://github.com/lukaszmakuch
I don't mind linking any of these, I think that'd very nice of you. 🙂
Improving User Experience using TensorFlow.js
25 minute talk: I will a use case where machine learning directly in the browser makes sense. We will use TensorFlow.js to use neural networks for the model.
Oliver Zeigermann
Replacing Redux with React's Hooks and Context APIs
The most common reasons for using Redux are:
Now that Hooks and Context APIs are stable, we can accomplish this without Redux.
Introducing use-flux
: a light-weight package for declaring and consuming global stores using a flux-like pattern of state transformations.
This talk isn't really about convincing you to use use-flux
, but it is about demonstrating the structure of a React Hooks package!
Spencer Rudnick
✉️ [email protected]
🐦 @spencerfordES
⚛️ https://spencerudnick.github.io/use-flux
Feature Driven Architecture
Large applications cannot be structured the same way as small applications. Many good decisions you make for a small application suddenly become bad once it grows in code and organization size. Let me walk you through a number of challenges and good decisions for scalable applications.
Oleg Isonen
https://twitter.com/oleg008
[email protected]
P.S. This is a dry run of a talk I will be doing at reactdayberlin, so I hope to get some feedback and improve it.
You can either comment on this issue or send us an email at (insert email address – we need an address everyone has access to)
Anything JavaScript (JavaScript / JavaScript community related), that gets you excited.
Nope. This meetup is supposed to be fun and casual, so we want everyone to participate. We especially encourage people of underrepresented groups to apply.
Between five and twentyfive minutes. There won’t be any formal Q&A.
Your name, Twitter handle / email address, talk title and a few sentences describing what you want to talk about would be great.
We'll have a projector (Full HD / HDMI) and a mic for you to use. Adapters are available.
Adaptive Image Loading
The web has seen incredible growth over the past decade - an increase that enabled remarkable technological advancement. There are developer tools and frameworks out there that can do magical things and unfortunately, therein lies the problem. With this explosion of new tools as well as myriad device types, we are faced with another problem - performance.
In this talk, we'll explore a concept based on Network Information API, Service Workers and Cloudinary to enable web applications to serve lower quality images (if necessary) in order to speed up the perceptual load time of the web app when on a slower connection.
Tamas Piros
Twitter: @tpiros
Property-based testing: You won’t look at your tests the same way ever again
Property-based testing changes the way we look at our test suites. Instead of specifying test cases one after another, this advanced testing technique enables us to automatically generate a stream of inputs. Despite its potential, property-based testing still remains under the radar within the JavaScript community. Let’s try to uncover its strengths together.
The talk will discuss how property-based testing compares to traditional testing methods and demonstrate its principles with simple examples. In order to bust the myth of the inapplicability of property-based testing in a real-world setting we’ll bring up some use cases from industry. Finally, we’ll wander into the world of concurrency and the automation of race condition detection.
Jan Stępień
I'm at https://janstepien.com. On Twitter I'm @janstepien.
May 17th works! 😄
Monorepos with lerna.js - 3 Examples
With serverless, component based web architectures and other new 'hipster' tech, the use case for monorepos is strong - repositories encompassing whole projects are not so much the exception anymore and they keep the friction between teams and disciplines low. I want to present 3 usecases for lerna.js monorepo projects:
Sebastian Schürmann
Respond to the GH issue pls. No problem with public comms
What should I use - Static pages, SSR or SPA? Maybe Prerendering?
Nowadays there are different approaches on how to ship frontend to a user -
In the talk, we can review them, discuss pros & cons (build time, release time, performance, cost) and match those approaches to popular frontend libraries.
Oles Maiboroda
Based on this blog post: https://dev.to/viniciuskneves/yet-another-post-about-asyncawait-and-promises-49gg
Walk step by step on how Promises and asyc/await are connected with an example from a real question asked on Slack.
Vinicius Kiatkoski Neves
BerlinJS Slack: viniciuskneves
Functional Programming + React = ❤️
Everyone has heard about Functional Programming sooner or later but not many people have seen it in action. I'd like to show you some of our real React code examples that leverage the power of FP to become readable and reusable and make you a better programmer in general!
Sebastian Herrmann
Twitter: @herrherrmann
(Feel free to include it on the website!)
Doing this as an issue for now as index.html contains Februarys talks.
Potential description:
In the last couple of weeks I spent some time playing with Clojurescript learning about how to build UIs in a functional way.
Amazed by the things I encountered on that field-trip I want to introduce you to some of the basic patterns and ideas and compare them to more traditional approaches like MVC.
Probably there will be some code but I want to focus on the concepts rather than specific implementations.
Any feedback/suggestions appreciated :)
Testing ES6 modules with Introscope
Testing ES6 modules can be tuff, esp. if the module has small public API but rich internals. We in my team at Zalando developed a babel plugin (called Introscope) helping to look inside any module turning it into a factory function. This helped us develop some cool techniques for more or less robust side effects based testing with mocks, spies and Jest snapshots.
Peter Leonov
Here is my mostly abandoned Twitter: https://twitter.com/peterleonov
And just in case Github follows Skype: [email protected]
You’re joining a project
If you’re starting on new (for you) project it’s alway nice to enable “GPS” and see what the project is and how “healthy” it is.
In the talk we’ll go through some tips which can give you insights of the project's state:
Lines of Code
and comparison to popular libs/projects;Code complexity
metric;Github insights
;Lighthouse
;Build time
of a project;npm outdated
;These and other metrics will give you a knowledge about the project you’ve joined and turn on the GPS, so you can navigate the project to success.
Oles Maiboroda
Hooks everywhere - Apollo/GraphQL is no exception
The fame of Apollo/GraphQL and React Hooks are increasing every day. Many have already started using both in production. Now React hooks are possible in Apollo Client as well. Anyone who used Render props pattern of Apollo client will definitely love the way how hooks make the code readable and elegant. My talk will be on how to use hooks with Apollo client.
Vilva Athiban P B
twitter - @vilvaathibanpb
email - [email protected]
You may link my twitter to your page.
A library that enforces a schema for enviornment variables that is enforced at run time (and also compile-time if using TypeScript). Able to use rich-types such as enforcing high-entropy passwords or real URLs, as well as grouping common envvars together.
https://github.com/freight-hub/TypedEnv
Brian Graham
I'm on GitHub more than social media.
LoveBits is about writing code poems written in JavaScript, to show that code is more than just a functional language. It's about showing that code can even be used poetically, to tell stories.
Would tell a bit about how the project came to be, show pieces of code, and the interactive parts, when the code poems become interactive.
https://lovebits.bilebile.net/
@murimuffin5 (Twitter)
[email protected]
Let me know what you think, looking forward for some feedback :)
Sometimes libraries with charts are not enough - they lack customisation or don’t support that one chart type you would like to render. You can always create a custom graph and I’d like to show the audience basics and tips on how to create such custom data visualisations.
Grammar of Graphics gives us a great framework and mental model for creating charts. We can learn how to encode data on screen using marks, scales and channels. All these abstractions could be implemented easily using UI components and functions.
The presentation would be targeted at data visualisation novices and I would use React for examples on slides, but these techniques are applicable to all common, component-based frameworks - I used this approach in React and Angular with great success.
The Audience will learn about Grammar of Graphics and obtain tools to create great custom visualisations. It will enable them to create impactful charts when common libraries won’t suffice.
I’m a frontend developer who has worked with data visualisations for 5 years
and I've been a web developer for 8 years. Currently, I work for Allegro as the main maintainer of data exploration tool turnilo: github.com/allegro/turnilo
It will be my first talk in English. My previous talks in polish are here with slides and few with recordings. The talk will take 20-25 minutes.
Hey! I'll be giving a variation of this talk at a conference in the US in September. I'd love the opportunity to give it a test run in August if y'all are interested :)
Making Weird Physical Art + Games With Cross-Platform JavaScript
How can we use JS to make weird games and interactive art installations? “Hello, Operator!” (https://lazerwalker.com/hellooperator) is a game made for a physical telephone switchboard from 1927. I'll talk about why prototyping both on- and off-hardware matters for projects like this, how I used JS to build a cross-platform game engine that runs anywhere from a CLI to an iPad to 100-year-old hardware, and at a high level how anyone with JS skills can get started with hardware.
Mike Lazer-Walker
Web frontend security
An overview of frontend security related things that every web developer needs to know. It explains common attack methods and how to take precautions to prevent them. This presentation will explain what XSS, CSRF, Clickjacking are. It'll mention about preventative strategies and mention about CSP, HSTS, JWT, HTTP-Only Cookies on the way.
Umut Benzer
How to connect 1980 and 2019 with a Chrome extension and Chrome Native Messaging
At Doctolib, we need to interface with different kinds of softwares, from SAAS platforms to native softwares developed in 1980. Almost none of these are meant to allow communication with external tools. We've setup an API using a Chrome extension and a nodejs binary deployed on the machines of our clients to connect with these softwares.
During this talk, we'll speak about how to create a Chrome extension allowing to do such actions. We'll also talk about the deployment of a binary written in Javascript and embedding a Node.JS runtime with PKG to communicate using Chrome Native Messaging with the Chrome extension.
This is a 20min talk in two complementary parts (Chrome extension/native binary) with two speakers.
Matthieu Kern (@matthieukern)
Quentin Ménoret (@qmenoret)
Our emails:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.