JSFoo: round the year submissions
Submit talks on JavaScript and full stack engineering round the year
Accepting submissions
Not accepting submissions
Effective Diversity & Inclusion: How to Change the RatioDiversity is one of the most important topics in tech right now. But many don’t know how to effectively change the ratio. Prioritizing how to do it right and make it work for your organization is important, but the sticky factor through inclusion is just as crucial. We’ll review the top reasons why diversity is stalled in tech and what we can do to make it better. more
Technical level: Beginner
|
Non-Technical Open Source: Did You Know You Can Too?Open source is a great way to enhance your career in tech, but there are misconceptions. Often, open source contributors are regarded as technical gods, but what makes projects successful are also the non-technical contributions. Learn how I joined the RxJS core team through docs contributions and how you can play to your strengths. Understand what it takes to contribute to open source. more
Technical level: Beginner
|
Destigmatizing Open Source Through Lessons in Mental Healthif me is an app to share mental health experiences in a safe space with loved ones. It’s a free open source software project that strives to be welcoming to all contributors, non-technical and technical alike. Increasing access to mental health support draws many parallels to increasing open source engagement and inclusion. Through efforts to implement internationalization, improve test coverage,… more
Technical level: Beginner
|
How to Life-Proof Your Live DemoLive demos are tech talks’ flakier, meaner older sibling. Yet it is undeniably the most compelling way to illustrate your message in minimum time. more
Technical level: Beginner
|
Building a Blockchain based DApp using JSThis talk would be about HOW to get started building DApps (distributed applications) using JS. more
Technical level: Beginner
|
Making a PWA using AngularAn Introduction about Progressive web App(PWA). By now, we have probably heard that Progressive Web Apps are the future of all mankind. They’ll bring world peace, end hunger, save the rainbows and unicorns, bring balance to the force, and a whole lot more.This new technology uses modern web APIs to deliver mobile app-like experience to the users right in their browsers. A Progressive Web App uses… more
Section: Crisp talk
Technical level: Beginner
|
Rendering Vue sfc's inside Backbone appsRendering Vue sfc’s inside Backbone apps There are a lot of articles to get started with Vue, but there are a lot of people who still use some older framework and want to shift on to something new. There are not much tutorials or articles on how one could do so. I will talk about my experience and challenges I faced while integrating Vue inside existing large Backbone app. more
Section: Full talk
Technical level: Intermediate
|
Data Structures and Algorithms with JavaScriptIn a scenario where we are just talking libraries and frameworks, here is a quick demo as to how use of Data Structures and Algorithms which are generally associated to programming languages and not scripting languages can help better optimize coding in JavaScript. more
Section: Crisp talk
Technical level: Intermediate
Session type: Demo
|
Building a Scalable Developer Platform using NodeJS and ServerlessIf you were to create a platform for developers to build and publish their apps today, what building blocks would you end up using? At Freshworks, we took this plunge with a potent combination of JS and Serverless and uncovered that this is not only an economical model, but also opens up powerful paradigms for the very app developers we want to reach out to. Come hear the story of our journey so … more
Section: Full talk
Technical level: Intermediate
|
Javascript is taking over SAPSAP is a well known enterprise software, known for its proprietary software. They interfaces and known to be slow and clumsy. Over last 2 years, Javascript and Open source libraries are slowly driving SAP to embrace the new age web. In essence, Javascript is turning SAP interfaces upside down. Do you want have a piece of the pie? more
Section: Crisp talk
Technical level: Beginner
|
Reactive programming using RxJS“Applications”, something which we all are using now for almost over 3 decades and we have seen it evolving. From a static colorless HTML website to colorful dynamic animated website, or from 2D games to 3D games on browser, our generation has seen a huge evolution in applications. more
Section: Full talk
Technical level: Intermediate
|
SIP Phone WebRTC into your browser: a real story from sipML5 to JanusNowadays, WebRTC is a new technology that is opening up very huge scenario in distributed architectures to realize real-time audio/video communications, but it is still underused. This talk could be useful to all developers that are interested in realizing audio and video communication in their own web application. more
Section: Full talk
Technical level: Intermediate
|
A story behind a migration from Monolithic to MicroService ArchitectureThis talk is to make developers and designers aware of problems that can arise from the beginning of a project along the entire path up to production environments. The talk explains the real migration from a first monolithic implementation to a micro-service architecture abstracting from the communication system (rest, websocket, tcp). more
Section: Full talk
Technical level: Intermediate
|
My application is secure, really?It’s very important to make an application secure, but the question is, how? more
Section: Crisp talk
Technical level: Intermediate
|
Javascript for C#/ Java/ C++ DevelopersFocus of this talk will be on mapping main stream OO principals such as data encapsulation, inheritance, polymorphism to Javascript syntax and evaluating its impact on overall Javascript performance , scalability and underlying data structures more
Section: Full talk
Technical level: Intermediate
|
End-to-end testing: from rookie to proYou can gain a lot from a stable suite of end-to-end tests, but not a lot of developers know how easy it is to setup these tests. Dive into this crash course on end-to-end testing, you’ll first learn the basics and then some advanced techniques that will have you testing like a pro in no time. more
Section: Full talk
Technical level: Beginner
|
The power of ES8Some of the major topics that I will cover include async functions, working with shared array buffers and atomics, the exponentiation operator, handy additions to the string type, and the ECMAScript release process and its relationship with JavaScript. more
Section: Crisp talk
Technical level: Intermediate
|
Reactive API development with gRPC for Highly data-intensive Web appDeveloping an end-to-end data application right from data ingestion, data enrichment and visualization is a very cumbersome task. Many small and large systems work together to accomplish a single task that powers a unit of our application. In this talk, I will demonstrate how to use gRPC to create connections between internal services, external system and various web and mobile apps. This talk is… more
Section: Full talk
Technical level: Intermediate
|
NgRX, a reducer based state management for enterprise-level Angular applicationOur web applications are all about states full of data and how we manage them. Once your Angular app grows larger it becomes hard to deal with component states, just with your services. This is where NgRx comes into the picture. A reducer based state management library that makes the lives of Angular developers super easy. In this talk, I’ll be talking about what, why and how of NgRx. more
Section: Full talk
Technical level: Intermediate
|
Your Angular knowledge + this advance Angular topic can make your App more powerfulAfter learning Angular, we use whatever we learned to solve common problems in Web application. But you could have make your app robust, scalable, highly maintable using advance angular techniques, like Interceptor, Subject, Observable, advance routing opions etc. more
Section: Full talk
Technical level: Advanced
|
Creating WebVR Application using javascriptWebVR is an open specification that makes it possible to experience VR in your browser. Session Timeline more
Section: Full talk
Technical level: Beginner
|
React native and mediawiki APIWill design mobile application using react native to login in wikipedia using, Will display and edit details of user. more
Section: Full talk
Technical level: Beginner
|
Microsoft Graph and application development using javascriptMicrosoft Graph is a Microsoft developer platform that connects multiple services and devices. Initially released 2015, the Microsoft Graph builds on Office 365 APIs and allows developers to integrate their services with Microsoft products, including Windows, Office 365, and Azure. Microsoft is using the Microsoft Graph to bring new functionality and connectivity between Windows and other OS plat… more
Section: Crisp talk
Technical level: Beginner
|
Web Components: What they are and How they work?Web Components — what are they, and how do they work? Imagine how much easier front-end web development would be if your HTML elements alone were powerful enough to build the client-side of a modern, dynamic web page. What if you could make your own custom elements and access a large, open-source community of ready-to-use components like buttons, toolbars, chat windows, maps and other common fron… more
Section: Full talk
Technical level: Intermediate
|
CLOUD NATIVE NODE.JSThe fundamental performance characteristics of Node.js make it ideal for building highly performant microservices for a number of workloads. Translating that into highly responsive, scalable solutions however is still far from easy. This session will not just discuss why Node.js is a natural fit for microservices, but will introduce you to the tools and best practices for creating, building, depl… more
Section: Full talk
Technical level: Intermediate
|
Memory efficiency with Javascript ClosuresMemory Leaks leading to undesired growth and exhaustion of memory are by far the most common production problem reported on enterprise scale Node applications. Closure, a powerful semantic feature in functional programs which are used pervasively in Node.js programs to support asynchronous and event driven programming model, is a prominent source of unanticipated memory leaks. In this presentatio… more
Section: Full talk
Technical level: Intermediate
|
Follow your code: Best Practices for Node.js Problem determinationA large percentage of Node application misbehavior can be effectively diagnosed and root cause identified through the in-built tracing capabilities of Node/V8. There are a number of under-documented, yet very powerful tracing options which we can leverage in development, testing and production phases to validate that the application architecture and design is indeed reflected in the code or not, … more
Section: Full talk
Technical level: Intermediate
|
Essential Node.js learning kitWhile Javascript as a language is easy to learn, there are subtleties in the programming model and execution environment which cause some difficulty for beginners. For example, new developers often have questions related to the out of order execution of I/O and its implications in their programs. This session aims to illustrate the top 10 concerns for new developers based on questions received ab… more
Section: Full talk
Technical level: Beginner
|
Getting hands dirty with Vue and VuexVuejs has been one of the fastest growing JavaScript Framework of all time. While it has finally surpassed the number of stars on Github when compared to React, this is one of the hottest topic in the frontend world. Not only is it easy to get along but a lot fast to grasp for beginners too. more
Section: Crisp talk
Technical level: Beginner
|
Simplify UI test automation with PuppeteerFrontend ecosystem is highly adaptive. It is becoming painful to write UI tests. We may use Jest, Enzyme, and mocha for various use cases. Still, it’s not enough. more
Section: Crisp talk
Technical level: Intermediate
|
Demystifying component architecture in AngularWeb applications today are getting more and more complex with hundreds of components or more. There are a lot of opinionated views on the architecture of our overall application but most of the times we overlook design and architecture of our components. There are three different ways we can design our components - container components, dumb component and smart components. In this talk I’ll be ta… more
Section: Full talk
Technical level: Intermediate
|
Multithreading in Node.jsNode.js is very fast, but it’s not suitable for cpu intensive tasks as it is single threaded. In Node 10 worker threads are introduced which can spawn multiple threads. This can be used for cpu intensive tasks like machine learning. This talk will give a gentle introduction on how to use multi threading in node.js more
Section: Full talk
Technical level: Beginner
|
Javascript Design PatternsJavascript implementations of a number of both classical and modern design patterns. A common question developers regularly ask is what the ‘ideal’ set of patterns they should be using are. There isn’t a singular answer to this question, but with the aid of this talk, you will hopefully be able to use your best judgment to select the right patterns to best suit your project’s needs. more
Section: Full talk
Technical level: Intermediate
|
Demystifying Web WorkersThis talk will outlay basics of web workers, their usage in modern web apps, and caveats while implementing them. At the end of the talk, audience will have a idea about when to use web workers, when NOT to use it and how to implement it. more
Section: Crisp talk
Technical level: Intermediate
|
Going the Distance with SVG, Headless & ServerlessRunning apps without servers and browsers without screens sounds a little absurd, but it can be a surprisingly efficient way to solve certain problems. In this talk George will discuss a real-world solution—A service that creates mementos for marathoners based on their recorded activities—built on top of serverless technologies and Puppeteer—the Headless Chrome Node API—to work with the SVG DOM o… more
Technical level: Intermediate
|
Create cross framework Components using Angular ElementsHave you thought about using Angular components outside Angular world? Angular Elements a newest feature of Angular is solution of that. Angular components are powerful and reusable but it becomes painful, when it comes to sharing common component between different projects which are based on different frameworks and when you want to embed Angular component inside CMS application as a widget etc.… more
Technical level: Advanced
|
Deep Dive Angular ComponentsWhile components are the backbone of all Angular applications, some developers stick to the obvious features of components while using it. This talk will go beyond the basics and talk about features such as: more
Technical level: Advanced
|
Simplifying Component Communication in AngularAny Enterprise Angular application will have many components and these components need to communicate to each other. A component could be used in different ways and they need to communicate to other components. For example passing data from parent component to child component or emitting events from child component to parent component. There are various ways, components communicate to each other,… more
Technical level: Beginner
|
You do not know about JavaScript ObjectsIt is a long time debate that whether JavaScript is an Object Oriented Language or not? We all know that it is not, then how almost everything in JavaScript is an object. If we do not have class (yes in ECMA 6, there is a keyword class syntax introduced but that is not a real class anyway) then how objects are created? Answer of all above questions lie in understanding of following concepts, more
Technical level: Intermediate
|
Let your source code live longerWriting code is all about making sure it last longer. more
Technical level: Intermediate
|
GraphQL - A new API query languageIntroduction to GraphQL and its Core concepts, Architectural case studies, GraphQL servers, clients and DevTools. Open sources and runnable web/mobile application demo built on top of GraphQL and Node.js ecosystem. more
Technical level: Intermediate
|
Use IoT sensors + TensorFlow + RxJS + your hands to control the Angular appIn this talk I will show you how to utilize machine learning algorithms and RxJS stream processing to recognize gestures made by hand movements. You hold your smartphone in your hands and make a meaningful gesture. Smartphone generates accelerometer signal that is fetched by web application. RxJS process this stream of data points and executes machine learning algorithm on TensorFlow.js to recogn… more
Technical level: Intermediate
|
How to use virtual DOM without react/vue/angularThis talk explains how we can leverage the idea of virtual dom without using frameworks. Code samples to show how it works. more
Technical level: Intermediate
|
Performance Metrics For Modern AppsIt has become critically important to improve your performance of web apps. Users should have a good visual experience while loading a web app. Be it pre-loading important resources, or displaying cached resources, or rendering hero elements first, users should be able to interact with web apps as soon as possible more
Technical level: Intermediate
|
Deep Dive into JavaScript FrameworksIn the present times where everybody is rushing to the ‘future’ javascript, one cannot help but notice the ridiculous number of javascript frameworks mushrooming everyday. This talk is about how frontend frameworks work in general. I will be highlighting the basic concepts and challenges to expect when designing your own framework. I will also be comparing how mainstream View libraries (like Reac… more
Technical level: Intermediate
|
Nodejs Application Test Automation – SimplifiedIf developing applications in Node.js is fun, then test automation using its frameworks will be even better. Learn how Unit Testing, Load Testing and API stubbing can all be automated using some of coolest testing tools like Mochajs, Artillery and Wiremock available in NodeJS. See how we can leverage cloud to make test automation for NodeJS application snappier. more
Technical level: Beginner
|
New Modularity in JS : ES ModulesSo you like es6, you have been using it for quite a while now but still can’t wrap your head around the “import”. How does modularity in node.js work, why is the good old require dead and what’s so cool about the new import more
Technical level: Intermediate
|
How to sort your socks using JavascriptNo matter your experience in JS, you have probably came across the Array#sort method at some point. Do you remember the first time you tried sorting numbers? You were probably astonished that the sort method does not sort things out quite as we might expect. more
Technical level: Intermediate
|
Javascript type systems - a land of surprisesAdding types-checks to Javascript sounded like a promising idea to me. Having created my fair share of undefined bugs, I was definitely interested. To be honest, I didn’t think there was so much to it. more
Technical level: Intermediate
|
An intro to WebAssembly - JavaScript on nitro!!JS is cool in many aspects. But is it really that performant when it comes to resource intenstive operations? How does WebAssembly aid JavaScript? more
Technical level: Advanced
|
Is Type safety really needed in JavaScript?Most JS frameworks and libraries today are opting for type safety to handle application complexity for large codebases. But is it really needed? Does that slow down development efforts and runtime performance? Or is it actually a good move? more
Technical level: Advanced
|
Reusing Components between Angular, React, Vue, Ember and Web-ComponentsEvery JS framework has it’s own implementation of Components. Is it possible to reuse components created in one library/framework into another? more
Technical level: Advanced
|
Hybrid Apps from a Ember/Vue/React PWAThis talk will cover taking an existing PWA and wrapping it as a native app - while adding custom mobile-only features (e.g. push). We’ll also touch on PWA performance, and what changes in a hybrid context. more
Technical level: Intermediate
|
Handling Angular 2+ Forms Without Losing Your Sanity“Why’d you have to go and make things so complicated?” - Avril Lavigne, implementing Angular 2 forms in 2018 more
Technical level: Intermediate
|
bring your hardware to the web!PWAs made us completely rethink what is possible on the web - and it’s time to do it yet again! With WebBluetooth and WebUSB we now have the ability to directly interact with millions of devices with just a few lines of javascript. In a fun and hands on talk, we go over how these new APIs work, and even implement our own device handlers all without ever having to have written a single line of cod… more
Technical level: Intermediate
|
Hybrid Apps from a Ember/Vue/React PWA with corberThis talk will cover taking an existing PWA and wrapping it as a native app - while adding custom mobile-only features (e.g. push). We’ll also touch on PWA performance, and what changes in a hybrid context. more
Technical level: Intermediate
|
Closure vs. Prototype: Getting the best of bothThere are two general approaches for defining objects in JavaScript: closure approach and prototype approach. This 4-min lightning talk will go over the characteristics of each approach. Then we’ll discuss forthcoming TC39 proposal which extends ES6 class, and hence combines the best qualities from each. more
Technical level: Intermediate
|
JavaScript for ArtistsModern JavaScript conventions, browser APIs, AI services and IoT hardware provide a unique platform for creating art. In this talk we’ll explore this type of creative, interactive application development and look at the libraries, APIs, services, hardware and approaches to creating expressive works with JavaScript — audio, visual and otherwise. more
Technical level: Intermediate
|
Channel your inner rockstar with the web audio API.The days when you needed a bunch of expensive musical equipment are gone. We all have devices with a web browser which is capable of creating, composing and modulating sound. The web-audio API makes it easier than ever before to create music on the web. It hosts an array of easy to use audio nodes, which take away a part of the hard work, while still allowing the desired flexibility to create the… more
Technical level: Intermediate
|
neonious one / JavaScript for IoTIntroducing a new generation of IoT microcontroller board. more
Technical level: Intermediate
|
(Math.random()*9)+1 Facts on Random Numbers & JavaScriptRandomization is an important tool in any developer’s toolkit, but do you know how it actually works? Did you know some approaches can be more “random” more
Technical level: Intermediate
|
JavaScript + MIDI + Microcontroller WorkshopMIDI is a niche protocol designed for musical instruments to talk to each other. It’s event-oriented approach to messages feels at home in the async world of JavaScript & Node. More excitingly, Chrome and Firefox now “speak” MIDI natively thanks to the WebMIDI API and W3C specification. more
Technical level: Intermediate
|
Pixel shaders based UI components + mini workshop let`s write your first pixel shader5 years ago shaders transformed game graphics and became the technology behind all the amazing VFX we see in computer games. Now they are ready to rock the Web. Shaders are widely used in computer graphics providing unlimited abilities and amazing performance however for Web apps they are still underutilized despite wide browsers support. This talk introduces pixel shaders theory / history and th… more
Technical level: Intermediate
|
Building Offline Apps for the Next Billion UsersAsia and Africa constiutes the world developing and underdeveloped countries. Citizens in such countries do not have access to good internet and are limited to poor 3G and worst case, 2G internet connection. This slide explains how to build web apps for such communities to enable them have experiences that are as good as what is already availble with fast internet connections. more
Technical level: Intermediate
|
Reactive Programming Demystified: Drink the Kool-AidThere will always be a new JavaScript framework to learn. Technology will continue to evolve and change, and developers will continue to rewrite applications. Wouldn’t it be amazing if we could just copy paste 90% of our code from framework to framework? more
Technical level: Intermediate
|
Managing application state without losing hairApplications state is at least 50% of building an application. Knowing how to do it effectively is the difference between making an app that makes you proud or makes you tear your hair out. In this talk I will share proven techniques for reducing application complexity that work equally well in all frameworks and state management libraries. more
Technical level: Intermediate
|
Building Robust Web Applications With RxJSWhat happens when your web app loses connectivity? What happens when it’s on a spotty mobile single? Despite using the latest and greatest frameworks, your push notifications and real-time application features won’t work well if your web socket disconnects or your HTTP requests won’t go through. more
Technical level: Intermediate
|
How to stay sane while managing complex state, in Vue.jsIs managing large amounts of data on the client-side of your application giving you bit of a headache? Don’t worry! I’ll show you some neat ways in how the Vue framework makes managing data a breeze. more
Technical level: Beginner
|
Understanding client side routing, with Vue.jsWhat does it actually take to construct a client side router? I’ll show you how to build a basic fully functional client-side router in Vue in under 50 lines of code. more
Technical level: Beginner
|
Docker for JavaScript DevelopersContainers, containers, containers. Containers everywhere! If you are involved in the software industry at any level, you will have heard about Docker or some similar containerization technology. Over the past few years, Docker has grown to become a mature piece of software with a vibrant community that carries radical implications for both developers and DevOps engineers alike. In short, Docker … more
Technical level: Beginner
|
The Curious case of the MonorepoMonorepos are a controversial idea and many think that they are bad practise. However, large companies like Facebook are actively using them to manage their projects. I will build a case for monorepos from first principles and share lessons learned while working on large digital transformations. In particular, I will disucss how to implement Monorepos in a javascript context more
Technical level: Intermediate
|
Demystifying dark art of SFC compilationVue single file components empower developers with the ability to write declarative render functions using plain HTML-like syntax. The so-called SFCs also provide features like collocation and scoped styles. We tend to use these SFCs effortlessly as any other JavaScript file but to reach that level of ease, Vue does the heavy lifting of transpilation. This talk takes a deep dive in the compilatio… more
Technical level: Advanced
|
You might not need a native app for this!A lot of developers seem to go to native (mobile) apps to solve complex problems. The web is evolving at a rapid pace, and for a lot of things we don’t need to go the native way anymore. From recording video to speech recognition, push notifications to getting the battery status, modern browsers host a whole set of APIs which help us achieve these things. Knowing some of these APIs exist might sp… more
Technical level: Beginner
|
Sweet Web Animations APIWe’ll figure out how awesome is the web platform and how fast it’s evolving. Back in the days, we used flash to make powerful animations, then the platform evolved and we had the power on the hands to make animations using JS libraries to make it a bit easier. Now you can simply do it using this sweet dream called Web animations API, it’ll provide you a bunch of interfaces and power to create lov… more
Technical level: Intermediate
|
Mining crypto in browser: WebWorkers, GPU, WebAssembly and all the good things to tryA year ago an unnamed investor asked me for a consultancy on topic:”If this is possible to mine crypto with JS using website visitors browsers?”. The talk shares some insights / outcome found during the research and gives an idea of what to expect when mining cryptocurrencies using a pool of browser based miners following the idea of using mining as a performance benchmark for different APIs of W… more
Technical level: Intermediate
|
ElectronJS Frame work for Cross OS Desktop app development.from the very basics to advanced level of developing Desktop apps in electron frame work. Using multiple ui frame works inside it, building the from single source code to deploy in Windows mac & linux environments. native dependent codes, notifications etc. application licensing and auto update. more
Section: Crisp talk
Technical level: Intermediate
|
Debugging JS - Leveraging the power of Browser Dev ToolsThis session would be about best practices to debug your JavaScript application in development as well as in production environment. It would talk about leveraging the power of browser developer tools to optimise the performance of your application. more
Technical level: Beginner
|
React meets Angular - Using React components inside your Angular apps.The talk is about using ReactJS components inside Angular applications. It is intended for those who are familiar with either React or Angular at a beginner level and those who are working on large scale Angular apps but want may find React to be the right choice for a particular use case. more
Technical level: Intermediate
|
Why GraphQL: A React Developer's PerspectiveThe hype around “GraphQL is better than REST” can be justified purely by the amount of tooling around it. With code generation, query validation, editor autocomplete coupled with an API Explorer, the life of a frontend developer has never been easier. This talk will explore how GraphQL makes the experience of a React developer better. more
Technical level: Intermediate
|
The Journey of Code SandboxCodeSandbox is an online editor tailored for web applications. In this talk, the creator explains why CodeSandbox was created, how it works and what the future holds. more
Technical level: Beginner
|
How to Write a Compass PluginCompass is a MongoDB user interface tool written for Electron using NodeJS and React. So what happens if a user has a feature request we can’t support? We let them do it themselves! This talk is about how we implemented a plugin architecture for Compass so that users can write their own features. I will demo Compass, describe the plugin architecture, and then live-code an example plugin. Attendee… more
Technical level: Intermediate
|
Writing testable Ethereum Smart Contracts and Decentralized Apps with NodeJSThis workshop combines to two hottest topics in software development: Blockchain development and JavaScript - Create powerful, end-to-end applications for Blockchain using Ethereum. This session will involve coding “smart contracts” using Solidity (https://solidity.readthedocs.io/en/develop/ - contract-oriented, high-level language for implementing smart contracts designed to target the Ethereum … more
Technical level: Beginner
|
Bringing Mobile Web back to LifeWe rebuilt the whole mobile web experience for authenticated users in 11 weeks only! It looks and feels just like our native apps while maintaining the fast load times expected of mobile web. We used cutting edge technologies which led to a 40% increase in each of our core engagement metrics and up to 30% in time spent. But it was not all sunshine and rainbows ! In this talk I will share challeng… more
Technical level: Intermediate
|
Don't npm installImagine a world where you don’t need to npm install. Imagine if new project onboarding was as simple as npm start. Imagine all developers on your team were working in the exact same, preconfigured environment, isolated from the different set up of each one’s system, all the while without node_modules installed. Furthermore, what if this environment was as close to production as possible? This mig… more
Technical level: Advanced
|
Break MORE Things?!?“Sorry, try again later.” It is the scariest message a user can see. Our users deserve better. What if we chose to embrace failure instead of avoiding it? For instance, we could consume API requests through observables instead of through promises. With multi-value responses, we can: render from cache while concurrently fetching real-time data, secretly attempt retries on failure, transparently av… more
Technical level: Intermediate
|
Thinking Reactively with RxJSHandling the flow of asynchronous data streams has always been a challenging task. Callbacks offer the quick solution. Then came promises which made it easier to write and maintain code around such data streams. Reactive programming is another take on the problem. With implementations in languages like .net, java, scala, JavaScript etc, with big names like Google, Microsoft, Netflix actively supp… more
Technical level: Intermediate
|
No more Electron: Native desktop applications using JavascriptUse Proton Native to create native applications through a React syntax, on all desktop platforms. more
Technical level: Beginner
|
The Best ReactJS Starter Project ?After crossing the hurdle of React vs Vue vs Preact vs Angular etc. If the winner is React (need not be), the next hurdle is which React project to start from. In this talk We will compare some of the popular projects from the React ecosystem. more
Technical level: Intermediate
|
Scalable Angular ArchitectureBuilding scalable software can be a challenging task. When we think about scalable front-end application, we can think of increasing complexity, more and more business rules, growing amount of data loaded into the application and large teams often distributed around the world. In order to deal with mentioned factors to increase the quality of delivery and prevent technical debt, robust and well g… more
Technical level: Intermediate
|
Tearing down & exploring - RsJSJust like JS itself, it’s extreemly easy to get started with RxJS. Having being included as a core library in Angular means that for some of us, it’s even necessary to get started with it. As the library exposes very clear-to-understand API, it’s eaven more easier to somehow just get things going and not bother about it. This has never been a good idea. This talk focuses on explaining the core bu… more
Technical level: Advanced
|
jQuery: To Do or Not To DojQuery is a small, lightweight and feature-rich Javascript library. It helps in a lot of DOM related manipulation, event handling, DOM traversal, animations and many more using a very simple API. more
Technical level: Intermediate
|
Cross browser extensions - lets make oneBrowsers are built on very simple principle - “one fit that suits all”. Browser extensions are the thing that help us to personalize the browser as per our need. We use number of browser extensions to make most of our browser. How about being on other side of table; lets create one. Webextension APIs are here to convert us(Javascript developers) to extension developers. Javascript mixed with Webe… more
Technical level: Intermediate
|
Forming Forms with AngularIn any application, forms are a necessary evil. To make the application more interactive and engaging, forms play a crucial role. more
Technical level: Intermediate
|
Machine Learning on Browser using TensorFlow.jsWhen we talk about machine learning it is usually languages like Python or statisticaly packages like R which comes to our mind. JavaScript could be the last to come up in the list, since it is usually associated with web development or server side Node.js. more
Technical level: Intermediate
|
The Progressive FrameworkVue is versatile, approachable and incredibly performant. This session demonstrates on progressive nature of Vue. more
Technical level: Intermediate
|
Breaking Down Your Web AppLet’s face it – it’s not a question of if your codebase will become a horrible, unmaintainable mess, it’s only a question of when. What architecture patterns and strategies are there to break down your web application’s code into cleanly separated components, lego bricks that you can simply replace with shiny new ones when they have become rotten? In my talk, I’ll show you how to be proud of writ… more
Technical level: Intermediate
|
Writing a Babel codemod pluginOften we want to mass-transform some code throughout our JS codebase - the kind where you have a formula for when to make the transformation, but it’s not as easy as doing a find/replace. Babel plugin codemods are the answer to that situation as they help you automate mundane tasks. more
Technical level: Intermediate
|
Change Detection in FrameworksWhat is that one thing because of which a JS framework just clicks for you? It’s ability to handle changes in states and models, and taking care of the UI updates. Let’s take a brief tour of how change detection has been happening over the years - from the infancy of JavaScript to the modern hipster frameworks - and while we do that let’s take a close look at how the top 3 (unofficial!) JS framew… more
Technical level: Intermediate
|
Hey Alexa, let's build an Alexa Skill using NodejsThis is the era of voice, plain and simple! Siri, Google Assistant & Alexa, all have made an undeniable impact. AI, one the application of Machine Learning, is the new buzz-word and backbone of voice-user interface. In this talk, I will discuss best practices of building Alexa Skills using Nodejs. more
Technical level: Intermediate
|
Reactive programming with ObservablesWith evolving JavaScript and Angular community, there is a need for a robust solution which can asynchronously handle multiple requests without clogging the incremental flow of the execution. Although, JavaScript offers Promises, Event Emitter or Callbacks to solve the very same purpose, but each has its drawbacks. To handle such asynchronous data streams, we need Reactive Programming. One of the… more
Technical level: Intermediate
|
A glimpse of GraphQL: Frontend developers’ life is easy now!With the Internet now Mobile, the focus has shifted to build optimistic UIs, having high productivity and easy maintainability. Also the current API versioning and depreciation system makes life hard for frontend engineer. GraphQL fixes these problems by introducing a transparent transformation layer which decouples the client with the REST API system. GraphQL provides out of the box support for … more
Section: Crisp talk
Technical level: Beginner
|
Micro-frontends using stencil.js: Scaling internal frontend productsHave you ever have to extend a legacy monolith? Have you ever wondered why you can’t make a new module in the technology of your choice? Have you ever envied backend devs for having this great architectural pattern called microservices? This talk will help you extend the microservices pattern to the frontend. Starting from the reasoning for why this pattern make sense for frontend to what are the… more
Section: Full talk
Technical level: Intermediate
|
A Case for Serverless CMSIn 2015, carbon emissions from data centers have exceeded the carbon emissions from air travel. We’ve been adding 16 mn websites every month. Wordpress runs on servers and needs constant server resources to run instead of dynamic allocation. We aim to change this with Lesspod: GPL 3.0 Serverless CMS. more
Section: Crisp talk
Technical level: Intermediate
|
Kickstarting Your Journey to Progressive Web AppsThe web is now an even more exciting place to develop, but you may be confused by the changes and not know where to start. This talk with cover how to take a website and turn it into to a Progressive Web App experience, discuss starting points, process, options and tools, and learn about caveats of PWA development and their solutions. more
Section: Full talk
Technical level: Intermediate
|
React + Redux - The Art of Functional ProgrammingWhen you pick React + Redux for next project, you adapt Functional Programming paradigm subconsciously, mesmerized in functional world, rather than Object Oriented paradigm. React is a library, Angular is a framework was an old thought. React + Redux is all about building predicatable, stable application using functional styles. 90-95% of the applications can be build using Functions. In this tal… more
Section: Full talk
Technical level: Intermediate
|
Bring your own App to Ionic workshopWe can work through live coding of some fairly app and experience the power of Ionic first hand. more
Technical level: Intermediate
|
Modern JS Apps and Security ConsiderationsWith a fast-changing shift in the way legacy web apps converting to Universal Rendering based Tech stack, we as Front-end developers need to transform ourselves with same speed. Security is one important NFR that needs to be relooked in Universal Applications and I am going to cover best practices that we applied in our React based Application using Express. more
Section: Full talk
Technical level: Intermediate
|
Server Side rendering with ReactJSA workshop on creating a server side rendered ReactJS application. more
Section: Workshop
Technical level: Intermediate
|
OpenUI5 Javascript UI FrameworkOpenUI5 is an open source JavaScript UI library, maintained by SAP and available under the Apache 2.0 license. Build enterprise-ready web applications, responsive to all devices and running on the browser of your choice. OpenUI5 is a web toolkit for developers to ease and speed up the development of full-blown HTML5 web applications providing 200+ built in UI controls. Session is intended to web … more
Section: Crisp talk
Technical level: Beginner
|
Travelling the World as a Web DeveloperDescription If you had to choose one, which one would you pick? more
Section: Full talk
Technical level: Beginner
|
User Experience for Inclusion and DiversityThis talk is for everyone, from beginners to experts in the field. In today’s world the words “diversity and inclusion” form a part and parcel of all of our conversations. Corporates use them in their policies, events highlight them, brands support them. When it comes to the tech space, we have all seen our shortcomings when a visually impaired person has to navigate our elaborate UIs and someone… more
Section: Crisp talk
Technical level: Beginner
|
Code Sharing In Js for React Native and React JsHow Js has made our life easy. So we write code only once and share between web ,IOs and Android more
Section: Crisp talk
Technical level: Intermediate
|
Typescript and Functional Programming to the Rescue !How TypeScript overcomes pitfalls in Javascript especially when dealing with large codebase, and How Functional Programming complements it and together makes programming Awesome! more
Section: Full talk
Technical level: Intermediate
|
Modern Web Testing: Going Beyond SeleniumIn this talk, we will explore how testing of Modern Web Frameworks requires more than simply using Selenium, and how to choose the right tool for the right problem. more
Technical level: Intermediate
|
Domain Driven Testing: Know What You’re DoingIn this talk, we will discuss why testing goes beyond simply following Acceptance Criteria, and how to utilize knowledge of your Domain to improve both quality of your product and User Experience. more
Technical level: Intermediate
|
From Sketch To Code: Designing a Component KitWith clever organization and storybook on our side, managing shared components has never been easier. After working on multiple enterprise projects that use the same components it became a little overwhelming, but it does not have to. I will talk through how to create an effective workflow by showing examples of what worked and did not work for our team, from design QA to constant props. As well … more
Technical level: Intermediate
|
Hooking up with ReactReact v16.7.0-alpha has introduced a new Hooks API that completely changes how we used to think about state management in React. In this talk, you will learn about what Hooks are and when it makes sense to use them. It will better prepare you to really make the best use of what React has to offer. more
Technical level: Advanced
|
Building Serverless Web Applications with React and AWS AmplifyBuilding a modern production-ready web application entails many crucial yet sophisticated requirements including but not limited to authentication, analytics, an API layer, storage, caching, & offline functionality. more
Technical level: Intermediate
|
Building Serverless Mobile Applications with React Native & AWS AmplifyBuilding a real-world mobile application entails many basic yet sophisticated requirements including but not limited to authentication, push notifications, analytics, an API layer & storage. In this talk, I’ll introduce the (yet to be released) AWS Amplify CLI, a CLI that allows developers to quickly scaffold cloud enabled services like user-signin, a GraphQL API, Lambda functions, analytics, & e… more
Technical level: Intermediate
|
Translating ReactWe often use React and write JSX without thinking about the syntax. But what’s React actually doing under the hood? What’s that JavaScript look like? more
Technical level: Beginner
|
ReactJS + Unity3D: Mixing the best from two worldsWhat kind of super powers will we get mixing up the best up to date UI development framework and the best game development platform which provides AAA 3d graphics capabilities via WebGL? more
Technical level: Intermediate
|
Node.js Microservices Architecture using Docker for developersA microservice is a single self-contained unit which, together with many others, makes up a large application. By splitting your app into small units every part of it is independently deployable and scalable, can be written by different teams and in different programming languages and can be tested individually. more
Section: Workshop
Technical level: Intermediate
|
Maximize Your Frontend Performance Optimization GainsWhen you decide to improve a web-site / web app performance, it is important to first focus on ‘what’ to optimize before focussing on ‘how’ to optimize. This talk explains why this matters. It then goes into details of how to do so in a data-driven way to maximize the gains from your performance improvements. more
Section: Full talk
Technical level: Intermediate
|
Building a React based design systemAny large project will benefit immensely from a design system based approach to managing branding and UI components repository. UI frameworks come and go, and correspondingly we need to keep migrating the design system to current framework used by the developers in the project. more
Technical level: Intermediate
|
React-16 HooksHooks are an upcoming feature that lets you use state and other React features without writing a class. They’re currently in React v16.7.0-alpha. more
Technical level: Beginner
|
Building Web Apps like it's 197246 years have passed since the dawn of the Xerox Alto machine and its incredible UI and UX, brought straight from the future. Smalltalk, Message-passing, and a balanced mix of Functional and Object-oriented Programming made it all possible; a mix later to be quietly rediscovered as the Actor-model. more
Technical level: Intermediate
|
Performance Budgets: The what, why and howAre too many design and product considerations bringing you down? Learn how to simplify the conversation around feature development with Performance Budgets! In this talk, you’ll hear about why they are useful, how to set them up, track them and use them to keep your site performance under control! more
Technical level: Beginner
|
React, D3 and their ecosystemReact and D3 are UI tools designed for goals that sometimes collide. Both take control of the DOM in different ways. How can we make them work together? We will see how to build React projects with the power of D3, using different techniques and the best libraries for your work or side projects. more
Technical level: Intermediate
|
A/B Testing in React: Building Data-Driven UIBuilding a good UI is hard. Building a good UI that will delight your users is even harder. By incorporating A/B testing into your UI, you can stop guessing what your users love and start making data-driven UI decisions! more
Section: Crisp talk
Technical level: Intermediate
|
Generating Fractals in the Browser With Rust and WebAssemblyWebAssembly is a low-level instruction format designed to be a compilation target for systems programming languages such as C, C++, and Rust. Code compiled to WebAssembly executes at near-native speeds, allowing you to write performance-critical parts of your JavaScript application in a lower-level language for a significant performance boost. more
Technical level: Advanced
|
Writing Custom ESLint PluginsESLint is great for ensuring that all contributions to your codebase follow a uniform style. With a few lines of configuration, it lets you scan your code for style violations such as missing semicolons, unused variables, and inconsistent brace styles. more
Technical level: Advanced
|
Using React Hooks & GraphQL Subscriptions to Build "Reusable" Realtime FeedsReact hooks are a super exciting feature, but considering how new it is, examples on how to use it to make the behaviour “reusable” within and across apps are still emerging. more
Technical level: Intermediate
|
Code Sharing between React Native and React JsHow is code sharing made possible. Write code once and share it with mobile and web apps. Ways and methods by which we make it possible more
Technical level: Intermediate
|
Browser Rendering Optimization and Reacthow browser understands, builds and displays DOM, how we can optimize our code to get “app-like” user experience, how chrome devtools and React can help in achieving this more
Technical level: Advanced
|
Data-Visualization: The path to declaratively visualized future using ReactWe live in an era of data explosion, when nearly every application we develop uses or leverages data to improve the experience delivered to the users. Sometimes, the best feature we can deliver to our users is the data itself. However, table and number charts are often tiring to read and it can be hard to draw actionable insights from large data tables. Instead, we can use neat data visualization… more
Technical level: Beginner
|
Building data driven AR experiences powered by GraphQLIn this talk we will see how GraphQL can power React Native AR apps to focus on presenting or manipulating digital data in the real world making our apps more immersive and engaging for end users more
Technical level: Intermediate
|
(Workshop) Building Augmented Reality game with React NativeAugmented Reality is not only a buzzword, it’s also a global trend, lots of companies invest into. Last year Apple and Google introduced ArKit and ArCore as iOS and Android solutions for building mobile apps. In this workshop we will see how we can use these frameworks from within React Native application and will build an Augmented reality game. more
Technical level: Intermediate
|
Manage the cost of JavascriptThe outline of my talk How does browser work? What does it mean by the cost of Javascript? more
Technical level: Advanced
|
React, D3 and their ecosystemBoth React and D3 are two excellent tools designed with goals that sometimes collide. Both take control of user interface elements, and they do so in different ways. How can we make them work together while optimizing for their distinct advantages according to your current project? more
Technical level: Intermediate
|
React State vs Redux vs MobX vs ContextReact’s Context API provides a way to pass data through the component tree without having to pass props down manually at every level. When Context stable API was released with React v16.3.x, there were articles and discussions across the web proclaiming that it’s the death of Redux. more
Technical level: Intermediate
|
Hitting 60 FPS: How to Discover and Fix Performance Issues in React ApplicationsIn this hands-on session, I will dive deep into the Chrome Developer Tools and walk you through discovering and fixing common performance issues that affect React applications. more
Technical level: Intermediate
|
Your Next Game - Built by ReactThe internet offers an endless amount of simple online games like solitaire, minesweeper and hearts. However, these games are usually done with terrible UI/UX, lame graphics, full of banners and ads, and (dare I say it), built on FLASH. more
Technical level: Beginner
|
React Suspense for people in a hurrySince Ajax became popular, developers have been using it to improve the perceived latencies by showing a placeholder loading animation while the data is fetched in the background. It is a good solution, which allows non-critical resources to be loaded later. Developers continued to used this approach with newer JavaScript frameworks like Angular, React, VueJS etc more
Technical level: Intermediate
|
Face detection with React and WebRTCWebRTC is technology that give us power of having camera and audio in browser to do crazy things such are: face recognition, ID detection, voice detection...all the things that are knocking the door to more sophisticated authentication for our projects. Combined with React and it’s state managers it give us insane possibilities. more
Technical level: Intermediate
|
Architecting presentational and container components in React apps using ReduxCorrectly organizing our components makes our code efficient brings increased performance to our React/Redux apps and facilitates later maintenance. Learn here to restructure your code into container (accessing redux store) and presentational (rendering html) components. Jump in, it will be fun! more
Technical level: Intermediate
|
Web Security: everything a web developer should knowAs software engineers, we often think of security as an afterthought: build it, then fix it later. more
Technical level: Intermediate
|
You are doing testing wrongWriting react tests has been complicated and challenging because of the generalised dogma of testing implementation details over workability and user interactions and interfaces. more
Technical level: Intermediate
|
React and TypeScript, an interesting comboLet’s be honest. JavaScript is a weird programming language. Douglas Crockford, the creator of JSON said this about it: more
Technical level: Intermediate
|
Journey from Angular 1.x to React in our organizationAlmost everyone knows Angular 1.x framework and pain points in handling big application built-in Angular 1.x. Most of us think of migrating to React but it become nightmare to convince business to stop enhancement and migrate to React. Because business requirements drive the need of tech stacks not the wise versa. more
Section: Crisp talk
Technical level: Intermediate
|