JAVASCRIPT

SEPTEMBER 30 2020

ONLINE
SESSION

  • Twitter
  • YouTube
  • LinkedIn
  • Facebook

Making VR More interesting

with JavaScript and Brain.js

TALK BY MILECIA MCGREGOR

SENIOR SOFTWARE ENGINEER
@ CONDUCTO

You can start making VR apps right now with JavaScript. Once you have your VR app ready to go, you can go a step further and add Brain.js to use machine learning to make real-time updates to the UI and get insights on how users interact with your app.

If you are familiar with JavaScript, you can start making VR applications right now. These can be web apps, mobile apps, or even games and you can build it all within the JavaScript ecosystem. Once you have your VR app ready to go, you can go a step further and add Brain.js to start getting insights about how users interact with your app and make real-time updates to the UI.

Building Awesome

UI Applications With Vue

TALK BY AHMED BANKOLE

SOFTWARE ENGINEER @ AMBIANTIC AI

I build solutions for the average US elderly citizen. I have been into web development for 3 years and my journey has been quite a fascinating and rough road. I have a passion for building the open source community among developers.

This talk is aimed at how developers can build better and awesome UI web applications using Vue. It breaks down how Vue works and why it is useful for frontend developers who use Vue or interested in learning Vue.

Building (Progressive) Web Apps

TALK BY MICHAEL SOLATI

DEVELOPER PROGRAM ENGINEER

@ GOOGLE

The web is advancing at an unprecedented rate, and we should be taking advantage of this. I go over what makes a PWA amazing and how to make beautiful web apps that blur the lines with native apps, with their UI and offline capabilities; so much so that users might not even tell the difference.

 

Most people think if they want to build an app they must build two apps for Android or iOS. The web has become so much more powerful in what we can do though. JavaScript frameworks allow developers to build powerful web app with a fraction of the time and resources of native apps. While tools like Ionic are allowing developers to make beautiful web apps that look and behave so much like native application with their UI and offline capabilities; so much so that users might not even tell the difference. Even cooler is now you can install apps from the web onto your phone like a native app. The web is advancing at an unprecedented rate, and you should be taking advantage of this.

 

From SQL to NoSQL:

A Gentle Introduction For Developers

TALK BY JOE KARLSSON

DEVELOPER ADVOCATE

@ MONGODB

When you need to model data, is your first instinct to start breaking it down into rows and columns? Mine used to be too. When you want to develop apps in a modern, agile way, NoSQL databases can be the best option.

Put Down Javascript - How Building Fundamentals Will Help You Level Up

TALK BY COLBY FAYOCK

FRONT END DEVELOPER

@ ELEMENT 84

A growing trend in the front end world is the idea that you can dive right in to Javascript and succeed. For better or worse you probably can, but you’re building on top of a fragile foundation. We’ll talk about how you can level up your Javascript by getting back to the basics of HTML and CSS.

Seasoned and beginner alike, developers have a habit of jumping right into a framework or new technology that makes a lot of promises while also glazing over important fundamentals that without, tend to hold back a website or application’s potential. Without some basic knowledge of HTML, you might inadvertently exclude people from learning about your company through your website due to poor accessibility. Lacking an understanding or simply being afraid of CSS, you might be more prone to add unnecessary libraries on top of libraries that just add to the weight of the page, impacting how quickly your app can load.

Image Super-resolution in Javascript

TALK BY KEVIN SCOTT

CREATOR OF UPSCALERJS 

Ever wanted to zoom and enhance an image, as seen in the movies? Now you can, with Javascript! UpscalerJS is a tool built with Tensorflow.js to upscale images to 2, 3, or 4x, all in the browser. In this talk, you’ll learn how to leverage the power of neural networks in your apps.

It can't be this easy. 
Form validations with Vest

TALK BY ALUSH EVYATAR

FRONT END DEVELOPER
@ FACEBOOK

Vest is a framework for form validation inspired by style and syntax of unit testing framework. It gives you a declarative structure to express your form validations, separated from your feature - allowing you to write your validations faster, with more confidence and without making changes to your feature logic.

 

We will take a deep dive and together implement Vest in an existing form, and learn how to use some of its most useful features.

Canvas pixels transformation:

beauty comes slowly

TALK BY VICTOR LEBRUN

WEB DEVELOPER @ THEODO

How to turn maps or any image into beautiful mosaics with the Canvas api? I have a passion for maps and their aesthetics. With my project, I transform the canvas of a `Mapbox` map into a color mosaic.

However, my algorithm runs through all the pixels of the canvas, which takes a long time: more than 2 seconds to render a map on a fullHD screen. I started exploring the WebGL API to speed up rendering.

Back to the Future!

From C++ to JS

TALK BY ALEJANDRO MERCADO

CEO @ KMMX

C / C++ is known to be a very powerful language, due to its performance is often used to develop game engines, embedded systems, and desktop apps. This talk is about how to integrate C++ code with Web Assembly in JS projects and why we would want to do that.


Back to the old school days, I remember writing a lot of C/C++, as my primary language, for a lot of academic projects. C /C++ is known to be a very powerful language. Thanks to C/C++’s performance, it is often used to develop game engines, embedded systems, desktop apps, etc. Nowadays, It sounds a little weird to do web development with languages like C/C++, Prolog, Perl, and many other good languages that are not considered web languages.

MongoDB Schema Design

Best Practices

TALK BY JOE KARLSSON

DEVELOPER ADVOCATE

@ MONGODB

Have you ever wondered, "How do I model my schema for my application?" It's one of the most common questions devs have pertaining to MongoDB. And the answer is, it depends. This is because document databases have a rich vocabulary that is capable of expressing data relationships in more nuanced ways than SQL.

 

There are many things to consider when picking a schema. is your app read or write heavy? What data is frequently accessed together? What are your performance considerations? How will your data set grow and scale?

Offline web apps don't exist anymore!

TALK BY FRANCESCO LEARDINI

SENIOR SOFTWARE ENGINEER

AND ANGULAR TRAINER

@ TRIVADIS

Progressive Web Applications are the state of art of modern web solutions. With the proper caching strategy it is possible to drastically improve the overall performance and providing data even without a network connection.

 

In an increasingly mobile first world, optimising the time to load of web pages can be the success of our business. In this presentation, we’ll focus on how to ensure that our apps are fast, native-like and able to provide a truly seamless experience, delivering a unique experience to our users.

Building React frontends visually

TALK BY YANG ZHANG

CO-FOUNDER @ PLASMIC

Plasmic is a novel visual builder for React and the web generally. It enables super-fast creation of maintainable, production-ready presentational components that can be imported into arbitrary codebases.

Design tools are fast and amazing tools for thought, but for a host of reasons are limited to creating drawings rather than production assets. Developers must instead re-create surfaces from scratch, by hand, using code (often heavily using tools like the Devtools CSS inspector, the closest thing developers have to a design tool). This inevitably leads to discrepancies and back-and-forth with the design team, and ultimately two sources of truth that are never truly in sync.

Let the main thread breathe!

TALK BY MAJID HAJIAN

SOFTWARE DEVELOPER

The main thread, on the web, has a lot of responsibilities. At the same time, web apps are getting more sophisticated every day. Therefore, the main thread gets too busy that will disappoint our user by showing janky frames! The off-main-thread architecture ensures apps run smoothly on every device for everyone.

In this talk, we will go through the possibilities in browsers such as WebWorker, Worklet, and WebAssembly by introducing practical tools that allow us to boost our user experiences.

Using Our Own Custom Graphics Library to Show Them Analytics!

TALK BY RENALDI GONDOSUBROTO

FOUNDER @ GRES STUDIO

Already got bored of those using those default graphics libraries like Canvas? Why not create your own Graphics library then?

 

This talk will show how to create a graphics library from scratch and how to best use the latest tools in Javascript to best add on to make it a ready-to-use product!

An Introduction To IoT (Internet of Toilets 🚽); Or How I Built an IoT Kitty Litter Box Using JavaScript

TALK BY JOE KARLSSON

DEVELOPER ADVOCATE

@ MONGODB

My favorite things in life are cats 🐈, computers 🖥 and crappy ideas 💩, so I decided to combine all three and make an IoT (Internet of Things) litter box using a Raspberry Pi and JavaScript! If you have ever wanted to get build your own IoT project, but didn’t know how to start, then this is the talk for you.

Together, we will go through how I setup my IoT Litter Box from start to finish. Including how to setup Node.js on a Raspberry Pi and how to connect sensors to a Raspberry Pi and how to read the sensor inputs with Node.js.

Building Maps with Impact on React and the JAMstack

TALK BY COLBY FAYOCK

FRONT END DEVELOPER

@ ELEMENT 84

We take for granted being able to find a gas station on our phone, but those maps not only help find that needed coffee fix - they help scientists and first responders save lives. We’ll talk about the impact maps can have and the challenges in developing these tools with Javascript and the JAMstack.

Working on building apps and interfaces is as challenging as it is rewarding. On one hand, being able to work on tools scientists use every day and giving first responders the ability to help save lives is rewarding in itself, but getting to those goals is technically challenging considering building an application with useful map features, making it intuitive, and having infrastructure behind it that gives the map the features needed to be useful in the first place.

SILVER SPONSORS