Handling URL's in NodeJS

Summary

This video script delves into the concept of URLs, explaining their full form as Uniform Resource Locators and their fundamental components. It discusses the protocol, domain, and path, using examples like 'http', 'www.google.com', and '/about'. The script also covers the function of query parameters in URLs for passing extra information to the server, and how to handle and manipulate URLs using JavaScript. The explanation aims to clarify how URLs are constructed and used in web communication.

Takeaways

• 😀 A URL (Uniform Resource Locator) is a fundamental way to access resources on the internet, and it has a specific structure that includes protocol, domain, path, and query parameters.
• 🔐 The 'protocol' part of a URL defines the rules for communication between the browser and the server, such as HTTP, HTTPS, and WebSocket.
• 🌐 The 'domain' in a URL is the human-friendly name that points to an IP address, which is resolved to the server hosting the website or resource.
• 📝 The 'path' in a URL is used to specify the location of a resource on a server and can include nested paths for more specific directories or files.
• 🔍 Query parameters in a URL are optional and used to send additional data to the server along with the request. They follow the '?' symbol and are often used for search queries.
• 🔑 The 'query parameters' are key-value pairs that start with a '?' and are separated by '&' if there are multiple parameters.
• 🛠️ The script discusses the use of a package called 'url' in JavaScript to parse and manipulate URLs, which can be installed via npm (Node Package Manager).
• 📚 The 'url' package provides functionality to break down a URL into its components and extract information such as protocol, host, path, and query parameters.
• 🔄 The process of creating a URL involves combining the protocol, domain, path, and query parameters in a specific order to form a valid URL string.
• 📈 The script also touches on the concept of handling URLs on a server, where incoming requests with URLs are parsed to determine how to respond with the appropriate data.
• 🔗 Understanding the structure and components of a URL is crucial for web development, as it affects how resources are requested and delivered to users.

Q & A

What is the full form of URL?

The full form of URL is Uniform Resource Locator, which is a web address used to locate and access web resources.

What are the major components of a URL?

The major components of a URL include the protocol, domain, path, and query parameters.

What does the protocol part of a URL signify?

The protocol part of a URL signifies the rules and methods used for communication between the browser and the server. Common protocols include HTTP and HTTPS.

What is the difference between HTTP and HTTPS protocols?

HTTP (Hypertext Transfer Protocol) is the basic protocol for communication on the web, while HTTPS (HTTP Secure) is the secure version that encrypts the data being transferred.

What is a domain name in the context of a URL?

A domain name is a user-friendly name that represents an IP address, making it easier for users to access websites without remembering numerical IP addresses.

What is a path in a URL and how is it used?

A path in a URL is the part that comes after the domain and before the query parameters. It directs the browser to specific pages or resources on a website, such as '/about' or '/contact'.

What are query parameters and how are they used in a URL?

Query parameters are additional pieces of information that are appended to a URL after a question mark (?). They are used to send data to the server and can be used for search queries, user identification, and other purposes.

How does a nested path in a URL differ from a regular path?

A nested path in a URL is a path that includes subdirectories or additional levels, such as '/project/van'. It allows for more specific navigation within a website's structure.

What is the purpose of using query parameters in a URL?

Query parameters in a URL are used to pass data to the server, allowing the server to customize the response based on the received data, such as filtering search results or identifying user sessions.

Can spaces be included in a URL directly?

Spaces cannot be included directly in a URL as they can break the URL format. Instead, spaces are typically encoded, often as '%20'.

What is the role of domain in the process of accessing a website?

The domain in a URL is the address of the website that users type into their browser to access the site. It is translated into an IP address by the Domain Name System (DNS) to locate the server hosting the website.

Outlines

00:00

🌐 Understanding URLs and Their Components

The first paragraph introduces the concept of a URL (Uniform Resource Locator) and its significance in accessing web resources. It explains the basic structure of a URL, including the protocol (such as HTTP), domain, and path. The explanation includes the role of domain names and IP addresses, how they are used to locate websites, and the importance of the path in navigating through the site's hierarchy. It also touches on the use of query parameters in a URL for passing additional information to the server.

05:00

🔍 Deep Dive into Query Parameters and URL Construction

This paragraph delves deeper into the mechanics of query parameters in URLs, which are used to send additional data to the server. It discusses how parameters are formatted and appended to the URL with a question mark and separated by ampersands. The paragraph provides examples of how to include user IDs and other data as query parameters. It also explains how spaces are converted into '%20' for URL encoding and how to use URL parameters in web development, including the use of external packages for URL manipulation.

10:01

🛠️ Working with URL Packages and Server Requests

The third paragraph focuses on the practical application of URL handling in web development. It describes the process of installing and using an external package to parse and manipulate URLs. The speaker demonstrates how to import the package, use it to extract parts of a URL, and pass parameters to a server request. The paragraph also discusses the importance of dependencies in package management and how to reinstall packages if needed.

15:04

📝 Exploring URL Path Variables and Query Parameters

This section discusses the use of path variables and query parameters in URLs for dynamic web content. It explains how to pass variables like user IDs and other data through the URL path and as query parameters. The paragraph includes examples of how to extract these variables and use them in server-side logic to generate responses. It also touches on the concept of nested paths and how they can be utilized in web applications.

20:05

🎬 Creating Interactive Web Pages with URLs

The fifth paragraph describes the process of creating interactive web pages using URLs and query parameters. It talks about handling URL parts, such as the protocol, domain, path, and query parameters, to generate dynamic content. The speaker provides examples of how to use URL data to interact with databases and send customized responses to the user. The paragraph also covers the concept of URL encoding and decoding, and how to structure server responses based on URL data.

📝 Final Thoughts on URL Structure and Video Recap

In the final paragraph, the speaker wraps up the discussion on URLs by summarizing the key points covered in the video. They reiterate the importance of understanding URL structure for web development and provide a brief overview of how URLs are broken down into components such as protocol, domain, path, and query parameters. The paragraph ends with an invitation for viewers to like, subscribe, and look forward to the next video in the series.

Keywords

💡URL

URL stands for Uniform Resource Locator and is the standard for locating resources on the web. In the video, it is the central theme as the script discusses the structure and components of a URL, such as protocol, domain, and path. For example, the script mentions 'http' as a protocol and 'google.com' as a domain within a URL.

💡Protocol

In the context of the internet, a protocol defines the rules for data communication. The script refers to protocols like 'http' and 'https', where 'http' stands for Hypertext Transfer Protocol and 'https' indicates a secure version with encryption, as part of the URL structure.

💡Domain

A domain is a human-friendly address for an IP resource on the internet. The script explains that domains like 'google.com' can be used instead of IP addresses to make URLs more accessible and memorable.

💡Path

In a URL, the path comes after the domain and helps to locate specific pages or resources on a website. The script uses '/about' as an example of a path, indicating a webpage that might contain information about the company or website.

💡Query Parameters

Query parameters are used in a URL to send additional data to the server. The script mentions query parameters starting with a question mark (?) and separated by the ampersand (&) symbol, such as 'user_id=1', which can be used to filter or sort results on the server-side.

💡IP Address

An IP address is a numerical label assigned to devices connected to a computer network that uses the Internet Protocol for communication. The script discusses how domain names are translated to IP addresses, which are the actual addresses that servers use to identify each other.

💡HTTPS

HTTPS stands for Hypertext Transfer Protocol Secure and is an extension of HTTP with added security features. The script touches on HTTPS as a protocol that includes SSL certificates to ensure encrypted communication between the browser and the server.

💡WebSocket

WebSocket is a protocol that provides full-duplex communication channels over a single TCP connection. The script briefly mentions WebSocket as a protocol for real-time communication on the web, which is different from the traditional HTTP request-response model.

💡Domain Parsing

Domain parsing involves translating a domain name into an IP address. The script explains the process of domain parsing, where a domain like 'google.com' is resolved to its corresponding IP address through DNS (Domain Name System).

💡Nested Path

A nested path in a URL refers to a path that includes subdirectories or multiple levels. The script uses '/project/van' as an example of a nested path, illustrating how URLs can be structured to represent hierarchical data or file structures.

💡npm

npm stands for Node Package Manager and is a registry of JavaScript packages. The script discusses using npm to install packages like 'url', which can be used to work with URLs in a Node.js environment, demonstrating how developers can leverage npm to expand their project's functionality.

Highlights

Introduction to the concept of a URL and its basic components.

Explanation of the full form of URL as Uniform Resource Locator.

Discussion on the protocol component of a URL and its role in communication.

Differentiation between HTTP and HTTPS protocols, with emphasis on security.

The role of domain names in making URLs user-friendly.

How domain names are resolved to IP addresses through DNS.

The function of the path component in a URL for accessing specific resources.

Explanation of nested paths and how they are used in URLs.

Introduction to query parameters in URLs for passing additional information.

The significance of the question mark (?) in starting query parameters.

How to use the URL package in JavaScript for URL manipulation.

Demonstration of extracting URL components using the URL package.

Explanation of how to pass query parameters and path variables in a URL.

The process of URL encoding to handle special characters.

How to construct a URL for a search query on platforms like Google.

The function of the ampersand (&) in separating multiple query parameters.

The role of URL in server requests and responses for dynamic content.

Practical example of creating a URL for a YouTube search.

Final thoughts on the importance of understanding URL structure for web development.

Transcripts

एवरीवन वेलकम बैक एंड वेलकम तू अंदर

वीडियो और नोट सीरीज और इस वीडियो में हम

समझने वाले हैं व्हाट इस यूआरएल एक यूआरएल

क्या होता है एंड व्हाट आर डी मेजर

कॉम्पोनेंट्स ऑफ अन यूआरएल ओके सो लेट्स

स्टार्ट विथ डी वीडियो तो एक यू आर एल

बेसिकली इसका फुल फॉर्म होता है यूनिफॉर्म

रिसोर्स लोकेटर एक होता क्या है करेक्ट

बिकॉज अगर तुम एक वसंत हो गया पर बन्ना

चाहते हो यू शुड नो डेट यूआरएल कम कैसे

करता है व्हाट हो तू पास यू आर एल एंड

व्हाट आर डी कॉम्पोनेंट्स ऑफ अन यूआरएल

यू आर एल बेसिकली यूनिफॉर्म रिसोर्स

लोकेटर होता है फॉर एग्जांपल लाइक ये मेरी

वेबसाइट है तो इसका यूआरएल के इसका यूआरएल

पियूष करेक्ट सो दिस इसे दी होल उर है तो

इस यूआरएल को इंडिप्थ में समझते हैं

करेक्ट सो यू हैव एचटीटीपी कोलन / व्यू.

इसको हम क्या कहते हैं इसको हम कहते हैं

प्रोटोकॉल

है तो एचटीटीपीएस का मतलब होता है पर

टेक्स्ट ट्रांसफर प्रोटोकॉल सीकर ठीक है

सिमिलरली हमारे पास एक एचटीटीपी होता है

जो सीकर नहीं होता है एंड यह प्रोटोकॉल का

मतलब क्या होता है प्रोटोकॉल का मतलब होता

है की मेरा जो यह सर्वर है ना उसके साथ

कम्युनिकेट कैसे करना है ठीक है तो

प्रोटोकॉल एक सेट ऑफ रूल्स होता है जो

बेसिकली ब्राउज़र को बताता है डेट किस तरह

से कम्युनिकेशन करना है सो जैसे हमारे पास

एचटीटीपी एस होता है तो मतलब की जितनी भी

हमारी रिक्वेस्ट और रिस्पांस होंगी वो

इंक्रिप्टेड होंगी ओके इसमें सल

सर्टिफिकेट उसे होता है जो हमारा एचटीटीपी

होता है उसमें बेसिकली सल सर्टिफिकेट नहीं

होता और वो लेस सीकर होती है हमारे पास उस

एक प्रोटोकॉल होता है फॉर वेब सॉकेट अगर

तुम्हें रियल टाइम कम्युनिकेशन करने हैं

तो यू आर वेलकम

ये बेसिकली यूजर फ्रेंडली नाम है मेरे

आईपैड का ओके तो जो मेरा सर्वर है जो जो

बेसिकली जो इसका सर्वर है जहां पर भी ये

रन कर रहा है सब कुछ तो उसे पार्टिकुलर

वेबसाइट का उसे पार्टिकुलर सर्वर का एक

आईपी एड्रेस है करेक्ट लेकिन ओबवियसली तुम

आईपीएल ड्रेस को याद नहीं कर सकते राइट तो

हमारे को ये नहीं का सकता था ये मेरा

आईपैड रिसर्च मेरी वेबसाइट को विजिट करना

तो हम क्या करते हम एक डोमेन परचेज करते

हैं एंड हम उसे डोमेन को उसे आईपी की तरफ

पॉइंट करवा देते हैं तो मेरे वेबसाइट का

एक यूजर फ्रेंडली मतलब जो एक ह्यूमन

फ्रेंडली नाम बन जाता है करेक्ट बिकॉज इफ

यू गो तू google.com लेट अस से मैं यहां

पर google.com ओपन करता हूं तो इस

google.com आईपीएल ट्रिक्स पता कर सकता

हूं आई कैन गो तू माय टर्मिनल तो मैं अपना

टर्मिनल यहां पर ओपन करूंगा जस्ट अन सेकंड

ठीक है तो यह मेरा टर्मिनल है तो मैं यहां

पर बोल सकता हूं

जैसे मैं इंटर करूंगा मेरे पास एक आईपी

एड्रेस आया करेक्ट तो ये वो आईपी एड्रेस

है जो एक्चुअली में गूगल का सर्वर है ठीक

है तुम इसको ब्राउज़र में दल के देख सकते

हो तो अगर मैं आईपैड को यहां पर कॉपी

पेस्ट करता हूं तो ऑटोमेटेकली google.com

ओपन

ड्रेस को याद करना बहुत डिफिकल्ट है तो

यूआरएल क्या होता है बेसिकली यूआरएल एक

यूजर फ्रेंडली नाम होता है तुम्हारे आईपी

एड्रेस का ओके तो ये होता है हमारा डोमेन

एंड लास्ट में हमारे पास आता है पथ तो ये

जो स्लैश तुम देख रहे हो उसको हम क्या

कहते हैं पथ है तो जैसे स्लैश का मतलब

होता है रूट पथ या फिर इसको हम कहते हैं

होम पेज तो अगर तुम्हें सी यू आर एल को

देखते हो सो करेंटली लाइक ये स्लैश रेंडर

नहीं होता लेकिन अगर मैं यहां पे स्लैश

लिखूंगा अभी सो यू कैन सी डेट होम पेज इस

गेटिंग स्लैश का मतलब क्या होता है रूट पथ

ठीक है इसके बारे में हमने थोड़ा सा पिछली

वीडियो में देखा था की ये रिमेंबर्स लास्ट

का मतलब होता है होम पेज स्लैश अबाउट एक

बात होता है सो सिमिलरली जो लास्ट ये होता

है इसको हम क्या कहते हैं पथ ओके ग्रेट तो

हमें यूआरएल का एक बेसिक तो समझ ए गया

प्रोटोकॉल डोमेन एंड पथ ओके

लाइक सी कैन हैव अन सिंपल पथ दिस इस स्लैश

अबाउट के स्लैश अबाउट एक पथ है सिमिलरली

हमारे पास कॉन्टैक्ट अस भी एक पथ हो सकता

है करेक्ट तो ये क्या होता है पथ होते हैं

एंड हमारे पास नेस्टेड पार्ट्स भी हो सकते

हैं लाइक फॉर एग्जांपल प्रोजेक्ट स्लैश

वैन इसे अन पथ तो इस चीज को हम कहते हैं

नेस्टेड पथ मतलब स्लैश प्रोजेक्ट स्लैश

वैन एक बात है नेस्टेड पात है सिमिलरली

हमारे पास हो सकता है स्लैश प्रोजेक्ट

स्लैश तू एक दूसरा नेस्टेड पथ तो इसको हम

क्या कहते हैं nisted पथ राइट सो इफ यू गो

तू माय वेबसाइट यू कैन सी डेट अगर मैं

यहां पर क्लिक करता हूं फॉर एग्जांपल माय

गियर्स पर सो अभी मेरा पथ क्या हो चुका है

स्लैश गियर्स करेक्ट तो ये एक डिफरेंट पथ

है तो हम अपने सर्वर को बता सकते हैं डेट

किस बात के लिए किस तरह से रेस्पॉन्ड करना

है एंड सिमिलरली व्हाट सी कैन हैव आई कैन

हैव नेस्टेड पथ फॉर एग्जांपल अगर मैं यहां

पे बोलता हूं स्लैश प्रोजेक्ट स्लैश टेक

तो मेरा टिक टॉक तू वाला प्रोजेक्ट ओपन हो

जाएगा ठीक है तो ये क्या है ये एक nisted

बात है तो यहां पर तुम गेम को खेल भी सकते

हो ओके सो डिसऑर्डर ऑन टिकटोक गेम तो यहां

पर वो पूरा कोड है तो यह इसको हम क्या

कहते इसको हम कहते हैं नेस्टेड पथ तो इस

चीज को हम बोलते हैं पथ तो प्रोटोकॉल ओके

सो सी आर गेटिंग क्लियर विद प्रोटोकॉल दें

डोमेन दें दी पथ फिर हमें पता लग चुका है

निश्चय पथ्स क्या होते हैं एंड दें कॉम दी

क्वेरी पैरामीटर्स ओके सो ये बहुत

इंपॉर्टेंट चीज है

कोई भी पैरामीटर्स और बेसिकली एक्स्ट्रा

इनफॉरमेशन जो हम पास कर सकते हैं हमारे

यूआरएल के साथ फॉर एग्जांपल यहां पर तुम

क्या देख सकते हो

तो ये तो था हमारा डोमेन स्लैश अबाउट क्या

यहां पर स्लैश अबाउट के स्लैश अबाउट एस दी

पथ दें क्वेश्चन मार्क ठीक है क्वेश्चन

मार्क के बाद जो भी सेंटेंस आता है उसको

हम क्या कहते हैं क्वेरी पैरामीटर्स तो

यहां पर मैं कुछ भी की वैल्यू सेंड कर

सकता हूं अपने सर्वर को राइट फॉर एग्जांपल

यहां पर मैं क्या बोल रहा हूं यूजर आईडी

वैन एंड ठीक है तो ये सेपरेट कैसे करते

हैं एंड ए =

पथ पर ए रही है स्लैश अबाउट पर ए रही है

एंड मैंने फ्रंट से मैंने अपने पास में

कुछ एक्स्ट्रा इनफॉरमेशन भेज है की जो

यूजर अभी इस पेज को खोल रहा है ना उसकी

यूजर आईडी है वैन एंड मतलब सेकंड पैरामीटर

क्या है ए का वैल्यू है तू तो ये मैंने

वैसे ही एक एग्जांपल ले लिया था तो इस चीज

को हम बोलते हैं क्वेरी पैरामीटर्स एक

एग्जांपल दिखाता हूं कोई पैरामीटर्स का तो

मैं यहां पर एक इनकॉग्निटो तब ओपन करता

हूं आई विल गो तू google.com ठीक है तो

यहां पर लेटर सर्च फॉर अन जावास्क्रिप्ट

इंटरव्यू क्वेश्चन तो मैंने ये सिंपल सर्च

किया है ठीक है तो इसका जो ये यूआरएल बना

है इसको मैं कॉपी कर लेता हूं ठीक है तो

इस अल्कोहल इस तो मैं अपने यहां पर इसको

पेस्ट कर लेता हूं तो ये था वो यूआरएल जो

गूगल में बना ठीक है तो उसको देखते हैं तो

आप यू आर गूगल ने इसको किस तरह से पास

किया होगा तो यहां पर सबसे पहले प्रोटोकॉल

ठीक है

तो हमने इसके ऊपर कॉल किया उसके बाद

www.google.com

google.com इसे इट डोमेन दें मैंने किस पथ

पर गया मैं गैस स्लैश सोच पर दिस इसे दी

पथ और यहां से मेरा क्वेरी पैरामीटर

स्टार्ट होता है ये क्वेश्चन मार्क से

मेरा क्वालीफायर मीटर स्टार्ट हो टाइम तो

इसमें देखता गूगल तो पहला उसने पास किया

के तो के का मतलब होता है क्वेरी राइट तुम

कुछ भी रख सकते हो इसका क्वेरी रख सकते हो

सर्च पैरामीटर मतलब गूगल ने इसको क्यों

रखा सो के की वैल्यू

प्लस क्वेश्चन तो मतलब उसमें मेरा जो

स्पेस द उसको प्लस में कन्वर्ट कर दिया

बिकॉज तुम्हारे पास पेज नहीं होते ओके यू

कैन नॉट हैव स्पेस इस इन यूआरएल तो

दोस्तों यहां पे प्लस दल दिया तो जावा

स्क्रिप्ट इंटरव्यू क्वेश्चंस ओके

उसके बाद एंड

सोर्स = एचपी नौ एचपी क्या है आई एम नॉट

सर बट ठीक है तो गूगल नाम बेसिकली एचपी

रखा मतलब उसकी कोई एक्स्ट्रा इनफॉरमेशन है

दें उसके बाद एंड अगला अरगुमेंट तो उसने

कुछ रिक्वेस्ट रखा है सो दिस इसे वेरी

लॉन्ग रिक्वेस्ट सो आई एम नॉट सर की चीज

क्या है बिकॉज गूगल के गूगल बहुत सारे

पैरामीटर्स पास करता है

तो बेसिकली क्या होता है यहां पर

रिक्वेस्ट

सर्च बेसिकली एक पथ होगा हमारे मतलब जो

गूगल का सर्वर होगा वो स्लैश सर्च को

देखेगा और वहां पर इस के को उठेगा के में

देखेगा जावास्क्रिप्ट इंटरव्यू क्वेश्चंस

डेटाबेस में सर्च करेगा और जो भी रिजल्ट

होंगे उसको वो हमें रेंडर करके दे देगा तो

इस तरह से यूआरएल कम करता है सिमिलर यू

कैन एवं सी फॉर youtube.com अगर तुम

यूट्यूब पे जाते हो एंड यू सर्च फॉर जावा

स्क्रिप्ट

ओके सो यू कैन सी डेट अगर मैं इसको कॉपी

करता हूं एंड आय टेस्ट दिस यूआरएल हेयर सो

यू कैन सी हमारे पास क्या है

www.youtube.com / रिजल्ट्स क्वेश्चन

मार्क सर्च अंडरस्कोर क्वेरी तो ये एक की

है एंड इसकी वैल्यू क्या है

सो डेट इस बेसिकली हो दिस यू आर एल वर्क्स

ओके तो अब हम वापस चलते हैं तो आप थोड़ा

सा अच्छे से हमें क्लियर होने वाला है

सो यह वह सर्वर है जो हमने पिछले वीडियो

में बनाया था करेक्ट तो हमने यहां पर क्या

किया था मैंने एक स्विच डाला था रिक्वेस्ट

स्टार्ट यूआरएल के ऊपर करेक्ट एंड यह

हमारे वह यूआरएल से जो अपने जेनरेट हो रहे

द सो यू कैन सी दिस यूआरएलएस ओके मैं कम

करता हूं मैं इसको क्लियर कर देता हूं इस

फाइल को एंड आई स्टार्ट माय सर्वर टोल से

नम स्टार्ट तो अब इसको और अच्छे से समझते

हैं डेट यूआरएलएस कम कैसे करते हैं तो मैं

पहले एक रिक्वेस्ट करता हूं लोकल होस्ट आ

8000

एंड

तो मेरे पास जो लोग बना वो कहां बना / ओके

यह फाi आई कैन को हम इग्नोर कर सकते हैं

ओके तो हम इस पाव आइकन को इग्नोर कर देते

कम करते हैं यहां पर एक वो कर देते हैं

यहां पर हम एक ऐप दल देते हैं डेट अगर

रिक्वेस्ट डॉट यू आर एल इस इक्वल्स तू

इक्वल तू फाइव आई कनॉट आय को तो मतलब

रिटर्न कर दो एक रिस्पांस डॉट एंड

रिस्पांस डॉट एंड गर्ल ठीक है तो मुझे

उसको ना लोग नहीं करना तो हमें अपने सर्वर

को रिचार्ज करना होगा तो एक बार दोबारा से

करते हैं तो मैं इसको रिमूव कर देता हूं

से मैं यहां पे करूंगा रिफ्रेश तो सबसे

पहले हमारी एक रिक्वेस्ट है मतलब क्या

होता है डेट इट्स अन होम पेज इट्स अन रूट

ठीक है तो उसे केस में हम क्या कर रहे हैं

रिस्पांस सिंक होम पेज तो हमारा होम पेज

यहां पर लिखा गया

बहुत बढ़िया उसके बाद अगर मैं यहां पर

लिखता हूं स्लैश अबाउट इंटर करता हूं

एचटीटीपी मॉड्यूल जो जिस पथ पे हम

रिक्वेस्ट करते हैं ना उसको रिक्वेस्ट

यूआरएल में दल के दे देता है ठीक है तो

अभी रिक्वेस्ट आया है तो स्लैश अबाउट के

ऊपर हमने इसको हैंडल कर लिया बहुत बढ़िया

बहुत अगर मैं यहां पे लिखूं क्वेश्चन

मार्क यानी की मैंने क्वेरी पैरामीटर्स

स्टार्ट हो रहे हैं अब मैं यहां पे

बोलूंगा माय नाम ओके मैंने यहां पे बोला

माय नाम इसे लेट ऐसे मैंने बोला पियूष

इंटर तो यहां पर यू कैन सी डेट हुआ क्या

यहां पर 44 नोट फोन आया करेक्ट

में जाता हूं तो इस तरह का मेरा एक पास है

इस तरह का मेरा एक बात बना की जिसमें

स्लैश अबाउट पथ दें सी हैव कोई भी

पैरामीटर्स एंड उसके बाद माय नाम इसे अलसो

पियूष

तो यहां पर हुआ क्या

पास नहीं करता ठीक है इसको नहीं पता की

क्वेश्चन मार्क से पहले इसको सेपरेट आउट

करना है उसके बाद ये मेरा पथ होगा और ये

मेरे क्वेरी पैरामीटर्स होंगे ठीक है

तो इसके लिए हमें क्या करना पड़ता हमें एक

एक्सटर्नल पैकेज का उसे करना पड़ता है ठीक

है तो वो मतलब दिखाता हूं इफ यू गो तू

npmgs.com तो ये एक वेबसाइट है npmgs.com

लेटेस्ट गो तू npmgs.com तो ये वो इसको

बोलते है नोट पैक नोट पैकेज मैनेजर

जावास्क्रिप्ट तो यहां पर वो सारे पैकेजेस

है जिसको मैं अपने नोट्स अगर मैं इंस्टॉल

कर सकता हूं तो यहां पे कम करते हैं यहां

पर एक पैकेज को सर्च करते हैं यू ए रहा है

ठीक है तो मैंने पैकेज को सर्च किया

यूआरएल तो ये एक पैकेट है यूआरएल ये कहता

है तो यहां पे देखते हैं यूआरएल क्या करता

है वो बोलता है डेट अगर तुम्हारा ये

यूआरएल है ना तो इस यूआरएल को मैं क्या

करूंगा मैं तुम्हें कन्वर्ट कर दूंगा डेट

इस प्रोटोकॉल क्या है इसका होस्ट क्या है

इसका अर्थ क्या है तो मतलब एवरीथिंग ये

हमारे लिए पार्सल के देगा तो इसको इंस्टॉल

कर लेते हैं ठीक है तो इंस्टॉल का मैन

क्या नम इंस्टॉल

ठीक है तो तुम इसको इंस्टॉल भी लिख सकते

हो तुम इसको सिंपल आए भी ले सकते हो एंड

यू आर एल ये क्या करेगा

ठीक है एंड ये हमारे लिए पैकेट इंस्टॉल कर

लेगा अब इसने किया होगा इसने पहले तो

पैकेज के अंदर एक डिपेंडेंसी बना दी होगी

यूआरएल ठीक है ऑटोमेटेकली तो इसमें क्या

किया एक डिपेंडेंसी बना दिया यूआरएल और

इसका ये वर्जन ले आया 24 का वर्जन क्या है

जीरो पॉइंट 11.0 सो 0.11.0

और यहां पर एक नोट मॉडल्स का फोल्डर बन

गया ये फोल्डर के अंदर एक्चुअल कोड है इस

पार्टिकुलर लाइब्रेरी का तो जो हमें अभी

हमने ये लाइब्रेरी इंस्टॉल की ना इसका जो

कोड है वो मॉडल्स में ए गया

अच्छा व्हाट टाइप मैं इसको डिलीट कर डन

मैंने गलती से नो मॉडल डिलीट कर दिया

करेक्ट अब हुआ क्या वो जो यूआरएल पैकेज का

कोर्स है वो डिलीट हो गया तो मैं क्या

करूंगा मैं यहां पे बोलूंगा एनबीएम

इंस्टॉल सिर्फ ठीक है तो ये क्या करेगा ये

ना मेरी डिपेंडेंसी

यूआरएल उसे कर रहे द तो जैसे ये क्या

करेगा देखिएगा नोट मॉडल नहीं है और उसको

मेरे लिए इंस्टॉल दोबारा कर देगा तो ये

दोबारा से इंस्टॉल हो गया ठीक है तो मतलब

की यहां पर होना जरूरी है डिपेंडेंसी में

होना जरूरी है एमपी में सवाल अपने आप मेरे

लिए वो पार्टिकुलर पैकेज इंस्टॉल

है तो यहां पर मैंने यूआरएल को इंस्टॉल कर

लिया जस्ट ए सेकंड तो यहां पर मैंने

यूआरएल को इंस्टॉल कर लिया तो मैंने इसको

इंपोर्ट कर लिया अब मैं क्या बोलूंगा मैं

यहां पे बोलूंगा यहां पे मैं बोलूंगा कैसे

माय यूआरएल =

यूआरएल

और इसके अंदर में अपना जो रिक्वेस्ट

यूआरएल है ना ये पास कर दूंगा ठीक है अब

यहां पे कंसोल डॉट लॉक करते हैं माय

यूआरएल को सो कंसोल डॉट लोग माय यूआरएल तो

देखते हैं मैं यूआरएल को किस तरह से पास

करता है तो नम स्टार्ट करके हम अपने सर्वर

को स्टार्ट कर लेते हैं तो इसी पे

तुम्हारा एक रिक्वेस्ट करते हैं तो क्या

सो लेट अस सी डेट क्या दे रहा है ये दे

रहा है प्रोटोकॉल नल प्रोटोकॉल नल क्यों

है बिकॉज मैं लोकल होस्ट के ऊपर हूं

करेक्ट स्लैश स्पोर्ट्स सब कुछ नल है कोई

बात नहीं तो यहां पर अगर मैं इसको जूम

करता हूं सो यू कैन सी डेट क्या कुछ है

ठीक है फुल पथ क्या है

यह पूरा पत्थर ठीक है

इसने क्या किया

पथ ने मुझे दे दिया स्लैश अबाउट

पियूष और सर्च में इसमें आगे इट इस मेरे

को वो चीज दे दी करेक्ट अच्छा वाटर अगर

मेरे पास मल्टीपल होते हैं मतलब मैं यहां

पे लिखता एंड मेरी यूजर आईडी = 1 तो देखते

हैं क्या करता तो इसने क्या किया इसने

इसने कोइरी दे दिया माय नाम बिकॉज ऑफ

पियूष एंड यूजर आईडी वैन पार्ट नाम दे

दिया उसके बाद ठीक है तो मतलब व्हाट आई

कैन डू आय कैन से तो अब इसको थोड़ा सा और

अच्छे से करते हैं तो मुझे ये पता है डेट

मुझे ना जो ये केस लगाना है रिक्वेस्ट के

ऊपर नहीं लगाना मुझे इसको पथ नाम के ऊपर

लगाना है तो मैं करके बोलूंगा मैं इसको

बोलूंगा डेट जो भी मेरा लेना माय यूआरएल

डॉट पार्ट नाम ठीक है तो अब क्या होगा एवं

पासिंग डोंट फॉरगेट तू रिचार्ज ठीक है तो

हम अपने स्टार्ट कर लेते हैं तो क्या होगा

अगर मैं इसको रिफ्रेश करता हूं तो इनफेक्ट

मेरे पास यहां पर पूरा पथ है आई एम हेविंग

dispatth नाम लेकिन फिर भी मेरा जो

रिक्वेस्ट है वो स्लैश अबाउट के ऊपर जा

रही है ठीक है बिकॉज मैंने उसमें से

एक्सट्रैक्ट कर लिया है तो लोग देखोगे तो

लोग तो यह लॉक तो यह पूरा बन रहा है लेकिन

फिर भी मैं अपने पास पे जा का रहा हूं ठीक

है अब मुझे क्या करना है ना मुझे देखना है

डेट यूजर है ना ये वैरियेबल्स कैसे पास

किया जैसे माय नाम इस अलसो पियूष एंड यूजर

आईडी वैन तो मैं क्या करूंगा तुम्हें यहां

पर ऐसा कुछ कर सकता हूं क्या मतलब आई गो

तू डॉक्यूमेंटेशन तो ये हमारी

डॉक्यूमेंटेशन है तो फॉर एग्जांपल मुझे

यहां पर कोई पैरामीटर चाहिए ठीक है तो

देखते हैं कैसे कर सकते हैं तो मैं यहां

पे बोल सकता हूं कॉस्ट

कप मतलब क्वेरी पैरामीटर्स = तो यहां पर

मैं क्या कर सकता हूं अगर तो मैं इस

पार्ट्स में जाते हो सो यू कैन सी डेट

यहां पर एक पैरामीटर होता है parsquare

स्ट्रिंग तो मैं यहां पे बोलूंगा ट्रू ठीक

है तो मैंने कुछ नहीं किया मैंने यहां पे

ट्रू पास कर दिया इसका मतलब मैं इसको बोल

रहा हूं की यार मेरे को ना कोई पैरामीटर

स्ट्रिंग्स को भी बाहर करना है अब दोबारा

से मम स्टार्ट करते हैं अब देखना क्या

होगा तो मैं इसको एक्सपेंड कर लेता हूं अब

अगर मैं रिफ्रेश करता हूं तो हमारे पास

क्या ए रहा है हमारे पास एक कोई भी ए रहा

है जिसके अंदर यू कैन सी सी हैव माय नाम

पियूष यूजर आईडी वैन तो इसमें मतलब मेरे

लिए डिफरेंट कर दिया उसको अपने पास कर

दिया करें तो यानी की अगर मैं यहां पे और

भी पास करता हूं आई कैन से एंड सर्च

में रही है माय नाम यूजर आईडी सर्च बहुत

बढ़िया

से तो मैं क्वेरी पैरामीटर में जाऊंगा तो

नॉट लाइक दिस तो एल से क्वेरी पैरामीटर =

माय यूआरएल माय या फिर हम यहां पे बोलते

हैं की कौन यूजर है जो रिक्वेस्ट करें तो

यूजर का नाम क्या है तो मैं इसको बोलूंगा

माय यूआरएल डॉट उसके बाद कोई भी ठीक है और

फिर मैं क्या कर सकता हूं इसका नाम क्या

था क्वेरी डॉट माय नाम ठीक है तो डॉट माय

नाम ले लूंगा एंड मैं सेंड किया करूंगा

मैं बोलूंगा हे

और उसके बाद यूजर का

रिचार्ज

वो देता हमें जॉन तो यहां पर क्या आता हे

जॉन ठीक है तो सिमिलरली गूगल क्या कर रहा

होगा वो यहां से कर रहा होगा माय

url.co.in सर्च ठीक है मतलब वो क्यों राइट

गूगल के केस में हमारे पास क्या था के था

एंड इफ यू रिमेंबर यूट्यूब के केस में

हमारे पास क्या था सर्च अंडरस्कोर

रिजल्ट्स तो यूट्यूब का सर्वर क्या कर रहा

होगा वो कुछ इस तरह से कर रहा होगा डेट

उसने एक पंच बनाया होगा तो उसने केस बनाया

होगा स्लैश सर्च ठीक है स्लैश सर्च इसमें

उसने क्या किया होगा उसने बोला होगा कॉस्ट

की व्हाट यूजर वांट्स तू सर्च तो मैं मतलब

यूजर ने क्या सर्च किया तो वो बोलेगा माय

क्वेरी माय यूआरएल ठीक है उसके बाद डॉट सो

यू आर एल क्या जा रहा है सर्च अंडरस्कोर

क्वेरी सो सर्च अंडर स्कोर

यहां पर डेटाबेस में से सर्च का वो किया

होगा ठीक है डाटा इसमें क्या होगा जो भी

उसने सर्च किया वो फाइंड करके फिर उसने कर

दिया होगा रेस डॉट एंड

तो response.in

इसका मतलब क्या बन रहा है तो मतलब की अगर

ये यूट्यूब है तो कुछ इस तरह से होगा की

तुम सर्च पर गए ठीक है एस ए ए आर सी ह

क्वेश्चन मार्क उसके बाद तुमने सर्च

क्वेरी डाला ठीक है तो तुमने क्या डाला

सर्च क्वेरी इकोसी जावास्क्रिप्ट

जावास्क्रिप्ट प्लस टिक प्लस तक प्लस तू

और तुमने इसको इंटर कर दिया सो हेयर आई

हैव सर्च रिजल्ट फॉर जावा स्क्रिप्ट ठीक

है तो यहां पे भी प्लस कर देते हैं

बिकॉज प्लस का मतलब क्या होता है

तो इस तरह से जो हमारा है इस तरह से जो

गूगल का सर्वर है इस तरह से हम चीजों को

हैंडल करते हैं ठीक है तो हमारे पास बात

होता है हमारे पास कोई भी पैरामीटर्स होते

हैं सो एक बार रिवाइज कर लेते सामने क्या

दिखाई वॉरेन के बारे में सो यूआरएल क्या

होता है हमारे पास जो यूआरएल होता है वो

तो यूनिफॉर्म रिसोर्स लोकेटर हमारे पास एक

प्रोटोकॉल होता है हमारे पास डोमेन होता

है लास्ट में हमारे पास क्या होता है पथ

तो ये पथ कुछ भी हो सकता है स्लैश अबाउट

पास हो सकता है स्लैश कॉन्टैक्ट अस सेक पथ

हो सकता है स्लैश प्रोजेक्ट स्लैश वैन एक

पथ हो सकता है उसके बाद हमारे पास आते हैं

क्वेरी पैरामीटर्स जो बेसिकली की वैल्यू

पर्स होते हैं क्वेश्चन मार्क से हम इसको

स्टार्ट करते हैं एंड से हम इसको सेपरेट

आउट करते हैं ओके सो दिस वैसे ऑल अबाउट

दिस वीडियो जिसमें हमने देखा था की यूआरएल

कैसे कम करता है तो अगर तुम अपना एक कवर

बना रहे हो इन एचडी टीवी ओके इन एचडी टीवी

तो हम क्या कर सकते हैं हम बेसिकली यहां

पे केसेस एड कर सकते हैं करेक्ट जितना भी

मेरे फंक्शनैलिटी जितने भी मेरे पेज

अवेलेबल है तो मैं उन सबकी एक स्विच केस

बना सकता हूं उसके बाद में जो भी मेरे को

कोई पैरामीटर्स चाहिए मैं उनको एक्स्ट्रा

डाउट करके उसके बेसिस पे मैं अपने डेटाबेस

के साथ कुछ भी इंटरेक्ट करके मैं अपने

डाटा को सेंड कर सकता हूं सो दिस इसे हो

अन बेसिक

फॉर्म्स ओवर की क्या होती है

डेट यूजर एक्चुअली में चाहता के डाटा

इसमें से डाटा को लेकर यूजर को वापस करना

तो यह हमारा पूरा कम होता है तो ये हमारा

पूरा कोड है तो हम अभी क्या कर रहे हैं तो

हम को इग्नोर कर रहे हैं तो वो मैं भगत

हूं क्यों तो पहले हम एक ब्लॉग बनाते हैं

हम अपने यूआरएल को पार्ट्स करते हैं हम

फाइल के अंदर किस तरह का लोग आया तो ये

हमारा पूरा लोग बन रहा है यू कैन सी डेट

ये हमारा पूरा लॉक है करेक्ट एंड उसके बाद

हम क्या करते हैं हम उसे यूआरएल को हम उसे

बेसिकली यूआरएल को हैंडल करके रिस्पांस को

सेंड कर देते हैं तो ये इस तरह से हमारा

पूरा शो और कम करता है सो थॉट्स ऑल फॉर

दिस वीडियो आई होप तुम्हें वीडियो अच्छा

लगा होगा वीडियो अच्छा लगा तो लाइक एंड

सब्सक्राइब जरूर करना मिलते हैं आपको

नेक्स्ट वीडियो में अंटील दें बाय टेक

केयर