Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI
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?discount=youtube
✅ 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_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
📧 JSM Mailing List https://resource.jsmasterypro.com/newsletter 🔥
📚 Materials/References:
First Application - Travel Companion App:
⭐ Travel Advisor API - https://rapidapi.com/apidojo/api/travel-advisor?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Open Weather Map API - https://rapidapi.com/community/api/open-weather-map?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Paw - https://paw.app
Turn an API into a Startup?! Build & Sell an API with JavaScript: https://youtu.be/be9sHQ7xqo0
API Cheatsheet: https://resource.jsmasterypro.com/api-cheatsheet
Second Application - Cryptocurrency App:
⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News
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_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?_go=jsmastery
Fifth Application - Google Clone App:
⭐ Google Search API - https://rapidapi.com/apigeek/api/google-search3?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
VSC Extensions - https://resource.jsmasterypro.com/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: contact@jsmasterypro.com
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
Видео Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI канала JavaScript Mastery
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ 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_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
📧 JSM Mailing List https://resource.jsmasterypro.com/newsletter 🔥
📚 Materials/References:
First Application - Travel Companion App:
⭐ Travel Advisor API - https://rapidapi.com/apidojo/api/travel-advisor?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Open Weather Map API - https://rapidapi.com/community/api/open-weather-map?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Paw - https://paw.app
Turn an API into a Startup?! Build & Sell an API with JavaScript: https://youtu.be/be9sHQ7xqo0
API Cheatsheet: https://resource.jsmasterypro.com/api-cheatsheet
Second Application - Cryptocurrency App:
⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News
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_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?_go=jsmastery
Fifth Application - Google Clone App:
⭐ Google Search API - https://rapidapi.com/apigeek/api/google-search3?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
VSC Extensions - https://resource.jsmasterypro.com/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: contact@jsmasterypro.com
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
Видео Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with TailwindHow to use TypeScript with React... But should you?React JS Full Course 2022 | Build an App and Master React in 1 HourJavaScript Crash Course 2021 - Master JavaScript in One Video!I built the same app 10 times // Which JS Framework is best?Build and sell your own API $$$ (super simple!)5 WORK FROM HOME Remote Jobs (YOU CAN DO RIGHT NOW!) with No Experience in 2021 for people 55+I built 10 web apps... with 10 different languagesLet's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021Become a Full Stack Web Developer in 2022 | Practical Step by Step Frontend and Backend GuideReact JS - React Tutorial for BeginnersPortfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScriptBuild and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and MoreJavaScript Tutorial for Beginners - Full Course in 12 Hours (2022)Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5 | RapidAPIHOW I MAKE $700 IN 1 HOUR AT WALMART | Retail Arbitrage Amazon FBABuild and Deploy a Full Stack MERN Social Media App with Auth, Pagination, Comments | MERN CourseThe Best Way to Host & Deploy a React ApplicationI Built A Crypto Trading Bot And Gave It $1000 To Trade!