Conf42 2020
Thanks for tuning in to my talk! โค๏ธ
Watch the Replay
Resources
- Slides (slides.com)
- Anything can be a Cake (@cobra_winfrey)
- CSS collectorโs cabinet (@lynnandtonic)
- Coronavirus Invaders – CSS Pure Game (No JS!) (@eladsc)
- Alien Title Sequence (@colbyfayock, me!)
- egghead.io
- freecodecamp.org
Building Maps with Impact Resources
- Slides (slides.com)
- Mapping with React Leaflet on egghead.io (collection)
- Build Maps with React Leaflet on egghead.io (course)
- Gatsby Starter Leaflet
- Leaflet
- React Leaflet
- OpenStreetMap
- NASA Worldview
- NASA FIRMS
- John’s Hopkins Coronavirus Map
- Next Stream Coronavirus Map
- Radiooooo World Radio
- FilmDrop
Ebook: Learn All the Things About the Jamstack
Here are some things you’ll learn:
- What exactly is the Jamstack?
- What makes the Jamstack so awesome?
- What are the good parts?
- What are the not so good parts?
- How can we build Jamstack sites?
Preorder at jamstackhandbook.com
Learn by Doing with 50 Project Ideas
Free Download: 50 Projects for React & the State Web
Build Maps from Scratch with React Leaflet
What you’ll learn
- How to build a map from scratch in a React app
- How to add markers and shapes to a map
- About geospatial data formats and how to create your own
- How to wrangle that data and visualize that data on a map
- How to use geolocation features to personalize the map
- How to customize the map with imagery and custom markers
Build Maps with React Leaflet on egghead.io
More to learn on your code journey
- ๐๏ธ Put Down the Javascript – Learn HTML & CSS (colbyfayock.com)
- ๐๏ธ How to Become a Full Stack Web Developer in 2020 (freecodecamp.org)
- ๐๏ธ What is the JAMstack and how do I get started? (colbyfayock.com)
- ๐๏ธ Overcoming Your Fear of Writing and How You Can Find Motivation (colbyfayock.com)
- ๐๏ธ Set Future You Up for Success with Good Coding Habits (colbyfayock.com)
Learning More About Mapping
- ๐น Anyone Can Map! Inspiring Mapping Applications and How They Impact the World
- ๐๏ธ Anyone Can Map! Inspiration and an introduction to the world of mapping
- ๐๏ธ How to build a mapping app in React the easy way with Leaflet
- ๐๏ธ How to Create a Travel Bucket List Map with Gatsby, React Leaflet, & GraphCMS
- ๐น How to Make a Travel Bucket List Mapping app with Gatsby, React Leaflet, & GraphCMS
Some handy tutorials
- ๐น How to host and deploy a static website or JAMstack app on AWS S3 & CloudFront (youtube.com)
- ๐๏ธ How to host and deploy a static website or JAMstack app to AWS S3 and CloudFront (freecodecamp.org)
- ๐น How to add environment variables with Gatsby and Netlify (youtube.com)
- ๐๏ธ What Are Environment Variables and How Can I Use Them with Gatsby and Netlify? (freecodecamp.org)
- ๐น How to create a custom React hook and publish it to npm (youtube.com)
- ๐๏ธ How to Create a Custom React Hook and Publish it to npm (freecodecamp.org)