इस ब्लॉग पर हमारे पिछले वीडियो के लिए वापस स्वागत है।
इसलिए हम बदलना होगा।
हम बनाने जा रहे हैं।
पहले एक एक्सप्रेस sanitiser कि मैं उस समस्या जहां अगर HDMI ओलाफुर प्रदर्शित करने के लिए वास्तव में उसे एक उपयोगकर्ता प्रतिपादन संभावित बजाय कुछ हानिकारक जावास्क्रिप्ट एक स्क्रिप्ट हैक प्रवेश कर सकता है के साथ हमें मदद मिलेगी जो उल्लेख लागू है।
हम तो हम sanitiser का उपयोग करें कि मूल रूप से है कि इनपुट लेता है और यह इसे से बाहर सभी लिपियों को हटा के साथ हमें मदद करने के लिए है कि कोड को चलाने के लिए नहीं करना चाहते हैं और सिर्फ हमारे सहकर्मी उसे बाहर आयु वर्ग के लिए देता है।
और फिर हम भी सूचकांक पृष्ठ एक बिट शैली करना चाहते हैं।
यह एक छोटा सा किसी न किसी तरह लग रहा है और पिछले कुछ करना होगा एक शोकहारा रोड्स मेज पर एक छोटे से अद्यतन सिर्फ यह आप के लिए एक छोटे से अधिक उपयोगी बनाने के लिए कर रहा है।
तो चलो sanitiser के साथ शुरू करते हैं।
तो मैं एक पैकेज एक्सप्रेस डैश डैश डैश sanitiser कहा जाता है स्थापित करने के लिए जा रहा हूँ।
बचाना।
ठीक।
अब जब कि कि हमारे app में किया है हाँ हम यह अपेक्षा करने के लिए इतना एक्सप्रेस sanitiser के बराबर होती है कि एक्सप्रेस Desch sanitiser बस ऐसे ही आवश्यकता जा रहे हैं।
और फिर हम का उपयोग करने के लिए यह एप्लिकेशन एक्सप्रेस sanitiser का उपयोग हमारे app बताने के लिए है और केवल आवश्यकता है कि यह सब पार्सर के बाद चला जाता है।
यहाँ परिभाषित करें।
ठीक।
और बस।
अब इसका इस्तेमाल करने के लिए आप ऐसा करने के बजाय बनाई गई हैं शुरू करने के लिए जब आप एक नया ब्लॉग बनाने चाहते हैं।
तो यह वास्तव में एक अद्यतन बनाने रहा है।
दो स्थानों पर जहां हम डेटा ले जा रहे हैं और डेटाबेस में बचत कर रहे हैं।
दोनों बार आप यह सुनिश्चित करना चाहते इनपुट को साफ और बजाय बनाने के लिए क्या हम साफ करना चाहते है शरीर के शरीर को लॉग जो एक मेस के ऊपर का अनुरोध शरीर में जो कुछ भी एक रूप है जो कुछ डेटा अनुरोध में है से आ रही है याद प्रकार है अप का अनुरोध शरीर जो हमारे मामले में एक फार्म से आ रही है तो ब्लॉग यहीं इस लाइन की वजह से है।
ब्लॉग शीर्षक ब्लॉग छवि और अंत में शरीर ब्लॉग पाते हैं।
और यह एक है कि हम के बारे में परवाह है।
इसलिए हम ब्लॉग डॉट शरीर क्या करना है।
तो यह एक लंबे नाम यहाँ की तरह है लेकिन अनुरोध शरीर को ब्लॉग अस्थायी शरीर।
और हम इतना है कि यह अनुरोध है कि स्वच्छ बनाना करने के लिए बराबर है इसे बदलने के लिए जा रहे हैं और हम इस पूरी बात को साफ करने के लिए जा रहे हैं।
इसलिए हम ले जा रहे हैं कि यह क्या वर्तमान में यह प्रतिबंध लगाया और फिर पूरे शरीर अनुरोध एक डंप शरीर लॉग इन किया है कि बराबर करने के लिए बदलने के लिए बराबर है।
तो मुझे लगता है कि स्पष्ट बनाने के लिए आप के एक कांस्टेबल ब्लॉग करते हैं करते हैं।
कि शरीर से पहले और बाद का अनुरोध करें।
बस असे ही।
और मुझे कुछ में जोड़ने के लिए यह एक छोटे से देखने के लिए आसान बनाने के लिए करते हैं।
महान।
ठीक।
तो चलो यह अब एक शॉट देते हैं।
पेज प्रारंभ सर्वर ताजा।
हम एक नया पद बनाने के लिए होगा।
की एक बस डेमो यादृच्छिक छवि कहा जाता है बनाते हैं और हम कुछ अच्छा HMO कि हम का उपयोग करने के लिए या कुछ बुरा जो सिर्फ फिर से एक चेतावनी होगी प्रवेश और फिर चाहते में जोड़ दें।
हम वहाँ चलें।
तो अगर यह काम करता है हम केवल यह है के बाद इन दोनों की और है कि पहले देखना चाहिए।
के बारे में क्या करने के लिए आ रहा है पर एक नज़र रखना।
उत्तम।
आप देख सकते हैं पहली बार शरीर को इस के बराबर है।
या फिर हम वहाँ दूसरी बार में हमारी स्क्रिप्ट टैग की थी।
शरीर केवल एच -1 है।
इसलिए कि हम सब कुछ साफ करने के लिए क्या करना है।
और हम अपने नए पद जो वे मानते हैं कि यह एक है करने के लिए जाना था, तो हम अब प्रदर्शित करते हैं।
यहाँ हम एक नज़र रखना।
हम इस मुद्दे खुद को प्रदर्शित कर रहे हैं, लेकिन वहाँ सब पर कोई स्क्रिप्ट टैग है।
तो बहुत अच्छा काम करता है।
आखिरी बात यह है कि वे क्या करना चाहते हैं एक ही कोड चला, लेकिन अद्यतन करने के बजाय इसे करते हैं।
हम सही वहाँ इससे पहले कि हम ब्लॉग पर अनुरोध को अद्यतन कर रहे हैं।
वैसे ही काम किया।
एक छोटी सी नहीं।
यह वही है जो एक मध्यस्थ जो हम वास्तव में अभी तक के बारे में बात नहीं की है के रूप में जाना जाता है के लिए एक अच्छा उपयोग मामला होगा, लेकिन यह कुछ है कि हम दो अलग अलग मार्गों में दो बार दोहरा रहे हैं।
हम क्या कर सकते हैं एक मध्यस्थ जो इन दोनों मार्गों से पहले इस कोड चलेंगे लिखना लेकिन हम मिडलवेयर को कवर करेंगे।
एक्सप्रेस तो के अंत में इस पाठ्यक्रम में बाद में हम इसे छोड़ने रहे हैं कि कैसे यह अभी के लिए है।
और कहा कि अभी ठीक काम करता है।
यही कारण है कि यह दोनों समय जब आप अद्यतन किसी को भी अगले बनाने स्वच्छ बनाना होगा।
पर ध्यान केंद्रित करते हैं या सूचकांक कि E.J ..
हाँ।
इसलिए यह काम का एक छोटा सा की जरूरत है।
अब इस अधिकार की तरह लग रहा है।
चलो कुछ चीजों को हटाने के द्वारा शुरू करते हैं।
और कहा कि इससे पहले कि हम पदों में sanitiser कहा कि मैं बनाया था में से एक था।
मैं इन लोगों को सिर्फ इतना है कि हम शैली के लिए आसान कुछ जहाँ हम वास्तव में चित्र देख सकते हैं के साथ खत्म छवियों की जरूरत नहीं है कि कुछ को हटाने के लिए।
ठीक है तो हम इन हम उन्हें केंद्र है शुरू करने के लिए क्या करना चाहते है और मैं कोड है कि हम पहले से ही इस्तेमाल किया है की एक बहुत का उपयोग करने के लिए जा रहा हूँ।
इसलिए हमारे सूचकांक के बजाय हम एक शीर्षक है कि अच्छा है, लेकिन फिर हम एक div के अंदर सब कुछ डाल करने के लिए जा रहे हैं और इस div बराबर वर्ग मुख्य पाठ कंटेनर जो है, जो हमें उस केंद्रित कंटेनर देता है यूआई के लिए होगा।
और फिर अंदर हमारे div होगा।
और यह मूल रूप से पिछले थोड़ा हम रूपों के लिए और दिखाने के पृष्ठ के लिए लिखा में पिछले छोटी लाइन से साफ किया है।
तो वर्ग आप विशाल हेडर के बराबर होती है और फिर हम सिर्फ सूचकांक पृष्ठ का एक सेट डाल देता हूँ।
चलो बस यह एक ब्लॉग के लिए आराम डाल दिया।
बस असे ही।
और फिर जब हम देखते हैं कि अच्छी तरह से किया है कि मैं एक और div जोड़ा।
यह एक है जो इस यूआई शीर्ष जुड़ी खंड है कि बॉक्स में सिर्फ इतना है कि छोटी लाइन और फिर वहाँ जा रहे हैं के अंदर के माध्यम से पाशन जा करने के लिए देता है यह हमारे खंड होगा।
और हम एक और लाइन बंद सेट से पहले हम भी लूप जो वर्ग यूआई विभाजित आइटम के साथ एक div है और उसके बाद प्रत्येक आइटम के लिए हम आप के अंदर मैं आइटम बांटा जाना है और हम उन दोनों के बीच डाल एक स्वचालित विभक्त पाने के लिए मिलता है।
इसलिए हम यह है आप आइटम बांटा जाता है में इस कोड को कॉपी करने के लिए जा रहे हैं।
क्या हम कुछ बदलाव करने की जरूरत है।
पहले सिर्फ कर्ज में है, लेकिन हम सिर्फ यह अंदर मुद्रित करने के लिए नहीं जा रहे हैं।
हम एक div वर्ग आइटम के बराबर है और फिर आइटम अंदर हम पहली बार हमारी छवि है और छवि वर्ग के साथ एक div छवि के लिए बराबर के बजाय जा सकते हैं और हम वहाँ कि बाहर रखा जाएगा और उस में मदद मिलेगी विवश होगा बनाने के लिए जा रहे हैं छवि का आकार तो हम उन विशाल अब पूरे स्क्रीन ले रही छवियों नहीं मिलता है।
ठीक है तो छवि छवि डाल अंदर फिर एक और div वर्ग सामग्री के बराबर जरूरत थी।
और यह वह जगह है जहाँ मैं कुछ चीजों को रखा जाएगा।
सबसे पहले एक शीर्षक और बजाय एक एच -2 एक शीर्षक वास्तव में के साथ और एक लंगर टैग और या लंगर टैग Hetter के बराबर वर्ग होगा, लेकिन यह भी एक रेफरी शो पृष्ठ के बराबर होगा बनाने के लिए कर रही है और एक प्रति Riskin है कि आप यहाँ सिर्फ इतना है कि जो आप पहले से ही पसंद कर रहे हैं।
इतना है कि हम एक ब्लॉग मैं उस पर क्लिक शो पृष्ठ पर जाने या अधिक पढ़ें पर क्लिक करने के लिए कर सकते हैं के लिए हमारी शीर्षक के साथ समाप्त कर सकते हैं इसलिए इतनी कारण है कि हम यह कर रहे हैं और अधिक लिंक पढ़ें।
चलो यकीन है कि हम एक छोटे से वाक्य रचना त्रुटि है बनाते हैं।
हम यहीं Atra फ्लॉप फिल्मों के लिए हमारे समापन उद्धरण याद आ रहे हैं।
ठीक।
ATRA शो पेज है और फिर कोष्ठक के अंदर हम एक ब्लॉग का शीर्षक है।
यह एक गड़बड़ की तरह है।
फिर उसके बाद हम बराबर वर्ग Metta करने के साथ एक div जो सिर्फ एक जगह है हमें इस विशेष आइटम हमारे मामले में सिर्फ तारीख हम पहले से ही है जिसके साथ एक अवधि होगी जिसके बारे में जानकारी डाल करने के लिए में जोड़ देंगे।
लेकिन मैं तारीख स्ट्रिंग के लिए बनाई गई इस तारीख के रूप में अच्छी तरह से तो ब्लॉग डॉट जो हम पहले से ही इस शो पेज पर देखा प्रारूप करने के लिए जा रहा हूँ और फिर हम वहाँ रहते हैं कि बंद तो हम एक div वर्ग विवरण के बराबर होगा।
और वह है जहाँ हम इस सामग्री डाल देता हूँ।
ब्लॉग की वास्तविक शरीर।
और नहीं बल्कि बराबर चिह्न कर की तुलना में मैं इसे वापस करने के लिए एक पानी का छींटा या नहीं बदल देंगे इसे वापस बदल लेकिन हम एक दश्त करने के लिए इसे बदल देंगे ताकि हम अपनी सामग्री की वास्तविक उम्र है कि अब साफ है मिलता है।
अंत में मैं एक div अतिरिक्त और बदले में उस के लिए शास्त्रीय और अधिक पढ़ने के लिए बटन रखा जाएगा और एक लंगर टैग कर देगा और मैं एक टैग हम पहले से ही है, कॉपी और यह सिर्फ एक छोटा सा परिवर्तन करने के लिए जा रहा हूँ।
इसलिए हम अब और शीर्षक के शास्त्रीय जरूरत नहीं है, लेकिन हम चाहते हैं बजाय एक बड़े बटन है।
तो मैं बुनियादी मंगाई।
Do वायलेट के अपने रंग फिर से उठाओ।
और हम इस एक छोटा सा कर सकते हैं।
यह निश्चित रूप से एक बहुत पर देखने के लिए।
तो चलो इस का सिर्फ एक छोटा सा ऊपर इस डाल डाल दिया।
तो उद्घाटन के बाद यहां तो लंगर टैग हम और अधिक पढ़ लिया होगा सेट और हम एक शेवरॉन आइकन जो सिर्फ एक छोटा सा तीर के बाद और अधिक पढ़ा जाएगा एक आइकन पर जोड़ देंगे।
वहाँ ठीक मैराथन।
सामान के बहुत सारे हम में जोड़ा।
सिर्फ यकीन है कि सब कुछ ठीक लग रही है बनाने के लिए और निश्चित रूप से सिर्फ समाधान कोड पर एक नज़र रखना है, तो आप स्क्रैच से लेने के लिए नहीं करना चाहती।
चलो देखते हैं कि यह कैसे लग रहा है कि आप किसी भी वाक्यविन्यास त्रुटियों नहीं है के लिए।
यही कारण है कि हम या हम सिर्फ तुम्हारे लिए क्या देख रहे हो जाना।
तो हम उस में पहले 100 अक्षर या के रूप में कई पात्रों को काटे रहे हैं वहाँ के रूप में इस पोस्ट में हैं।
इस मामले में और अधिक पढ़ें लिंक काम करता है पर बहुत ही कम क्लिक शो पृष्ठ पर ले जाता है।
हम वापस जाने के लिए संपादित करें।
हम यहाँ उसकी छवियों है।
बाद लाइनों हम हमारे Hetter हम इस खंड सब कुछ चारों ओर जा रहा है है विभाजित है और हम बहुत ज्यादा कर रहे हैं।
तो फिर आप की तरह इन कक्षाओं के सभी को पता है की तरह हम निश्चित रूप से नहीं लग रहा है नहीं लग रहा है।
मैं एक तरह से बस किया।
आप उन्हें आप को दे दी है पता है।
तेजी से आग शैली।
क्योंकि एक बात नहीं है आप इन सब सीखना है कि।
लेकिन आप और अधिक जानने के लिए और क्यों डॉटकॉम अर्थ Dashi में जाने के लिए करना चाहती हैं।
वहाँ महान ट्यूटोरियल और संसाधनों का एक बहुत कुछ है।
यह अभी भी नहीं के रूप में व्यापक रूप से बूटस्ट्रैप के रूप में प्रयोग किया जाता है, लेकिन यह निश्चित रूप से बढ़ रही है।
मैं अपने छात्रों का एक बहुत देखा है अपने दम पर यह मिल जाएगा।
जबकि अतीत में मैं ब्लूचिप अधिकांश में दो सबसे हाल ही कक्षाएं मैं छात्रों को वास्तव में जल्दी से सिखाया बिना मुझे कभी उन्हें यह दिखा इसके साथ प्यार में गिर करने के बाद उन्हें यह लागू होगा और वे बूटस्ट्रैप के ऊपर यह प्रयोग कर समाप्त हो गया।
अधिकांश छात्रों लेकिन पूरी तरह से आप पर निर्भर है।
मैं उन दोनों का आनंद लिया और बूटस्ट्रैप निश्चित रूप से अब के लिए और अधिक लोकप्रिय है।
ठीक है तो आखिरी बात यह है कि मैंने उल्लेख हम करते हैं हमारे टेबल सिर्फ एक छोटा सा refactor है।
और यह सब मैं करना चाहता हूँ नेवला तरीका है कि इन में से हर एक से मेल खाती है के लिए एक अंतिम कॉलम में जोड़ने के लिए है।
तो एक अद्यतन निकाल जोड़ सकते हैं और इतने पर आईडी के आधार पर 80 से मिल आईडी के आधार पर पाते हैं।
मैं कैसे टेबल काम की एक त्वरित समीक्षा हो जाएगा।
तो यहाँ एक चार्ट है कि राशि हम एक और वीं में जोड़ने की जरूरत है उम्र है और हम सिर्फ यह नेवला विधि कॉल और पूर्वावलोकन एक खाना पकाने पूर्वावलोकन ऊपर खुला और नीचे करने के लिए इसे यहां से स्थानांतरित दूँगा।
वहाँ हमारे टेबल या नए वीं है।
और फिर सूचकांक के लिए हम एक टीवी नेवला विधि में वहाँ कुत्ते के लिए जोड़ने के कुत्ते को खोजने के लिए किया जाना चाहिए करेंगे।
तुम वहाँ जाओ।
आगे हम नए जो वास्तव में एक मुनि के समान विधि बिल्कुल नहीं करता है।
तो बजाय इसे खाली छोड़ रहा है मैं सिर्फ इतना है कि यह करता है एक फाइल में डाल देता हूँ की तुलना में एक प्रपत्र प्रस्तुत करना है।
अगले हम बनाने के लिए और बनाने के लिए एक कुत्ता बना डॉट क्या करने जा रहा है।
और एक बहुत अच्छी सुविधा है, तो आप इस जीवन पूर्वावलोकन एक मिडी संपादन देखा आया है कि यह मुझे पता चलता है जब मैं यहाँ जो बहुत अच्छा है नीचे चयन कर रहा हूँ के रूप में है।
तो अगर आप भी निरीक्षक को खोलने के लिए और सिर्फ लाइव देखने की जरूरत नहीं है।
और वे बचाने के लिए या पेज को ताज़ा करने के लिए बिना बातें वे के रूप में अच्छी लाइव अपडेट बदलते हैं।
ठीक।
तो फिर हम एक शो है जो एक कुत्ता है कि उसके बाद आईडी के आधार पर पाते हैं कि हम यह राशि करता है।
जो भी एक कुत्ते आईडी के आधार पर जुर्माना लगाया जाए।
हम कुत्ते कि हम संपादन कर रहे हैं खोजने के लिए है और यह है कि फार्म के लिए है और उसके बाद अद्यतन एक कुत्ता है कि आईडी और अद्यतन लंबे समय से एक से trimed करता है।
और वह भी कुछ हद तक लंबे कुत्ते आईडी के आधार खोजने के लिए और हर जाने को दूर करता है।
चलो एक नज़र डालते हैं।
यहाँ हमारे तालिका है।
ऐसा लगता है कि मैं गलती से नष्ट सीडी यहाँ जो प्रदर्शित करने के लिए क्या अद्यतन करता है तो अद्यतन कुत्ते stuper गुदगुदाने वाला कुत्ता अद्यतन करने के लिए तो कहीं अनुप्रेषित माना जाता है कि माना जाता है में से एक।
ठीक है।
अब हम वापस सामान्य करने के लिए होना चाहिए।
यहाँ हमारे तालिका है।
तो केवल एक ही सब पर किसी भी नेवला तरीकों की जरूरत नहीं है कि।
यह नया है, क्योंकि कुछ भी डेटाबेस यह कुछ भी जोड़कर नहीं है नहीं मिल रहा है नया होने जा रहा है।
यह सिर्फ हमें एक रूप प्रदान करता है।
महान।
इसलिए उम्मीद है कि यह इस तालिका करने के लिए उल्लेख कर सकते हैं भविष्य में आप के लिए उपयोगी है।
मैं इसे वापस करने के लिए बात कर सकता हूँ निश्चित रूप से यह महत्वपूर्ण जानकारी है कि हम एक बहुत का उपयोग होगा की एक बहुत शामिल हैं।
ठीक है।
तो क्या अब हम इसे खत्म हम कुछ और मजेदार बातें कुछ और अधिक जटिल क्षुधा के लिए पर स्थानांतरित करने के लिए मिलता है।
मैंने देखा कि वहाँ अमेरिका का एक छोटा सा हो गया था पर एक बहुत कवर किया।
यह हमेशा के लिए बनाने के लिए एक मुश्किल एक है।
क्योंकि सिर्फ जानकारी का एक बहुत दिलचस्प है।
लेकिन लेकिन यह है कि विश्वसनीयता पढ़ें अद्यतन बनाने के लिए और एक इकाई को नष्ट करने में सक्षम हो महत्वपूर्ण है लपेटता की एक बहुत लेता है।
ठीक है।
मैं अगले एक साल में आप देखेंगे।