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.
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 .
body: new FormData(document.querySelector(‘#tutorial-form’))
card-header d-flex justify-content-between align-items-center
SO MANY THINGS UNEXPLAINED!
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.
- Async Function:
async functionis used to define an asynchronous function. Async functions enable the use of
awaitwithin them, allowing for asynchronous behavior and handling promises more effectively.
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).
textContentis a property of DOM elements that represents the text content of an element and its descendants.
- await fetch:
fetch(url[, options])is a modern web API used to make HTTP requests. The
awaitkeyword is used to wait for the fetch to complete, and it returns a
- POST Method:
POSTis 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.
- body: new FormData(document.querySelector(‘#tutorial-form’)):
- This constructs a
FormDataobject 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.
- 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.
execCommand()is a method that executes a specified command on the selected text, usually used for clipboard operations like copy, cut, and paste.
- This removes the
textareaelement from the
- 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.
- 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.
- “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.
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?