No Proper Explanation

The two videos for building a web page in the second module where very fast and I was not able to understand anything properly, it felt like the code was being read , instead of explaining or telling how the code was written.

Hi @jainsiddharth1807,

We appreciate your feedback and sincerely apologize for any inconvenience caused by the speed and lack of clarity in the videos during the second module, particularly those related to building a web page.

Your input is valuable to us, and we take this matter seriously. We are committed to enhancing the learning experience for all our students. We will thoroughly review the entire Artificial Intelligence Content and address any issues promptly.

To assist you better, could you please specify the specific parts of the code that were difficult to understand? This will enable us to provide you with a more detailed and helpful explanation, ensuring a smoother learning process.

Thank you for bringing this to our attention, and we look forward to assisting you further.

The videos of module to do not cover the required topics for building a web page.
None of the topics are explained , but yet mentioned in building the web page .
Async function
await fetch
POST method
body: new FormData(document.querySelector(‘#tutorial-form’))
await response.text()
onsubmit="event.preventDefault(); generateTutorial()
card-header d-flex justify-content-between align-items-center
"white-space: pre-wrap;


Hi @jainsiddharth1807,

Thank you for mentioning out the topics that are not explained clearly. We are committed to enhancing the learning experience for all our students. We will thoroughly review the code parts of the Artificial Intelligence Content that you have mentioned and address any issues promptly.

With respect to the topics that you have mentioned, I’ll provide explanations for the parts of the code you mentioned that appear to be unexplained in building the web page.

  1. Async Function:
  • async function is used to define an asynchronous function. Async functions enable the use of await within them, allowing for asynchronous behavior and handling promises more effectively.
  1. querySelector:
  • document.querySelector(selector) is a method to select the first element that matches a specified CSS selector. It’s commonly used to access and manipulate elements in the DOM (Document Object Model).
  1. textContent:
  • textContent is a property of DOM elements that represents the text content of an element and its descendants.
  1. await fetch:
  • fetch(url[, options]) is a modern web API used to make HTTP requests. The await keyword is used to wait for the fetch to complete, and it returns a Response object.
  1. POST Method:
  • POST is an HTTP method used by the World Wide Web. It requests that the server accept and store the data enclosed in the body of the request message.
  1. body: new FormData(document.querySelector(‘#tutorial-form’)):
  • This constructs a FormData object from the input fields within the HTML form with the id ‘tutorial-form’. It’s commonly used to send form data in an HTTP request.
  1. await response.text():
  • This is awaiting the response from the server and extracting the response as text. The text() method of the response object is used to get the response body as text.
  1. .select():
  • .select() is not a standard JavaScript method. Perhaps it’s a typo or a custom method specific to the application. It’s not part of the standard DOM or JavaScript API.
  1. execCommand(‘copy’):
  • execCommand() is a method that executes a specified command on the selected text, usually used for clipboard operations like copy, cut, and paste.
  1. document.body.removeChild(textarea):
  • This removes the textarea element from the document.body.
  1. onsubmit="event.preventDefault(); generateTutorial():
  • This prevents the default form submission behavior when the form is submitted. It calls the generateTutorial() function when the form is submitted.
  1. card-header d-flex justify-content-between align-items-center:
  • These are Bootstrap CSS classes used to style the card header in a flexible layout with content justified between and items aligned vertically.
  1. “white-space: pre-wrap;”:
  • This CSS style sets the white-space property to pre-wrap, which preserves both spaces and line breaks.

These concepts are essential for understanding and working with the provided web application code. Feel free to ask if you have more specific questions about any of these concepts or any other parts of the code!

Please create a proper detailed “Building a web page video” explaining everything - the flow of the code ,
what is everything and what is the logic behind writing and building the code . Instead of reading a pre-written code, write it while explaining. You explained the concepts above but without the video I can’t understand its application. The whole idea of building my first AI project is to understand application of concepts.

the voice which is explaning is very dull and very hard to understand. but the training is still very good and still able to understand but it is a little feedback that change the voice of explanation . fantastic course.

Hi @jainsiddharth1807,

Your feedback is incredibly valuable, and we’ll certainly work on creating a detailed video tutorial that walks you through building a web page from scratch. We’ll cover the flow of the code, the logic behind it, and ensure you understand how to apply the concepts practically. Thank you for sharing your thoughts; we’re here to assist you in the best possible way!

By when will you share that video?