Welcome to the ultimate course, which will help you become a master of APIs by Building Real Industry Applications. In this compilation of videos, you'll build a Travel Companion App, a Cryptocurrency App, a Real Estate App, a Google Clone App, as well as create your own API!
JS Mastery Pro - https://jsmastery.pro?discountyoutube
A special YOUTUBE discount code is automatically applied!
Along the way, you'll learn:
- Advanced React Best Practices, such as folder & file structure, hooks, and refs
- Next.js best practices, static generation, and server-side rendering
- Creating User Interfaces using Material UI / Chakra UI / Ant Design and Tailwind CSS
- Working with Google Maps API, Redux Toolkit, Charts
- And most importantly, fetching data from unlimited sources using RapidAPI
RapidAPI - https://rapidapi.com/hub?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
JSM Mailing List https://resource.jsmastery.pro/newsletter
Materials/References:
First Application - Travel Companion App:
Travel Advisor API - https://rapidapi.com/apidojo/api/travel-advisor?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
Open Weather Map API - https://rapidapi.com/community/api/open-weather-map?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
GitHub Code (give it a star ): https://github.com/adrianhajdin/project_travel_advisor
Styles & Other Code: https://gist.github.com/adrianhajdin/ede527249054b7abbdf4e3a9fac95b5e
If you get: "This page can't load Google Maps correctly." and "For development purposes only." that means that you have to enter your billing details. Google requires that to verify your identity and distinguish actual people from robots. You'll be getting free $200 worth of API requests indefinitely, and you will NOT be charged.
APIs Crash Course:
RapidAPI Learn - https://rapidapi.com/learn/rest-apis/introduction?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
Paw - https://paw.app
Turn an API into a Startup?! Build & Sell an API with JavaScript: https://youtu.be/be9sHQ7xqo0
API Cheatsheet: https://resource.jsmastery.pro/api-cheatsheet
Second Application - Cryptocurrency App:
CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
GitHub Code (give it a star ): https://github.com/adrianhajdin/project_cryptoverse
Styles & Other Code: https://gist.github.com/adrianhajdin/1008c664fe7896b316f5efbff8d97935
cryptocurrency.png: https://i.ibb.co/Z11pcGG/cryptocurrency.png
news image URL: https://www.bing.com/th?idOVFT.mpzuVZnv8dwIMRfQGPbOPC&pidNews
Since the 1st of January 2022, you'll have to make the following changes to the code:
1. Change the api v1 to v2 on RapidAPI
2. In new version, to access the exchanges endpoint you'll need a premium plan
3. Change the coin price history endpoint to the following - `coin/${coinId}/history?timeperiod${timeperiod}`
4. Change coin id to coin uuid in cryptocurrencies.jsx file
5. In cryptoDetails.jsx file make sure to match the stats and genericStats values
Third Application - Real Estate App:
Bayut API - https://rapidapi.com/apidojo/api/bayut?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
GitHub Code (give it a star ) - https://github.com/adrianhajdin/projects_realestate
Mentioned Code - https://gist.github.com/adrianhajdin/2fb91c8b6e7b2e64671c85ea4c05cbc9
Fourth Application - Build Your Own API:
URLs and Finished Code - https://gist.github.com/adrianhajdin/13a69e174448b112785523128d34139c
ScraperAPI - https://www.scraperapi.com?_gojsmastery
Fifth Application - Google Clone App:
Google Search API - https://rapidapi.com/apigeek/api/google-search3?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
VSC Extensions - https://resource.jsmastery.pro/vsc-extensions
GitHub Code (give it a star ): https://github.com/adrianhajdin/project_google_clone
Discord - https://discord.gg/n6EdbFJ
Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use the special promo code "YOUTUBE" on checkout to save $60!
Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery
Find Me Here:
Discord Group: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Twitter: https://twitter.com/jsmasterypro
Business Inquiries:
E-mail:
[email protected]Time Stamps
00:00:00 Intro
00:03:27 First Application
02:14:42 APIs Crash Course
02:50:11 Second Application
05:04:09 Third Application
05:40:21 Fourth Application
07:49:01 Fifth Application