Callback Coding
Callback Coding
  • Видео 86
  • Просмотров 84 022
Contentful CMS with React JS ( Part 2 ) | Easy Tutorial
Hey Everyone! In this video, we delve into the exciting world of Content Management Systems (CMS) by building a stunning Food Blog website using React JS and posting data to Contentful.
You'll learn step-by-step how to post data to Contentful through a contact form. Don't forget to watch the Part 1 of this video:
Part1: ruclips.net/video/Rvrsns1gBmo/видео.htmlsi=7qVCEyucdwAjdhzA
Contentful CMS: www.contentful.com/
"10 Days of Learning React JS" Playlist
Click here: ruclips.net/p/PLROU8vH3nJSRvwTSabre_osEdj_4aSa4Y
"JavaScript Complete Course For Beginners" Playlist
Click here: ruclips.net/p/PLROU8vH3nJSQpJV0qtIFPa2oBxRC8zKF5
"HTML Complete Course For Beginners" Playlist
Click here: ruclips.net/p/PL...
Просмотров: 160

Видео

Contentful CMS with React JS ( Part 1 ) | Easy Tutorial
Просмотров 20921 день назад
Hey Everyone! In this video, we delve into the exciting world of Content Management Systems (CMS) by building a stunning Food Blog website using React JS and fetching data from Contentful. You'll learn step-by-step how to retrieve data from Contentful and display it on your website, creating a captivating user experience. Stay tuned for Part 2, where we'll discuss how to post data to the CMS, u...
Travel Website using React JS | Vercel Deployment | 10 Days of Learning React JS # 10 🔥
Просмотров 1932 месяца назад
Hey Everyone! In this video, we're diving deep into creating a visually captivating and responsive landing page for a travel website. Throughout this series, we've covered various concepts and techniques, and now it's time to put them all together. But that's not all! We'll also walk you through the process of deploying your React app to Vercel, making the final step of sharing your creation wi...
React Router Dom | useParams ( ) | 10 Days of Learning React JS # 09 🔥| English Subtitles
Просмотров 942 месяца назад
Hey Everyone! In this comprehensive React Router Dom tutorial, we delve into creating multiple pages within a React application using the powerful React Router Dom library. First, we explore the basics of React Router Dom and how to set up routes for different pages in your application. We'll also discuss best practices for displaying a custom 404 page to enhance the user experience. Next, we d...
API Handling in React JS | 10 Days of Learning React JS # 08 🔥| English Subtitles
Просмотров 882 месяца назад
Hey Everyone! In this tutorial, dive into the realm of API handling within React.js with ease! Whether you're a beginner or a seasoned developer, understanding how to interact with APIs is essential. Join us as we explore the fundamentals of making GET and POST requests in React.js. Learn how to seamlessly integrate API calls into your React applications, fetching data from external sources and...
Hooks in React JS | useState, useEffect, useRef | 10 Days of Learning React JS # 07 🔥
Просмотров 782 месяца назад
Hey Everyone! In this video, we'll break down React Hooks in simple terms! Whether you're new to React or a pro, knowing hooks like useState, useEffect, and useRef is super important for building cool stuff. We'll explain each hook with easy examples. Learn how useState manages your app's state, useEffect deals with side effects, and useRef helps with references. "10 Days of Learning React JS" ...
Props in React JS | 10 Days of Learning React JS # 06 🔥 | English Subtitles
Просмотров 762 месяца назад
Hey Everyone! In this video, we explore everything you need to know about Props - from the basics to advanced techniques. What are Props and how do they work? We break down the concept in simple terms, making it easy to grasp for beginners. 💡 Learn how to pass data from parent to child components efficiently, leveraging the power of Props to build dynamic and interactive UIs. "10 Days of Learni...
Write JavaScript code in React JS | 10 Days of Learning React JS # 05 🔥 | English Subtitles
Просмотров 1902 месяца назад
Hey Everyone! In this video, we delve into the fundamentals of writing JavaScript code within React applications. This video covers crucial topics of JS such as variables, arrays, objects, and conditional rendering (if-else). By the end of this tutorial, you'll have a solid understanding of how to effectively integrate JavaScript functionalities into your React projects, enabling you to create ...
CSS in React JS + Github Tutorial | 10 Days of Learning React JS # 04 🔥 | English Subtitles
Просмотров 1772 месяца назад
Hey Everyone! Welcome to 4th video 10 Days of Learning React JS series! In this tutorial, we'll cover everything you need to know about using CSS in React. Learn how to apply internal, external, and inline styles to your components effectively. Additionally, we'll walk you through integrating your React project with GitHub using Visual Studio Code. Follow along to push your code seamlessly to G...
Components in React JS | 10 Days of Learning React JS # 03 🔥 | English Subtitles
Просмотров 1602 месяца назад
Hey Everyone! In this video, we delve into the fundamental concept of components in React.js. Whether you're new to React or looking to strengthen your understanding, this tutorial is designed to guide you through creating components from scratch. We explore the two main types of components in React: Class components and Functional components. You'll learn the basics of structuring your compone...
Create First React App + Folder Structure | 10 Days of Learning React JS # 02 🔥 | English Subtitles
Просмотров 1852 месяца назад
Hey Everyone! Welcome to the second video in the "10 Days of Learning React JS" playlist! In this video, we will guide you through creating your first React app using the latest technology like Vite. We will also cover the basic understanding of the folder structure of a React app. Get ready to dive into the world of React and start building your own applications! "10 Days of Learning React JS"...
Introduction to React JS | 10 Days of Learning React JS # 01 🔥| English Subtitles
Просмотров 4962 месяца назад
Hey Everyone! This video serves as an introduction to React JS, explaining the need for React, its importance, key features, and advantages. It also discusses the current scope of React in today's world, providing essential knowledge for beginners before diving into learning React JS. "10 Days of Learning React JS" Playlist Click here: ruclips.net/p/PLROU8vH3nJSRvwTSabre_osEdj_4aSa4Y "JavaScrip...
What is an API in Hindi/Urdu ? | Simple Logic of APIs
Просмотров 1613 месяца назад
What is an API in Hindi/Urdu ? | Simple Logic of APIs
How to make ATS Friendly Resume? | Resume making tips for Beginners 2024
Просмотров 1825 месяцев назад
How to make ATS Friendly Resume? | Resume making tips for Beginners 2024
Top 10 Topics For JavaScript Interview Preparation | JavaScript Complete Course For Beginners
Просмотров 3876 месяцев назад
Top 10 Topics For JavaScript Interview Preparation | JavaScript Complete Course For Beginners
Map, Filter, Find, ForEach and Some in JavaScript | JavaScript Complete Course For Beginners # 23
Просмотров 886 месяцев назад
Map, Filter, Find, ForEach and Some in JavaScript | JavaScript Complete Course For Beginners # 23
Destructuring and Arrow Functions in JavaScript | JavaScript Complete Course For Beginners # 22
Просмотров 426 месяцев назад
Destructuring and Arrow Functions in JavaScript | JavaScript Complete Course For Beginners # 22
Spread Operator | Rest Operator | Template Literals | JavaScript Complete Course For Beginners # 21
Просмотров 366 месяцев назад
Spread Operator | Rest Operator | Template Literals | JavaScript Complete Course For Beginners # 21
Cookies, Local Storage and Session Storage | JavaScript Complete Course For Beginners # 20
Просмотров 826 месяцев назад
Cookies, Local Storage and Session Storage | JavaScript Complete Course For Beginners # 20
Promises and Async Await in JavaScript | JavaScript Complete Course For Beginners # 19
Просмотров 707 месяцев назад
Promises and Async Await in JavaScript | JavaScript Complete Course For Beginners # 19
Variable Declaration and Hoisting in JavaScript | JavaScript Complete Course For Beginners # 18
Просмотров 687 месяцев назад
Variable Declaration and Hoisting in JavaScript | JavaScript Complete Course For Beginners # 18
END OF PYTHON ?? | INTRODUCTION TO MOJO | MOJO VS PYTHON #mojo #python
Просмотров 18511 месяцев назад
END OF PYTHON ?? | INTRODUCTION TO MOJO | MOJO VS PYTHON #mojo #python
JavaScript Practice Problems # 02 | JavaScript Complete Course For Beginners
Просмотров 8211 месяцев назад
JavaScript Practice Problems # 02 | JavaScript Complete Course For Beginners
JavaScript Practice Problems # 01 | JavaScript Complete Course For Beginners
Просмотров 136Год назад
JavaScript Practice Problems # 01 | JavaScript Complete Course For Beginners
TIC TAC TOE Game using JavaScript | JavaScript Mini Project # 04 | Easy Tutorial
Просмотров 315Год назад
TIC TAC TOE Game using JavaScript | JavaScript Mini Project # 04 | Easy Tutorial
Todo App Using JavaScript For Beginners | JavaScript Mini Project # 03 | Easy Tutorial
Просмотров 162Год назад
Todo App Using JavaScript For Beginners | JavaScript Mini Project # 03 | Easy Tutorial
Creating Elements and Handling Attributes in DOM | JavaScript Complete Course For Beginners # 17
Просмотров 57Год назад
Creating Elements and Handling Attributes in DOM | JavaScript Complete Course For Beginners # 17
What is DOM in JavaScript ? | JavaScript Complete Course For Beginners # 16
Просмотров 95Год назад
What is DOM in JavaScript ? | JavaScript Complete Course For Beginners # 16
Calculator using JavaScript | JavaScript Mini Project # 02 | Easy Tutorial
Просмотров 185Год назад
Calculator using JavaScript | JavaScript Mini Project # 02 | Easy Tutorial
Bulb ON and OFF with JavaScript | JavaScript Mini Project # 01 | Easy Tutorial
Просмотров 109Год назад
Bulb ON and OFF with JavaScript | JavaScript Mini Project # 01 | Easy Tutorial

Комментарии

  • @DevIsrael
    @DevIsrael 10 дней назад

    Very good video 🎉 thanks ❤

  • @HamzaAhmedKhan-ev5pq
    @HamzaAhmedKhan-ev5pq 14 дней назад

    really helpful <3

  • @alexcostal3749
    @alexcostal3749 18 дней назад

    Your life saver 😄

  • @hendoitechnologies
    @hendoitechnologies 26 дней назад

    can you post a video about How to host website on Google cloud platform (GCP) built using React JS or Next JS. and How to host multiple websites on GCP (Google cloud platform) and connect with different domain for each websites.domain bought from godaddy or Namecheap.

  • @frndoit
    @frndoit Месяц назад

    lzwrknuwnbqgojbn

  • @S-Lomar
    @S-Lomar Месяц назад

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @MuhamadUmar-dq2qr
    @MuhamadUmar-dq2qr Месяц назад

    so funny

  • @shubhamsrivastava7347
    @shubhamsrivastava7347 Месяц назад

    I want to send an HTML template, which contains some (styling,button,image etc in the body. Is it possible while using Nodemailer?

  • @umersiddiqui4530
    @umersiddiqui4530 Месяц назад

    leikin ye data jo han wo client side par expose nahi ho raha kia? 🤔

  • @ShokhrukhSultonmurodov
    @ShokhrukhSultonmurodov Месяц назад

    Thank you for this amazing video

  • @jacquelynecarmen
    @jacquelynecarmen 2 месяца назад

    can we do this just in frontend no any backend?

    • @callbackcoding
      @callbackcoding 2 месяца назад

      There are ways to do this on frontend, but it is not safe to perform such operations on frontend because of the security breaches.

  • @abdulrafay4450
    @abdulrafay4450 2 месяца назад

    Looking forward to learn node Js from you!

  • @abdulrafay4450
    @abdulrafay4450 2 месяца назад

    Learn a lot from your channel, thank you for the great explanation! 🎉❤

  • @lifelovestory...2167
    @lifelovestory...2167 2 месяца назад

    Wounderful 😊😊 leaning plateform

  • @lifelovestory...2167
    @lifelovestory...2167 2 месяца назад

    Ajj tk itni video dekhi hai mene but apne real life use kaise hota hai inka ye bss apne samjhaya ❤❤❤❤❤❤❤❤❤❤i support to you ma'am 🔥........................... One day you will definitely grow your RUclips channel .................ma'am ..........❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @GloryMorning303
    @GloryMorning303 2 месяца назад

    1k subs soon!! ❤

  • @abdulrafay4450
    @abdulrafay4450 2 месяца назад

    Good explanation, following your playlist 😃

  • @talhasam507
    @talhasam507 2 месяца назад

  • @talhasam507
    @talhasam507 2 месяца назад

    Mam whats the reason of using dot in css file as previous lectures somtimes we dont use dot we directly style our code

  • @talhasam507
    @talhasam507 2 месяца назад

  • @GloryMorning303
    @GloryMorning303 2 месяца назад

    Good Explanation and easy to understand video. Thank you!

  • @talhasam507
    @talhasam507 2 месяца назад

    Good❤

  • @talhasam507
    @talhasam507 2 месяца назад

    Amazing lecture ❤

  • @talhasam507
    @talhasam507 2 месяца назад

    Great lecture ❤

  • @talhasam507
    @talhasam507 2 месяца назад

    Nice lecture ❤

  • @talhasam507
    @talhasam507 2 месяца назад

    Thanks a lot sister❤ that’s the playlist I was searching .now I am your new subscriber 🎉

  • @guglavathsachin3072
    @guglavathsachin3072 2 месяца назад

    Hi mam iam your new subscriber and I love your videos and the way u explain is just awesom lots of love from HYDERABAD ❤️✨

  • @MuhammadAshraf-sd8ip
    @MuhammadAshraf-sd8ip 2 месяца назад

    MashAllah Amazing Explanation

  • @user-qq3ld1uq4z
    @user-qq3ld1uq4z 2 месяца назад

    your lectures are quite interesting and easy to understand.when will next video come?

  • @Async_aman
    @Async_aman 2 месяца назад

    Jaldi se first comment kr deta hu 😅

    • @callbackcoding
      @callbackcoding 2 месяца назад

      Jaldi se subscribe bhi krlen 😅

    • @Async_aman
      @Async_aman 2 месяца назад

      @@callbackcoding already kr rkha hai ma'am jabhi to 1st comment kra na

  • @jhonmuller8062
    @jhonmuller8062 3 месяца назад

    🥳

  • @ataibsaboor2969
    @ataibsaboor2969 3 месяца назад

    Amazing! The use of relatable examples like restaurants and Foodpanda makes the concepts easy to grasp, even for beginners. I would love to see practical examples of internal APIs as well in the coming videos.

  • @user-pz3mo9bi3d
    @user-pz3mo9bi3d 3 месяца назад

    Please make a series on react js

    • @callbackcoding
      @callbackcoding 3 месяца назад

      Something on its way !!!! Stay tuned

  • @saimirshad7259
    @saimirshad7259 3 месяца назад

    next apna college

  • @Axorax
    @Axorax 3 месяца назад

    hi

  • @user-zr2gf1pm2z
    @user-zr2gf1pm2z 3 месяца назад

    Please improve ur audio and video quality

  • @riyaa221
    @riyaa221 3 месяца назад

    Hey I've cloned this whole code on my pc, I've installed all the dependencies and started the app using 'npm start' , I filled in my email id but when i click on send button nothing happens, I don't get any mail, is there something i need to do to fix this?

    • @callbackcoding
      @callbackcoding 3 месяца назад

      There are some values which I have imported from .env file, you need to add those values in your own .env file as you won't find those values in the github code. Watch the part of sendEmail.js.

  • @mahmudulhasanmk5890
    @mahmudulhasanmk5890 3 месяца назад

    It's Really Helpfull. But now message property changed its now 'text '

  • @bakareolawunmi6866
    @bakareolawunmi6866 3 месяца назад

    Not everybody understands your language. you have done a great job, but the funniest side of it, you make use of your language, to explain everything and you make use of English to ask people to follow you and like your video. 80% of people watching your video understand English. That is why you have more views but fewer likes. please improve on that aspect.

  • @iloveallahsoomuch2292
    @iloveallahsoomuch2292 3 месяца назад

    Ive the problem that if the checknox i checked it doesnt perform the action...

  • @plutoplutopluto565
    @plutoplutopluto565 3 месяца назад

    Is there a way to check for duplicates, lets say duplicated email, form rejects user?

  • @callbackcoding
    @callbackcoding 3 месяца назад

    If you want to know, how to verify the OTP, just follow this process. But if it is still unclear, a video is coming regarding the whole process of login and signup, which will include this OTP verification as well, so stay tuned!! Process: 1. Store the generated OTP in the database, and do not forget to set a timer to remove that OTP from the database (after few mins). 2. When user enter the OTP, store that OTP in a variable and check if it is equal to the stored variable (in the database) or not. If both are equal, it means the OTP is verified. But if the user takes too much time to enter the OTP, show the message that the OTP is expired, and if the OTP doesn't match, then display the message that you have entered the wrong OTP. Still if you face problem while implementing, just tell this to ChatGpt and ask how to do it. All the best!

    • @anshagarwal5999
      @anshagarwal5999 2 месяца назад

      could you please make a video on this

  • @eshwarmothe4488
    @eshwarmothe4488 3 месяца назад

    how to verify the otp which is entered by the user, can you do a dedicated video for that

    • @callbackcoding
      @callbackcoding 3 месяца назад

      It is very easy. 1. Store the generated OTP in the database, and do not forget to set a timer to remove that OTP from the database (after few mins). 2. When user enter the OTP, store that OTP in a variable and check if it is equal to the stored variable (in the database) or not. If both are equal, it means the OTP is verified. But if the user takes too much time to enter the OTP, show the message that the OTP is expired, and if the OTP doesn't match, then display the message that you have entered the wrong OTP. Still if you face problem while implementing, just tell this to ChatGpt and ask how to do it. All the best!

  • @user-cv7ml2rc7n
    @user-cv7ml2rc7n 4 месяца назад

    mam you have implemented the code for sending the mail to unknown receiver from a known sender but i want to do reverse of it by sending the mail from the unknown sender to known receiver as i have used this functionality in my portfolio what should i do? please reply me faster mam🙏🙏

    • @callbackcoding
      @callbackcoding 4 месяца назад

      If you are talking about contact forms, and you want anyone (unknown person) fills the contact form and you (known person) receives that data. Then first thing keep in mind, that we can not access the email of any unknown sender, so you can not send email from his/her email to yours. Now let's talk about managing this. There are two ways you can do this: 1. USE CMS OR DATABASE: Add three important fields to your form (sender email, subject, message). Once you get these fields from the user, hit the POST API, and in that API, store this data in CMS or database. You can see from there, that who has filled the form and what's the message. 2. EMAIL: But in case, if you want this data to be send to your email, then you can do this by creating two emails of yours, and use one as a sender and one as a receiver.

  • @callbackcoding
    @callbackcoding 4 месяца назад

    Guys! Do watch the video "Send Email using Node js" for better understanding. Link: ruclips.net/video/tDjTun-_ZTU/видео.html

  • @JUNAIDSHAIKH-dp5wh
    @JUNAIDSHAIKH-dp5wh 4 месяца назад

    Nice video and this helped me a lot for my project amd after adding email otp now my website is perfect .Thanks for making such a good video

  • @dilhaishaayr6142
    @dilhaishaayr6142 4 месяца назад

    smtp host and smtp port kaise laye?

    • @callbackcoding
      @callbackcoding 4 месяца назад

      watch the video "send email using node js", you will get your answer. Link is in the description and comment section as well.

  • @MuhammadAshraf-sd8ip
    @MuhammadAshraf-sd8ip 5 месяцев назад

    MashAllah

  • @abdullahshah516
    @abdullahshah516 5 месяцев назад

    React js ki playlist bnayen

    • @callbackcoding
      @callbackcoding 5 месяцев назад

      Upcoming Playlist.. Stay tuned!

    • @abdullahshah6884
      @abdullahshah6884 3 месяца назад

      please make a playlist on reactj@@callbackcoding

  • @tarunboricha
    @tarunboricha 6 месяцев назад

    client side me response nahi aa raha hai

    • @callbackcoding
      @callbackcoding 5 месяцев назад

      make sure you have followed every step as mentioned in the video!

    • @tarunboricha
      @tarunboricha 5 месяцев назад

      @@callbackcoding I am not sending response from back-end that's why

    • @tarunboricha
      @tarunboricha 5 месяцев назад

      resolved now

    • @krishpatel4275
      @krishpatel4275 3 месяца назад

      bro i have same problem have you got any solutions if got tell me asap