वापसी पर स्वागत है।
तो इस वीडियो को इस वर्ग में एक बहुत बड़ा मील का पत्थर का प्रतिनिधित्व करता है।
हम विशुद्ध रूप से सामने अंत प्रौद्योगिकियों से वापस और वेब विकास के बारे में हमारी पहली पसंद करने के लिए आगे बढ़ रहे हैं।
इसलिए हम सब कुछ है कि हम सीखा है का उपयोग जारी रखने के लिए जा रहे हैं।
यह जी-मेल CSSA जावास्क्रिप्ट है, लेकिन हम कुछ नई प्रौद्योगिकियों कि हमें पूरा वेब अनुप्रयोगों के बनाने में मदद जानने के लिए जा रहे हैं।
बेशक इससे पहले कि हम कुछ कोड लिखने शुरू हम कुछ अन्य बातें हम की देखभाल करने की जरूरत है।
हम समीक्षा कर कैसे काम करता है इंटरनेट से शुरू करेंगे।
तो फिर हम गतिशील साइटों बनाम स्थिर और जहां सामने अंत फिट बैठता है और जहां पीठ के बारे में बात करने के लिए जा रहा है और में फिट बैठता है और ज्यादातर हम वापस विशिष्ट और प्रौद्योगिकियों कि हम साथ काम करने के लिए जा रहे हैं के बारे में गहराई में अधिक बात करेंगे रहे हैं।
ठीक है तो हम कैसे काम करता है इंटरनेट के 60 दूसरे संस्करण के साथ शुरू करते हैं।
जब हम एक यूरो के लिए मुझसे डॉट कॉम स्लेश पाठ्यक्रमों के लिए यहां जाना वहाँ कुछ चीजें हैं जो पर्दे के पीछे होता है।
पहली बात यह है कि हमारे कंप्यूटर क्या आईपी पते के एक अनुरोध भेजने के लिए यह पता लगाने की जरूरत है।
तो यह हमें लगता है आप आर-अरे तुम आ बाहर पढ़ने के लिए यह सही आईपी पते जो तुम्हारे और मेरे सर्वर के लिए अद्वितीय लोकेटर है हो जाता है।
फिर एक बार हम उस आईपी पते और नए युग टीटीपी अनुरोध भेजा जाता है।
तो एक अनुरोध है कि आईपी पते पर भेजा जाता है और यह सिर्फ एक खाली अनुरोध नहीं है।
यह जानकारी का एक गुच्छा है।
हम विशिष्ट जानकारी है कि अगले वीडियो में उस अनुरोध में हैं के बारे में अधिक बात करेंगे।
लेकिन लघु संस्करण इसे अपने स्वयं के आईपी की तरह बातें समय है कि आप अनुरोध के उस प्रकार पर भेज रहे पता है कि है।
और सबसे महत्वपूर्ण बात विशिष्ट पृष्ठ है कि आप के लिए पूछ रहे हैं।
इसलिए इस मामले में हम पाठ्यक्रम के पृष्ठ के लिए पूछ रहे हैं।
तो यह है कि अनुरोध है कि मेरे बगल में भेजा है कि अनुरोध हो जाता है में इनकोडिंग है और इसे बाहर के आंकड़े क्या करना है।
और फिर यह कुछ के साथ प्रतिक्रिया करता है।
हम स्लैश पाठ्यक्रमों के लिए पूछ रहे हैं तो अगर Tomy सर्वर पता लगाना होगा क्या कोर्स पृष्ठ पर जाने की जरूरत है।
तो मुझे लगता है कि यह एक डाटाबेस में चला जाता है और पकड़ लेता पाठ्यक्रम और छवियों का एक गुच्छा उन्हें कुछ सफलता और कुछ जावास्क्रिप्ट के साथ इस एक लंबे एचटीएल फ़ाइल में संकलित और फिर इसे अंत में मेरे कंप्यूटर के लिए मेरे पास वापस भेज दिया जाता है HTP प्रतिक्रिया है और फिर यह हो जाता है एक ब्राउज़र जिनका काम करने के लिए पृष्ठ प्रस्तुत करने के लिए है।
तो यह क्या वास्तविक सामग्री पहले की तरह हमारे ब्राउज़र यह ख्याल रखती लग रहा है और मनुष्य के रूप में हमारे लिए यह renders है।
यह वही है जो कंप्यूटर जावास्क्रिप्ट में सिर्फ एचएमओ सफलता देखता है।
उस के सभी संक्षेप करने के लिए जब मैं एक यूआरएल के लिए जाना है और मैं पहली बात यह है कि ऐसा होता है कि हम उस डोमेन के लिए आईपी पते खोजने की जरूरत है और फिर हम एक HTP अनुरोध है कि आईपी पते पर एक विशेष पेज के लिए पूछ रहा है और उसके बाद सर्वर भेज रहा है हिट दर्ज उस अनुरोध को प्राप्त करता है।
यह बाहर के आंकड़े क्या क्या साथ जवाब के लिए क्या करना है।
और फिर यह एच.एम. के साथ वापस प्रतिक्रिया करता है जावास्क्रिप्ट में एस एस।
अगले बात मैं चर्चा करना चाहते हैं स्थिर और गतिशील वेब पृष्ठों के बीच अंतर है।
हम कैसे इंटरनेट काम करता है के बारे में जल्दी वीडियो में से एक में भी इस बारे में बात की थी।
मैं एक त्वरित संक्षिप्त क्या करना चाहते हैं, क्योंकि यह वापस अंत चर्चा हम कर रहे हैं उस बारे में है करने के लिए महत्वपूर्ण है।
तो वहाँ वेब साइटों स्थैतिक पृष्ठों और गतिशील पृष्ठों गतिशील वेब पृष्ठों के दो विभिन्न प्रकार साइटों है कि सर्वर साइड जहां सर्वर एक साथ खींच या एक वेब पेज निर्माण कर रहा है इससे पहले कि इसे वापस एक प्रतिक्रिया के रूप में भेजा है पर संकलित कर रहे हैं कर रहे हैं।
सब कुछ हम अब तक लिखा है स्थिर हो गया है।
तो फिर भी कुछ इस तरह है कि यह गतिशील सामग्री है क्योंकि वहाँ की तरह यह स्थिर है प्रतीत नहीं होता है।
हम यादृच्छिक रंग हर समय मिलता है और यह एक खेल है।
यह रेस्तरां वेब पेज उदाहरण है कि मैं इस विषय पर पहले वीडियो पर प्रयोग के रूप में के रूप में स्थिर प्रतीत नहीं होता है, लेकिन यह अभी भी स्थिर है, क्योंकि यह जावास्क्रिप्ट में एक ही एचएमओ सी एस एस है।
हर बार।
हाँ, यह अलग लग रहा है क्योंकि हम कुछ बेतरतीब रंग है, लेकिन यह एक ही मौलिक टुकड़े हर समय है कि हम एक गतिशील वेब साइट पर ब्राउज़र में खोलने जा रहे हैं।
हम अलग अलग जावास्क्रिप्ट या अलग सी एस एस विभिन्न प्रत्येक टीम को वापस हर बार भेजा जा रहा है हो सकता था।
तो जब हम उदाहरण के लिए रेडिट की तरह कुछ करने के लिए जाना है और मैं पृष्ठ ताज़ा मैं यहाँ विभिन्न सामग्री प्राप्त कर सकते हैं।
और वास्तव में मैं हर बार जब आप ताजा पेज आप नई सामग्री प्राप्त कर रहे हैं और इसलिए वहाँ एक डेटाबेस है कि चीजों का संकलन है करो।
वहाँ कुछ कोड यदि आप में लॉग इन कर रहे हैं की जाँच है और अगर तुम तो में लॉग इन कर रहे हैं यह यहाँ पर आप एक रूप नहीं दिखाया जाएगा, लेकिन यह आप एक लॉग आउट बटन दिखाएगा।
और अगर आप इसे में लॉग इन नहीं कर रहे हैं आप एक रूप से पता चलता है और इसे आप में प्रवेश करें या बटन साइन अप करने से पता चलता है।
इसलिए इस वेब पेज ठीक उसी एच जी एम एल सी जावास्क्रिप्ट एसएस कि मेरे पास वापस भेजा हर बार सर्वर वास्तव में क्या वापस भेजने के लिए तय है नहीं है।
इससे पहले कि यह इस साइट बनाम यह मेरे लिए भेजता है एक वेब पेज के निर्माण में यह एक ही सटीक सामग्री हर एक समय है।
ठीक है तो चलो अब वापस अंत पर थोड़ा और अधिक ध्यान केंद्रित करते हैं।
इसलिए इस चित्र एक सामान्य ढेर के ढेर है और एक शब्द है कि प्रौद्योगिकियों कि एक विशेष वेब आवेदन का उपयोग करता है के सभी का उल्लेख किया जाता है।
तो H.T. मेल्चिओर कहते हैं जावास्क्रिप्ट में हमेशा से रहे हैं लगभग हमेशा आजकल बड़ा फैंसी वेब क्षुधा पर एक ढेर का हिस्सा हैं।
तकनीकी तौर पर हम एक वेब साइट है कि किसी भी सफलता नहीं है हो सकता था।
यह सिर्फ घृणित होगा।
हम एक वेब साइट है कि किसी भी ग्राहक की ओर जावास्क्रिप्ट के रूप में अच्छी तरह से नहीं है, हो सकता है और यह सिर्फ बहुत इंटरैक्टिव नहीं होगा।
लेकिन हम अभी भी है जहां हम एक को देखने की तरह हम मूल फोटोग्राफी पोर्टफोलियो साइट सिर्फ एक टीम Eliseus हमें लेकिन अधिकांश वेब क्षुधा जैसा कि मैंने उल्लेख सभी HDMI elsea कहते हैं और जावास्क्रिप्ट कि बैकएंड पर वापस भेजा जा रहा है के साथ किया था एक बिल्कुल अच्छा वेब साइट बना सकते हैं बहुत अधिक वेरिएंट।
तो वहाँ अलग अलग भाषाओं में है कि हम सर्वर साइड कोड लिख सकते हैं और हम लिखने या वापस कर सकते हैं और रूबी या अजगर या Skala या जावा या जावास्क्रिप्ट या THP का उपयोग कर।
वहाँ बहुत सारे विकल्प हैं।
वहाँ वहाँ बाहर विभिन्न डेटाबेस के सभी प्रकार हैं।
पोस्ट के बाद संकट और मेरी के रूप में अच्छी तरह से और मोंगो में यह अगली कड़ी है और वहाँ इतने सारे विकल्प है।
इसलिए अवधि ढेर क्या खास विकल्प डेवलपर्स बना दिया है और क्या सटीक प्रौद्योगिकियों कि वे का उपयोग करने के लिए संदर्भित करता है।
यह डेवलपर्स के लिए एक बहुत ही आम सवाल एक दूसरे से पूछने के लिए है।
कि कंपनी या क्या हो चुकी है आप इस विशेष परियोजना पर प्रयोग कर रहे हैं पर अपने ढेर क्या है।
तो यहाँ रेडिट ढेर के एक वास्तविक जीवन उदाहरण है।
इसलिए इन प्रौद्योगिकियों कि रेडिट ने अपनी वेबसाइट पर उपयोग करता है की कुछ कर रहे हैं।
तो साइट एक रूपरेखा कुप्पी कहा जाता है का उपयोग कर अजगर में लिखा है।
यह एक इंजन X सर्वर पर बनाया गया है और यह अपने डेटाबेस के रूप में postscripts उपयोग करता है।
वहाँ वास्तव में एक वेब साइट पर अलग अलग कंपनियों के ढेर ढेर शेयर बुलाया साझा करने के लिए समर्पित है।
इसलिए मैं इसे यहाँ खुला है और इस बनावट पर रेडिट पेज है और हम सब वे का उपयोग विभिन्न प्रौद्योगिकियों देख सकते हैं।
और आनुवंशिकी अजगर पद Gresse अमेज़न S3।
और यह क्या वे के लिए इस्तेमाल कर रहे हैं के बारे में थोड़ा नीचे आपको बताता है।
कितने प्रतीक हैं से अभिभूत मत होना।
कितने नामों और इन सभी विभिन्न श्रेणियों और इन सभी विभिन्न पदों।
यही कारण है कि यहाँ ध्यान नहीं है।
सभी मैं आप दिखाना चाहते हैं कि विभिन्न वेब साइटों विभिन्न प्रौद्योगिकियों का उपयोग करें।
तो चलो ढेर पर क्लिक करते हैं और हम कुछ अन्य कंपनी के ढेर पर एक नज़र ले जा सकते हैं।
उदाहरण हवा बी और बी के लिए कि FBN बी रेल और रूबी कि जावास्क्रिप्ट जावा के लिए मेरे Esky अच्छी तरह से बहुत का उपयोग करता देख सकते हैं।
वे विभिन्न प्रौद्योगिकियों की एक पूरी गुच्छा का उपयोग करें।
तो चलो यहाँ हमारे स्लाइड करने के लिए वापस जाओ।
एक और बात मैं ऊपर लाने के लिए चाहते हैं कि इस नीली रेखा यहीं पीछे के अंत और सामने अंत के बीच की सीमा को दर्शाता है।
इसलिए हम चर्चा कैसे एक गतिशील साइट बैकेंड पर एक सर्वर से निर्माण किया है।
यहाँ तो यह सही आरेख के इस भाग में, जहां साइट के गतिशील हिस्से में आता है।
तो यह सब तर्क लाल रंग में पायथन में लिखा है कि यह मामला है कि बाहर के आंकड़े अगर हम एक रूप है क्या पृष्ठ में जोड़ने के लिए जोड़ क्या छवियों में डाल करने के लिए अगर हम एक हस्ताक्षर की आवश्यकता है दिखाने की जरूरत है और यदि कोई उपयोगकर्ता में लॉग इन किया जाता है बटन या एक बटन साइन आउट में ताला।
कि सब के सब पीठ में और आरेख के इस हिस्से में किया जाता है और फिर इसे ज टिम एल सी एस एस और जावास्क्रिप्ट वापस भेजता है।
यहाँ तो हो चुकी है कि हम सीख रहे हो जा रहे है।
हम नोड जम्मू का उपयोग करने के लिए जा रहे हैं।
हाँ।
इसलिए हम अभी भी जावास्क्रिप्ट लिख सकता हूँ, लेकिन हम बैकएंड पर यह लिख रहा हो जा रहे हैं।
हम एक रूपरेखा एक्सप्रेस कहा जाता है का उपयोग करने के लिए जा रहे हैं और हम भी हमारे डाटाबेस के रूप में मंगू DBI का उपयोग करने के लिए जा रहे हैं।
और फिर बेशक हम भी होगा ज टी एम एल सी एस एस और जावास्क्रिप्ट जैसे हम पिछले कुछ इकाइयों में उपयोग किया गया है।
इसलिए अभी पाठ्यक्रम में इस बिंदु पर आप अपने आप को एक सामने अंत डेवलपर या प्रशिक्षण में एक सामने अंत डेवलपर जहाँ हम सब कुछ आप वेब साइटों के सामने के छोर बनाने शुरू करने के लिए पता करने की जरूरत को कवर किया है पर विचार कर सकते हैं।
अब हम वेब विकास में वापस बारे में बात शुरू करने जा रहे हैं और एक बार हम कोर्स के अंत की दिशा में मिलकर उन दो लाने जहाँ भी एक्सप्रेस ए.जे. साथ सर्वर साइड कोड लिखने मोंगो डी-बी के रूप में हम में उपयोगकर्ता लॉग है, लेकिन हम भी ग्राहक के पक्ष या सामने के छोर जावास्क्रिप्ट लिख रहे हैं।
एच टिम एल और सी एस एस।
यही कारण है कि हम पूर्ण हो चुकी है वेब विकास कहेंगे है।
अवधि पूर्ण हो चुकी है वेब विकास ढेर पीछे के अंत और सामने अंत के सभी भागों पर कोड लिखने को दर्शाता है।
यहाँ कार्यक्षमता है कि हम टोकरी पर लागू कर सकते हैं में से कुछ का एक चित्र है।
और यह एक उदाहरण के रूप में उपयोग कर रहा है रेडिट फिर आप देख सकते हैं कि हम चेक जैसी सुविधाओं है, तो उपयोगकर्ता एक उपयोगकर्ता साइन अप में लॉग इन किया है एक नई टिप्पणी बनाने के डेटाबेस के लिए एक नई पोस्ट जोड़ने डेटाबेस तरह से एक के बाद हटा दें और रैंक पदों का सृजन एक नए उप रेडिट समाचार पत्र के लिए एक ग्राहक जोड़ने और बचाने के लिए है कि डेटाबेस में।
और निश्चित रूप से सबसे महत्वपूर्ण एक बाहर आंकड़ा क्या प्रत्येक टीम जावास्क्रिप्ट में आकलन उपयोगकर्ता जो फिर वापस भेज दिया जाता है को वापस भेजने के लिए देखेंगे।
इस नीली रेखा जहां अब हम सामने के छोर कि H.M.S. करने जा रहे हैं पार हत्यारों और जावास्क्रिप्ट मेरे पास वापस भेज दिया जाता है और फिर मैं अपने ब्राउज़र में देखते हैं।
मैं एक और आरेख यहां भी बात करती है कि के बारे में सामने पीछे के अंत की तुलना में खत्म होता है, लेकिन यह थोड़ा अलग स्वरूपित है।
यह और कुछ पेज लोड के पाठ्यक्रम पर सामने अंत और पीठ के बीच घटनाओं के अनुक्रम आरेख।
तो सामने के छोर पर अगर मैं इसे डॉट कॉम पढ़ सकते हैं और ताज़ा करने के लिए जाना।
मैं रेडिट मुखपृष्ठ के लिए एक अनुरोध भेज रहा हूँ और फिर उस इसे पढ़ने के लिए चला जाता है।
अनुरोध है कि उनके सर्वर के लिए बनाता है और सर्वर देखता है कि मैं मुख पृष्ठ के लिए पूछ रहा हूँ।
तो वहाँ कुछ सर्वर साइड तर्क है कि डेटाबेस से इस शीर्ष पद के पकड़ लेता है और हर समय LNC एस एस और जावास्क्रिप्ट कि मैं यहाँ देखने में आता है और फिर भेजता है कि मुझे वापस करने के लिए जो मैं तो अपने ब्राउज़र में देखने के लिए।
अगले कदम है कि मैं कुत्तों जो मैं अभी कर यहां कुत्तों टाइप करें और हिट दर्ज करेंगे जैसे खोज बॉक्स में कुछ लिखते सकता है।
और जब मैं एक नया अनुरोध हिट दर्ज वापस रेडिट सर्वर के लिए इस बार भेजा कह रही है कि मैं कुत्तों के लिए खोज कर रहा हूँ है।
इसलिए सर्वर कुछ तर्क है कि मेरी खोज पद कुत्तों लेता है और यह सभी पदों है कि डेटाबेस में उस अवधि से मेल पाता है और तब यह मुझे कुत्ते के परिणाम पृष्ठ के लिए जावास्क्रिप्ट में कुछ नए युग पुरुष का आकलन करता है और फिर यह मेरे लिए है कि वापस भेजता है ।
और फिर अपने ब्राउज़र यह renders और मैं यह एक बहुत ही बहुत ही सरल संस्करण जाहिर है कि देखते हैं।
वहाँ एक बहुत अधिक पर्दे के पीछे हो रहा है और रेडिट वास्तव में बहुत ही इसे पढ़ने के लिए इसी तरह की एक आवेदन के हमारे अपने संस्करण बनाने जा जाएगा।
एक बार जब हम एक्सप्रेस के बारे में अधिक जानने के लिए और जे.एस. जानते और मोंगो डीबी और हम एक पूर्ण ढेर आवेदन बनाने होंगे।