OdessaJS 2018
OdessaJS conference - one of the biggest JavaScript conferences, held by the Black Sea in Ukraine.
This page was generated from this YAML file. Found a typo, want to add some data? Just edit it on GitHub.
-
π€ Advanced State Management using ngrx v5
- πΉ 1 video
- π€ GERARD SANS
State Management is key to build modern Web Apps -
π€ What I have to do at OdessaJS Conference
- πΉ 1 video
- π€ ARTEM ZAKHARCHENKO
-
π€ The New Media and What It Takes to Create a News Website in 2018
- πΉ 1 video
- π€ Roman Rodomansky
- π€ Andrew Yasinishyn
What will you do if biggest media will ask you about new website? Seems like trivial, right? Ugh, why WordPress is not a right fit here? We'll tell you a story with problems and solutions that we raised during all phases from project first steps. -
π€ Copy paste detector for 150+ languages on JavaScript
- πΉ 1 video
- π€ Andrey Kucherenko
During the talk I will describe how to solve task of copy/paste detection with javascript. I will start with task, areas of apply of the task, tools and algorithms for solving copy.paste detection task. -
π€ Serverless - the way microservices should be
- πΉ 1 video
- π€ Ivan Jovanovic
Serverless, the buzzword that weβre hearing probably every day. Whatβs that exactly? Serverless is the way microservices should be. It will save you money, time, and you will be able to easily build, test and deploy your applications. Serverless is here to stay, letβs learn how to use it! -
π€ Mutilation and suffering: How I decided to create a project using only Web Components without any framework
- πΉ 1 video
- π€ Sergiy Babich
One pet project. One idea. One specification. That's what lead me to create app using only native web components and no framework or library. I want to share you my practical knowledge how it is even possible to create such app in such circumstances and why it is important to even do this. -
π€ Algorithms in Front End: from V8 to VDOM
- πΉ 1 video
- π€ Yuriy Sherstyuk
Significance and importance of algorithms can not be overestimated. Even harder to learn how to apply it in the modern Front End, given how many optimizations are done for us by the engines and frameworks. The purpose of this report is to help you understand how this works at a lower level, for example V8, React and not only. Also, what we can do to make mor⦠-
π€ Estimates: is there a silver bullet?
- πΉ 1 video
- π€ Ksenia Redunova
Our work is not only about writing the perfect code. But also about the delivering the product within the planned timeframe. In my tech corner Iβll cover the topics: How to estimate the uncertainty? How to include risks? What to use: hours or story points? Iβll tell you about the different ways of estimation. Letβs discuss the good and bad cases from our expβ¦ -
π€ Get started with Reason and ReasonReact
- π€ Nik Graf
We will kick off with the basics and then quickly go into how to leverage features like variant types and pattern matching to make impossible states impossible. After you gained some knowledge about the basics the course will dig even further into ReasonReact. -
π€ Architecture evolution of Microsoft To-Do web app
- πΉ 1 video
- π 1 slide deck
- π€ Alex Migutsky
-
π€ Unleash your web skills on native
- πΉ 1 video
- π€ Rowdy Rabouw
Did you know you can use your knowledge of HTML, CSS and JavaScript to build truly native apps for iOS and Android with NativeScript? Iβll explain what NativeScript is, how it compares to other frameworks and demo how easy and fun it is to get started and how to make use of native capabilities. Do you want to build your own personal assistant like Siri? I'llβ¦ -
π€ Bot Building: channels, platforms, NLU
- πΉ 1 video
- π€ Valentine Mezentsev
- π€ Gleb Dobzhanskyi
- π€ Vitalii Hurin
The battle will be based on a tic-tac-toe game through the interaction of 2 bots (Amazon Alexa Skill and Actions on Google), which will be connected to the smart Amazon Echo and Google Home speakers. -
π€ Redux-cornell
- π€ Eyal Eizenberg
Redux is awesome and is used in countless projects. However, using Redux does mean that there is a lot of boilerplate. Enter Redux Cornell. Named after the legendary singer Chris Cornell, Redux Cornell aims to remove most of the boilerplate which comes with using Redux, yet allows you to completely customize it. The library brings the concept of 'convention β¦ -
π€ Excuse me, I have to assemble Frontend
- πΉ 1 video
- π€ Andrew Mykhaliuk
Every time when you start your project, developer thinks about how build his project. Why we need to pay attention about it? How it's going with a build tools around frontend frameworks. We'll talk about webpack growth, how we can use build with less dependencies to be more flexible to switch between technologies, and we will go to the next level how we can β¦ -
π€ Houdini - css which is JavaScript
- πΉ 1 video
- π 1 slide deck
- π€ Nikita Dubko
CSS Houdini - is a set of specifications which will change web-development in the nearest future. With their advent a regular pagemaker will have to learn JavaScript. But then instead of awaiting conditional "super-mega-grids" realization appearance you'll be able to plug in polifill for CSS. You can do it right now! Or not? -
π€ OK Google. What's next?
- πΉ 1 video
- π€ Philip Shurpik
In a certain moment you are 25-26 years old and work as a Senior JavaScript for already 2-3 years:) At this very moment you understand that you don't know what to do next o_O Let's talk about conscience extension, self-education and transit to a new sphere (AI/DataScience). -
π€ JavaScript without javascript
- πΉ 1 video
- π€ Patrick Kettner
-
π€ Unleash the power of the higher-order components
- πΉ 1 video
- π€ David Kopal
Maintainable component structure is a crucial prerequisite for a stable React application. You can achieve this by writing your code in a functional way using the higher-order components (HoCs). I want to show you how to define smart HoCs and use them to enhance your presentational components. You'll also learn how to compose several HoCs to get more complex⦠-
π€ Real-world application of computer vision and machine
- πΉ 1 video
- π€ Arkadiy Pilguk
An Introduction to Computer Vision and Augmented Reality in modern web browsers and how to accelerate it with WebGL. We will build on this foundation and discuss how to improve results utilizing machine learning models, measure their performance and use these metrics to improve the accuracy of the solution. Finally we will explore how to apply these techniqu⦠-
π€ Advanced React-Native
- πΉ 1 video
- π€ Ilya Ivanov
How is it possible to write native applications in JavaScript? In this talk we will meet React-Native and dive a bit into advanced concepts. How React-Native is different from classical hybrid mobile development in JavaScript. We will look how React-Native works and write great mobile applications using animations and navigations. -
π€ Cloud Native Observability
- πΉ 1 video
- π€ Oleg Chorny
Let's discuss how Observability enables you to write software that can be managed by software. -
π€ The ABC of Coded Style Guides
- πΉ 1 video
- π€ Henning Muszynski
Teams today are facing similar problems: How do we encourage the reuse of existing components? How do we raise awareness for them? How do we keep them stable while keeping maintenance efforts low? How do we ensure a coherent branding without exploiting our designers? If you are worried by these questions fear no longer. I aim to show you a way out of this se⦠-
π€ Automating GitHub workflow with probot
- πΉ 1 video
- π 1 slide deck
- π€ Denys Dovhan
Most of developers are passionated in Open Source, some of them have their own OS projects, some of them have commercial projects hosted on GitHub. Automating projects workflow can simplify daily work and make typical tasks automated. -
π€ WebRTC talk for OdessaJS
- πΉ 1 video
- π€ Gabriel MiΔko
WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications capabilities via simple APIs. Mission behind is to enable rich, high-quality RTC applications to be developed for the browser. You are able to do this all without the need of installing any third party software or plugin. The talk is designed for those⦠-
π€ WebAssembly powered Machine Learning
- πΉ 1 video
- π€ Mihail Zachepilo
Stop talking about WebAssembly specification, let's solve a problems using it! How to WebAssembly work and how we can use it to enhance Machine Learning in browser experience. -
π€ How to create a VR application with React
- π€ Viktor Turskyi
I will talk about virtual reality (VR). At what state the technology now, why and how to use it. JavaScript is very popular today it is possible todo almost any time of application with it. And it seems that even VR applications can be build easily with JavaScript and React today. The technology is very yang but it will be great to every JS dev to know about⦠-
π€ Evolution of Web Performance
- πΉ 1 video
- π€ Denis Artyuhovich
For web developers, especially for web games developers, performance is a key point. We try to make user interaction as smooth as possible to achieve better user experience. During the speech, we'll look at how the web changed, what actually happens with our application in the browser and how to deal with it. -
π€ Introduction to Micro Frontends
- πΉ 1 video
- π 1 slide deck
- π€ Ivan Jovanovic
-
π€ W.T.F. is GraphQL
- πΉ 1 video
- π€ Ivan Goncharov
Recently, there is a lot of hype around GraphQL and you are probably wondering if it is a good fit for your project. In my talk, I want to demystify GraphQL by explaining what problems does it solve and how it works internally. I will show how to write requests and send them to the server and how they are executed under the hood. I will also talk about probl⦠-
π€ From monolith web app to micro-frontends β How we extended microservices architecture to frontend
- πΉ 1 video
- π€ Rustam Aliyev
- π€ Ivan Martynov
Single-Page Application (SPA) is the main-stream modern frontend development approach. However, we quickly hit limitations of monolith SPA in the growing company with multiple product teams, different technologies and release cycles. In this talk we share how these limitations have been overcome by extending microservice architecture to React frontend using β¦ -
π€ Chrome Dev Tools. New & Tips
- πΉ 1 video
- π€ Savitskyi Roman
I'll tell you about my tricks with chrome devTools, and also show the new features that were added to the latest versions. An overview speech tips that will speed up your work -
π€ Creating magic with houdini
- πΉ 1 video
- π€ Patrick Kettner
Since the dawn of (internet) time, web developers have been at the mercy of browsers when it comes to features. But what if the black magic they use to create new HTML and CSS properties were given to you? Thats exactly what the Houdini working group is working to provide web developers today! In a futuristic, code heavy session I will show how in the not to⦠-
π€ Flow typing: your path from experiments to final implementation in an enterprise project
- πΉ 1 video
- π€ Leonid Baida
Static typing remains a popular topic for discussions somewhat akin to a battle field. JS development world split up into its proponents and opponents. Don't forget that type-code writing is managed by principles and approached different from those required by vanilla JS. It's a different philosophy, so to say. Type JS is very different from non-type one. Th⦠-
π€ How to scale an SPA to 1M views for $1?
- πΉ 1 video
- π€ Asim Hussain
There is a wrong way and a right way to deploy, scale and architect an SPA. If you do it the wrong way you DON'T get the advantages of an SPA, you might as well have built a server-side Express app. If you do it the right way, you can take advantage of optimisations that give you epic scalability, with super low latencies at a fraction of the cost. In this t⦠-
π€ Development standards: a step-by-step guide to implement it without pain
- πΉ 1 video
- π 1 slide deck
- π€ Aleksandra Shinkevich
There is always a room for discussion about what to use: tabs or spaces, quotes or double quotes, and so on. There are so many personal preferences in writing code that most likely you'll end up discussing not the logic or implementation itself, but how to use braces, spaces, and semicolons. But do we really need to talk about such things every time we start⦠-
π€ The existential crisis in a blockchain era
- πΉ 1 video
- π€ Alex Troush
My talk will address problems that have any individuals through their lifetime. Did you find your self in a place where everything changing so fast and you cannot catch up? Asking yourself what to do with your life next? Regret something in past that can totally change the life you live now? I will share a knowledge on how to sustain your mind in a new era o⦠-
π€ Passing strings using (in)finite-state-machine and prepack
- πΉ 1 video
- π€ Valerii Sorokobatko
I became interested in parsers when I started to use CSS in JS libraries. I am in love with performance and if something works slow - I always try to find the ways to improve it. One of the CSS in JS problem - parsing CSS strings in runtime. Especially if solution should support syntax validation, interpolation for dynamic CSS rules and be super fast and sma⦠-
π€ WebAssembly vs JavaScript: What is faster?
- πΉ 1 video
- π€ Oleksandr Skachkov
As WebAssmebly is increasing its popularity and more, and more languages start to support WebAssmebly as the build target, development team start asking question when do we need to use WebAssmebly and where it is better to rely on javascript.As open source contributor to WebKit JavaScript Engine, I would like overview differences between WebAssmebly and Java⦠-
π€ React Refactoring Patterns
- πΉ 1 video
- π€ Radoslav Stankov
Most of the work developer does is refactoring and restructuring existing code. While working with React at Product Hunt, I noticed common patterns our team use to deal with changing project requirements. If you have problems dealing with external dependences, reusability and rapidly project iterations - this is the talk for you. Often we start with one top-β¦ -
π€ RxJS in React, RxJS in Angular and why we all should be friends
- πΉ 1 video
- π 1 slide deck
- π€ Valentyn Barmashyn
React and Angular stacks became so similar In 2017-18 as they've never been before. Conceptual distinctions between them are blurring out. There only remained difference in their implementation. Let's talk about the modern work with data and events, role of flows (particularly Rx), functional programming and many more from two points of view: practical and p⦠-
π€ Youβre probably making an API client
- πΉ 1 video
- π 2 slide decks
- π€ Haroen Viaene
When you are interacting with another piece of software, be it a REST API or a third party, what youβre actually making is your own abstraction around it. Once you realise that, you can use the tricks used in real API clients for your advantage and make reusable, good code. -
π€ Mining crypto in browser_ GPU, WebAssembly and all the good things to try
- πΉ 1 video
- π€ Denis Radin
-
π€ What happens when you don't write the code. What advises would I like to take 10 years ago
- πΉ 1 video
- π€ Artem Zakharchenko
This report is about changes in industry perception with increase in ages and experience accumulation.