Learning REACT JS Coding Project Building Course For Web Development Study With Me
Learning REACT JS Coding Project Building Course For Web Development Study With Me Heads up! At the end of the course we are going to learn about React Hooks and Redux. I have moved the lectures for these topics to the end, since these topics are quite advanced and we need to learn a little more about other subjects like Asynchronous code. For this reason, I recommend that you keep going through the course in order, and once we finish our final SmartBrain project, and ONLY THEN, continue to the 2 sections at the bottom (just follow the lecture order I have created here for you inside the course) We will revisit these two sections later: Extra Learning: React Hooks Extra Learning: Redux Now that you know what APIs are, you have the power to combine functionality provided by other computers in your app. Your challenge is to use the below APIs (pick your favourite) and build something fun: Star Wars API or Star Wars API (clone) Numbers API Chuck Norris API Pokemon API International Space Station API (gives you the coordinates to where the international space station is!) Using one of the above APIs, build a single page application that uses fetch() to retrieve information and display it on your website. Once done, share your project on Github Pages and share it with the community on Discord. I will be featuring my favourite ones in an upcoming video! By the way, this is my favourite resource for finding an API when I have an idea for a project: https://public-apis.xyz/ Every API is different, but once you read through the documentation, their underlying principles are the same. It will unlock a lot of power when working with websites. Use the power wisely :) If you have any questions, reach out to our student community in the #helpme or #js channel on Discord (Lecture 3 provides the link if you have not yet joined)! HEADS UP! In the next video you are going to learn about Clarifai API. 1. I have added a troubleshooting video for you to watch after the next one: Clarifai API Updates, Models and Troubleshooting. This video will go over some of the Clarifai Website updates plus some common errors that students might get in the next video. One thing you will notice is that for marketing reasons, they have changed their Predict model we will be using to Armada Predict...ohhh fancy! 2. Clarifai recently added new client APIs. Their newest version would require us to run npm install clarifai-nodejs-grpc vs what you will see in the upcoming video which is npm install clarifai. As I said, different packages but they both do the same thing. Because this change is fairly new, we want to wait for the newer version to stabilize before using it. Therefore we are going to continue to use npm install clarifai since it still works and has no issues moving forward. I will be creating an updated video once Clarifai changes are stable. This happens a lot in the industry and whenever you see things like "NOTE: For node.js users, this API Client is no longer supported," it simply means that they are not adding new features to it, but the library will still work. 3. Sometimes the Clarifai Models can be down or not working as they are constantly getting updated. A good way to check if the model you are using is up, is to check them on the clarifai website. For example, for the Face Detect Mode: https://www.clarifai.com/models/face-detection. If that isn't working, then that means you will have to wait until their servers are back up. Another solution is to use a different version of their model that works like this one: `c0c0ac362b03416da06ab3fa36fb58e3`. So compared to what you might see in the next video you might have to enter the above key: so you would change from in the video: .predict(Clarifai.FACE_DETECT_MODEL, this.state.input) to: .predict('c0c0ac362b03416da06ab3fa36fb58e3', this.state.input) You will see when you get there in the next video :) My Laptop: The Ultimate Aesthetic Apple Laptop For you In 2021 https://amzn.to/3bqqzZP The #1 Ultimate YouTube Tool To Grow your Channel Fast http://bit.ly/31mW022 contact: theluckylegion@gmail.com
Learning REACT JS Coding Project Building Course For Web Development Study With Me Heads up! At the end of the course we are going to learn about React Hooks and Redux. I have moved the lectures for these topics to the end, since these topics are quite advanced and we need to learn a little more about other subjects like Asynchronous code. For this reason, I recommend that you keep going through the course in order, and once we finish our final SmartBrain project, and ONLY THEN, continue to the 2 sections at the bottom (just follow the lecture order I have created here for you inside the course) We will revisit these two sections later: Extra Learning: React Hooks Extra Learning: Redux Now that you know what APIs are, you have the power to combine functionality provided by other computers in your app. Your challenge is to use the below APIs (pick your favourite) and build something fun: Star Wars API or Star Wars API (clone) Numbers API Chuck Norris API Pokemon API International Space Station API (gives you the coordinates to where the international space station is!) Using one of the above APIs, build a single page application that uses fetch() to retrieve information and display it on your website. Once done, share your project on Github Pages and share it with the community on Discord. I will be featuring my favourite ones in an upcoming video! By the way, this is my favourite resource for finding an API when I have an idea for a project: https://public-apis.xyz/ Every API is different, but once you read through the documentation, their underlying principles are the same. It will unlock a lot of power when working with websites. Use the power wisely :) If you have any questions, reach out to our student community in the #helpme or #js channel on Discord (Lecture 3 provides the link if you have not yet joined)! HEADS UP! In the next video you are going to learn about Clarifai API. 1. I have added a troubleshooting video for you to watch after the next one: Clarifai API Updates, Models and Troubleshooting. This video will go over some of the Clarifai Website updates plus some common errors that students might get in the next video. One thing you will notice is that for marketing reasons, they have changed their Predict model we will be using to Armada Predict...ohhh fancy! 2. Clarifai recently added new client APIs. Their newest version would require us to run npm install clarifai-nodejs-grpc vs what you will see in the upcoming video which is npm install clarifai. As I said, different packages but they both do the same thing. Because this change is fairly new, we want to wait for the newer version to stabilize before using it. Therefore we are going to continue to use npm install clarifai since it still works and has no issues moving forward. I will be creating an updated video once Clarifai changes are stable. This happens a lot in the industry and whenever you see things like "NOTE: For node.js users, this API Client is no longer supported," it simply means that they are not adding new features to it, but the library will still work. 3. Sometimes the Clarifai Models can be down or not working as they are constantly getting updated. A good way to check if the model you are using is up, is to check them on the clarifai website. For example, for the Face Detect Mode: https://www.clarifai.com/models/face-detection. If that isn't working, then that means you will have to wait until their servers are back up. Another solution is to use a different version of their model that works like this one: `c0c0ac362b03416da06ab3fa36fb58e3`. So compared to what you might see in the next video you might have to enter the above key: so you would change from in the video: .predict(Clarifai.FACE_DETECT_MODEL, this.state.input) to: .predict('c0c0ac362b03416da06ab3fa36fb58e3', this.state.input) You will see when you get there in the next video :) My Laptop: The Ultimate Aesthetic Apple Laptop For you In 2021 https://amzn.to/3bqqzZP The #1 Ultimate YouTube Tool To Grow your Channel Fast http://bit.ly/31mW022 contact: theluckylegion@gmail.com