π The Coding Train: 2.2 Geolocation Web API - Working with Data and APIs in JavaScript
YouTube
2.2 Geolocation Web API - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
Before diving into communication between client and server (GET and POST requests), let's look at the Geolocation Web API with navigator.geolocation. This data will be sent to the server and stored inβ¦
Before diving into communication between client and server (GET and POST requests), let's look at the Geolocation Web API with navigator.geolocation. This data will be sent to the server and stored inβ¦
π The Coding Train: 2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript
YouTube
2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
We are now in Module #2! In the previous module, we focused on client-side JavaScript. We now will learn the basics of server-side programming with Node.
2.3 Let's take data from the client and sendβ¦
We are now in Module #2! In the previous module, we focused on client-side JavaScript. We now will learn the basics of server-side programming with Node.
2.3 Let's take data from the client and sendβ¦
π The Coding Train: 2.4 Saving to a Database - Working with Data and APIs in JavaScript
YouTube
2.4 Saving to a Database - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
It's time to add a database! Let's learn why databases are important. For this video, I'll start by using NeDB for the Data Selfie App.
π NeDB: https://github.com/louischatriot/nedb
π₯ NEXT LESSON: β¦
It's time to add a database! Let's learn why databases are important. For this video, I'll start by using NeDB for the Data Selfie App.
π NeDB: https://github.com/louischatriot/nedb
π₯ NEXT LESSON: β¦
π The Coding Train: 2.5 Database Query - Working with Data and APIs in JavaScript
YouTube
2.5 Database Query - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
It's time to start querying data from the database! For this, we create a new HTTP GET request route, make the request with the fetch() function, and search the database with find().
π NeDB: https:/β¦
It's time to start querying data from the database! For this, we create a new HTTP GET request route, make the request with the fetch() function, and search the database with find().
π NeDB: https:/β¦
π The Coding Train: 2.6 Saving Images and Base64 Encoding - Working with Data and APIs in JavaScript
YouTube
2.6 Saving Images and Base64 Encoding - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
Let's add an image from the webcam to our database. For this project, we will be using the p5.js JavaScript library!
π₯ NEXT LESSON: https://youtu.be/1mnpn6q25FI
π₯ PREVIOUS LESSON: https://youtu.be/qβ¦
Let's add an image from the webcam to our database. For this project, we will be using the p5.js JavaScript library!
π₯ NEXT LESSON: https://youtu.be/1mnpn6q25FI
π₯ PREVIOUS LESSON: https://youtu.be/qβ¦
π The Coding Train: 2.7 Project Wrap-up: Accessibility and Design - Working with Data and APIs in JavaScript
YouTube
2.7 Project Wrap-up: Accessibility and Design - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
We've come a long way! Still have questions? A lot will be addressed in the next module. Until then, let's do a bit of cleanup and go over a few exercises that might be helpful as you move forward.
β¦
We've come a long way! Still have questions? A lot will be addressed in the next module. Until then, let's do a bit of cleanup and go over a few exercises that might be helpful as you move forward.
β¦
π The Coding Train: 3.1 API calls from Node.js (Weather data from Dark Sky) - Working with Data and APIs in JavaScript
YouTube
3.1 API calls from Node.js (Weather data from Dark Sky) - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
Welcome to Module 3! I covered a lot about node.js in the previous module, but there are still a few key elements left to discuss!
In this module, I build the "Weather Here" project (based on exampleβ¦
Welcome to Module 3! I covered a lot about node.js in the previous module, but there are still a few key elements left to discuss!
In this module, I build the "Weather Here" project (based on exampleβ¦
π The Coding Train: 3.2 Open Air Quality API in Node.js - Working with Data and APIs in JavaScript
YouTube
3.2 Open Air Quality API in Node.js - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
In the previous lesson, we started building The Weather Here application! In this video I look at spoofing different geolocations and investigate what it means to work with multiple APIs within one application.β¦
In the previous lesson, we started building The Weather Here application! In this video I look at spoofing different geolocations and investigate what it means to work with multiple APIs within one application.β¦
π The Coding Train: 3.3 Mapping Database Entries with Leaflet.js - Working with Data and APIs in JavaScript
YouTube
3.3 Mapping Database Entries with Leaflet.js - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
In this video, I look at how to save the check-in information to a database and map all of the geolocation data on a map using Leaflet.js.
π Leaflet.js: https://leafletjs.com/
π₯ NEXT LESSON: httpsβ¦
In this video, I look at how to save the check-in information to a database and map all of the geolocation data on a map using Leaflet.js.
π Leaflet.js: https://leafletjs.com/
π₯ NEXT LESSON: httpsβ¦
π The Coding Train: 3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub
YouTube
3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub
In this lesson, we will address how to can hide an API key using environment variables and open source the code on GitHub.
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
π dotenv: https://www.npmjs.com/package/dotenv
π GitHub: https://github.com/β¦
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
π dotenv: https://www.npmjs.com/package/dotenv
π GitHub: https://github.com/β¦
π The Coding Train: Coding Challenge #147: Chrome Dinosaur Game (with Speech Commands machine learning model!)
YouTube
Coding Challenge #147: Chrome Dinosaur Game (with Speech Commands machine learning model!)
In this challenge, I attempt to make my own version of Googleβs Dinosaur Game (T-Rex run!) with a unique twist β controlling the dinosaur (unicorn, in this case) with a machine learning Speech Commands model! Code: https://thecodingtrain.com/challenges/147β¦
π The Coding Train: ml5.js: Sound Classification
YouTube
ml5.js: Sound Classification
There's a new ml5.js release! This video examines the new ml5.soundClassifier() function in the ml5.js library.
π» https://editor.p5js.org/codingtrain/sketches/yjtv-rAxF
π ml5 soundClassifier: https://ml5js.org/reference/api-soundClassifier/
π Sound commandsβ¦
π» https://editor.p5js.org/codingtrain/sketches/yjtv-rAxF
π ml5 soundClassifier: https://ml5js.org/reference/api-soundClassifier/
π Sound commandsβ¦
π The Coding Train: Processing Java Library, Starting Computational Geometry Challenges
YouTube
Processing Java Library, Starting Computational Geometry Challenges
To learn more about Brilliant, go to https://brilliant.org/CodingTrain and sign up for free. The first 200 people that go to that link will get 20% off the a...
π The Coding Train: 3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript
YouTube
3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript
π»https://github.com/CodingTrain/Intro-to-Data-APIs-JS
Let's figure out how to deploy your project to a server so that people can access it and use it. We will check out two hosting options: Heroku and Glitch.
π Glitch: https://glitch.com/
π https://codingtrainβ¦
Let's figure out how to deploy your project to a server so that people can access it and use it. We will check out two hosting options: Heroku and Glitch.
π Glitch: https://glitch.com/
π https://codingtrainβ¦
π The Coding Train: Working with Data and APIs in JavaScript
YouTube
Working with Data and APIs in JavaScript
π₯Full course: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taughtβ¦
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taughtβ¦
π The Coding Train: Setup: Everything you need to begin the course Working with Data and APIs in JavaScript
YouTube
Setup: Everything you need to begin the course Working with Data and APIs in JavaScript
In this video, I outline what you need setup and ready before you begin the course Working with Data and APIs in JavaScript.
π₯Full course: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
π₯Next video: https://youtu.be/tc8DU14qX6Iβ¦
π₯Full course: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
π₯Next video: https://youtu.be/tc8DU14qX6Iβ¦
π The Coding Train: Coding Challenge #148: Gift Wrapping Algorithm (Convex Hull)
YouTube
Coding Challenge #148: Gift Wrapping Algorithm (Convex Hull)
In this coding challenge, I implement the βGift Wrapping algorithmβ (aka Jarvis march) for calculating a convex hull in JavaScript. This is a foundational topic in computational geometry! Code: https://thecodingtrain.com/challenges/148-gift-wrapping
πΉοΈ p5.jsβ¦
πΉοΈ p5.jsβ¦
π The Coding Train: -10x engineering
YouTube
Whoops
Created with videogrep by Sam Lavigne. https://github.com/antiboredom/videogrep
1. Install youtube-dl (https://ytdl-org.github.io/youtube-dl/index.html)
2. youtube-dl https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw -f 22 --write-auto-sub
3. videogrepβ¦
1. Install youtube-dl (https://ytdl-org.github.io/youtube-dl/index.html)
2. youtube-dl https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw -f 22 --write-auto-sub
3. videogrepβ¦