Conf42 JavaScript 2020

Milecia McGregor Senior Software Engineer @ Conducto LinkedIn: https://www.linkedin.com/in/milecia/ 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. --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Ahmed Bankole Software Engineer @ Ambiantic AI LinkedIn: https://www.linkedin.com/in/geekyahmed/ 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. --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Kevin Scott Creator of Upscaler.js LinkedIn: https://www.linkedin.com/in/evyatar-alush-5b760866/ 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. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Renaldi Gondosubroto Founder of Gres Studio LinkedIn: https://www.linkedin.com/in/renaldigondosubroto/ 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! — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Michael Solati Developer Program Engineer @ Google LinkedIn: https://www.linkedin.com/in/michaelsolati/ 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. Learn what makes a progressive web app so progressive and some of the tooling you can use to build amazing (web) apps! --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Joe Karlsson Developer Advocate @ MongoDB LinkedIn: https://www.linkedin.com/in/joekarlsson/ 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. --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Colby Fayock Front End Developer @ Element 84 Talk resources: https://www.colbyfayock.com/conf42-2020 LinkedIn: https://www.linkedin.com/in/colbyfayock/ 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. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Alush Evyatar Front End Developer @ Facebook LinkedIn: https://www.linkedin.com/in/evyatar-alush-5b760866/ Vest is a framework agnostic form validations framework inspired by unit testing frameworks syntax. Learn how to easily validate complex validation logic and make your app more maintainable while at it. Vest is a relatively new form validations framework that introduces new syntax for form validation. It makes it simpler to read, write and maintain your validation code. I will demonstrate to you the benefits of using Vest by live coding form validation from scratch - showing how what used to be hard is now actually pretty easy. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Victor Lebrun Web Developer @ Theodo LinkedIn: https://www.linkedin.com/in/victor-lebrun-108046a4/ 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. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Alejandro Mercado CEO @ KMMX LinkedIn: https://www.linkedin.com/in/alexmarket/ 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. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Joe Karlsson Developer Advocate @ MongoDB LinkedIn: https://www.linkedin.com/in/joekarlsson/ 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? --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Francesco Leardini Senior Software Engineer, Angular Trainer @ Trivadis LinkedIn: https://www.linkedin.com/in/leardini81/ 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. --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Yang Zhang Co-Founder of Plasmic LinkedIn: https://www.linkedin.com/in/yzhang/ 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. — 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis — 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Majid Hajian Software Developer LinkedIn: https://www.linkedin.com/in/mhadaily/ 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. --- 🥈 Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk — Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Joe Karlsson Developer Advocate @ MongoDB LinkedIn: https://www.linkedin.com/in/joekarlsson/ 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. --- 🥈Silver Sponsors: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk --- Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y

Colby Fayock Front End Developer @ Element 84 Talk resources: https://www.colbyfayock.com/conf42-2020 LinkedIn: https://www.linkedin.com/in/colbyfayock/ 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: Element 84 Google KMMX Plasmic Theodo Trivadis --- 0:00 Intro 0:17 Talk --- Website 🚀🪐 https://www.conf42.com Reach out 📧📭 mark@conf42.com Conf42 Discord 🧑‍🤝‍🧑💬 https://discord.com/invite/dT6ZsFJ5ZM LinkedIn 👨‍💼💼 https://www.linkedin.com/company/49110720/ Twitter 🎵🐦https://twitter.com/conf42com Conf42Cast @ Spotify 🎧 https://tinyurl.com/bnyj6a8y