Colby Fayock

TALK BY COLBY FAYOCK
FRONT END DEVELOPER @ ELEMENT 84

Talk ressources: https://www.colbyfayock.com/conf42-2020

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 and Trivadis

0:00 Intro
0:17 BUILDING MAPS WITH IMPACT ON REACT AND THE JAMSTACK

🪐 conf42.com
🐦 twitter - @conf42com

Building maps with Impact on React and the Jamstack | Colby Fayock | Conf42: JavaScript

TALK BY COLBY FAYOCK
FRONT END DEVELOPER @ ELEMENT 84

Talk ressources: https://www.colbyfayock.com/conf42-2020

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 and Trivadis

0:00 Intro
0:17 PUT DOWN JS 

🪐 conf42.com
🐦 twitter - @conf42com

Put down JS - how building fundamentals will help you Level Up! | Colby Fayock | Conf42: JavaScript

Getting satellite imagery and remote sensing data in the hands of scientists and first responders helps to increase the potential to save lives and have an impact on the world. The tooling needs to be fast and reliable, help reduce time-to-science, and be cost effective–allowing teams to focus their limited funds on bigger problems. We’ll talk about how we tackled these challenges with the Jamstack to provide search for NASA, satellite tasking for Capella Space, and tools for disaster response.

Bringing Remote Sensing and Disaster Relief to the Jamstack

How to build powerful yet intuitive map interfaces with everyday technologies like JAMstack, React, and Leaflet — and how they can help save lives

Links:

 * more on the talk: https://2020.accento.dev/talks/impact-react-jamstack/
 * more on Colby: https://2020.accento.dev/speakers/colby-fayock/
 * Colby on Twitter: https://twitter.com/colbyfayock
 * Colby's website: https://www.colbyfayock.com/

Chapters:

0:00 Intro
1:10 Talk
28:54 Q&A

"Building Maps with Impact on React and the JAMstack" - Colby Fayock

Colby Fayock is a Lead UX & Front End Engineer at Element 84. Colby provided an overview of different uses of maps on websites, as well as how to build map apps using React Leaflet and Gatsby. By using Gatsby, he was able to focus on building a map, not a whole frontend from scratch. He helped create a Gatsby recipe to automatically add React Leaflet to a project, as well as a Gatsby starter and theme.

Maps are used in all sorts of websites, from showing local restaurants to images taken by satellites. Colby explains how mapping apps can be just like any other JAMstack app, with JavaScript and data from APIs compiled down into markup that can be deployed on several different services. Gatsby’s strength here is that it allowed him to avoid hassles with tooling and create a recipe, starter, and even component library to make future projects easier. Element 84 built Fogg, its component library, as a Gatsby theme, so that it’s easy to plug into a project.

Want to keep up with Colby or ask him questions about his tutorial? Follow him on Twitter @colbyfayock! And, be sure to check out his newest book, Jamstack Handbook: https://jamstackhandbook.com/

Supercharge your Map Apps with Gatsby, with Colby Fayock

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.

We’ll talk about the technical challenges we face building maps and how the JAMstack has helped with that process. Attendees can learn how the technology we use every day can help save lives as well as a brief overview of the Javascript libraries used to render maps in a browser such as React and Leaflet. Maps are a powerful tool that provide much more than we take for granted and can help people understand another powerful use case of the tools they work with everyday.

Building Maps with Impact on React and the JAMstack by Colby Fayock

"Put Down the Javascript: Level Up with the Fundamentals of Web Development" - Colby Fayock at #Byteconf React 2020

Follow Colby Fayock on Twitter: https://twitter.com/colbyfayock

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.

In this talk, we’ll go over some basic HTML and CSS strategies that can immediately be used right along side of your favorite Javascript frameworks like React that will provide another range of benefits like better accessibility, simpler code, and ways you can improve SEO by letting search engines like Google more easily figure out what your page is about.


#Byteconf React 2020, a fully remote + free two-day React conference, went live on May 1st & 2nd, 2020. Subscribe to our channel so you don't miss our future free events!

🐦 Follow Bytesized Code on Twitter  https://twitter.com/bytesizedcode  

🐦 Follow your host Kristian on Twitter  https://twitter.com/signalnerve 

Join our Discord: https://www.bytesized.xyz/discord


Join our Patreon for only $5/mo and you'll get early access to our videos, and shout-outs during future Byteconf streams: https://www.patreon.com/join/bytesizedcode

Thanks to our patrons – Art, Jacob, Jan, Jared, Jeanne, Jen, Juan, Lars, Remy, and Ryan!

 ---

💛 BYTESIZED CODE is building a developer community for everyone! We publish weekly programming tutorials and guides, and also produce the unique online conference Byteconf, where developers around the world learn in a live-streamed, 100% free dev conference. Join our community! https://www.bytesized.xyz

WEB DEVS: BEFORE JS, LEARN THE FUNDAMENTALS

Summary
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.

Colby Fayock is a Senior Front End Engineer and UX Designer at Element 84 in Alexandria, VA. Some of the projects Colby and his team have worked on include NASA and commercial satellite mapping interfaces, as well as helping first responders with Disaster Response solutions.

FrontConf 2020 Sponsors job offers:
Jambit - (Senior) Frontend Developer (m/w/d) in München: https://www.jambit.com/arbeiten-bei-jambit/jobs/frontend-developer/
xbAV - Frontend Developer (m/f/d) https://www.xbav.de/en/karriere/frontend-developer-mfd
Celonis - Senior Frontend Engineer (m/f/x) https://www.celonis.com/careers/jobs/categories/engineering?id=4012484003&location=Munich%2C%20Germany

FrontConf 2020 - Colby Fayock - Building Maps with Impact on React and the JAMstack

Welcome to the recording of the Global React Meetup hosted by This Dot Media.  

Speakers: 

Ryan Dsouza (@ryands1701)

&

Colby Fayock (@colbyfayock)


Host: Pato Vargas, Senior Software Engineer, This Dot Labs

This Meetup is sponsored by This Dot Labs, a web, mobile, and cloud consultancy offering services including mentorship, training, staff augmentation, and consulting. 

Whether you need help with React, Angular, Vue, Node, Bazel, mobile, GraphQL, .Net, Kubernetes, GCP, AWS, Azure, or more, you can find us online at thisdotlabs.com.

Global React Meetup featuring Ryan Dsouza and Colby Fayock

"Building Maps with Impact on React and the JAMstack" by Colby Fayock – Frontrunners React 2019

Maps are a large part of what we do in our everyday lives and how people help save other's save lives. How does Gatsby help and where does it fit in?

Slides: https://www.slideshare.net/ColbyFayock/mapping-gatsby-from-space

Colby Fayock @colbyfayock

From Gatsby [Spark] at Element 84 HQ on May 29, 2019.

Gatsby [Spark]
--
Lightning talk style meetup centered around Gatsby and the JAMstack ecosystem.

https://www.meetup.com/Gatsby-Spark/


Element 84
---
Element 84 is a software development firm that designs and builds ambitious software products engineered for high scalability.

My Talks