"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > अलुरा का निःशुल्क HTML और CSS चैलेंज: एक नेटफ्लिक्स प्रतिकृति बनाएं

अलुरा का निःशुल्क HTML और CSS चैलेंज: एक नेटफ्लिक्स प्रतिकृति बनाएं

2024-11-08 को प्रकाशित
ब्राउज़ करें:679

एचटीएमएल और सीएसएस कोड के 7 दिन अलुरा द्वारा आपके लिए फ्रंट-एंड के सार का अभ्यास करने के लिए पेश किया गया एक मुफ्त ऑनलाइन अवसर है।

7 दिनों में, आपको नेटफ्लिक्स फ़िल्म और सीरीज़ पेज के लेआउट को दोहराने की चुनौती दी जाएगी, जिसमें बुनियादी अवधारणाओं जैसे 'div', 'सेक्शन', CSS में छवियों और मापों के लिए इनलाइन से लेकर अधिक उन्नत तकनीकों तक सब कुछ लागू करना होगा। जैसे फ्लेक्सबॉक्स और ग्रिड।

यह प्रोजेक्ट आपको प्रत्येक टैग के सिंटैक्स को समझने और उसके कार्यों को समझने में मदद करने के लिए डिज़ाइन किया गया है, जिससे आप समस्या समाधान पर ध्यान केंद्रित कर सकते हैं।

अंत में, आपके पास एक अधिक मजबूत पोर्टफोलियो और एक अद्यतन GitHub होगा, जो आपके विकास को दिखाएगा। 7 दिनों में 7 चुनौतियों के साथ, यह अपनी पढ़ाई को व्यवहार में लाने और अपने फ्रंट-एंड विकास कौशल में सुधार करने का सही अवसर है।

HTML और CSS कोड के 7 दिन

एचटीएमएल और सीएसएस "7 दिनों का कोड" उन लोगों के लिए अलुरा द्वारा पेश किया गया एक मुफ्त ऑनलाइन अवसर है जो फ्रंट-एंड डेवलपमेंट में अपने कौशल को गहरा करना चाहते हैं।

Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix
घटना पृष्ठ से छवि

7 दिनों के लिए, आपको नेटफ्लिक्स फ़िल्म और सीरीज़ पेज के लेआउट को दोहराने की चुनौती दी जाएगी, जिसमें बुनियादी अवधारणाओं से लेकर अधिक उन्नत तकनीकों तक सब कुछ लागू किया जाएगा, जो किसी भी डेवलपर के लिए आवश्यक है।

आवश्यक अवधारणाओं को लागू करना

इस चुनौती में, आप 'div', 'सेक्शन', छवियों के लिए इनलाइन और CSS में माप जैसी बुनियादी अवधारणाओं का उपयोग करेंगे।

फ्लेक्सबॉक्स और ग्रिड जैसी अधिक उन्नत तकनीकों को लागू किया जाएगा ताकि यह सुनिश्चित किया जा सके कि आप उत्तरदायी और कार्यात्मक लेआउट बनाने के लिए आवश्यक उपकरणों में महारत हासिल कर सकें।

यह प्रोजेक्ट आपको प्रत्येक टैग के सिंटैक्स को समझने और उनके कार्यों को समझने में मदद करने के लिए डिज़ाइन किया गया है, जिससे आप अधिक जटिल समस्याओं को हल करने पर ध्यान केंद्रित कर सकते हैं।

अपना पोर्टफोलियो और GitHub विकसित करें

7 दिनों के गहन अभ्यास के अंत में, आपने न केवल HTML और CSS में अपना ज्ञान समेकित किया होगा, बल्कि अपने पोर्टफोलियो को भी समृद्ध किया होगा और अपने GitHub को एक वास्तविक और चुनौतीपूर्ण प्रोजेक्ट के साथ अपडेट किया होगा।

अपनी पढ़ाई को व्यवहार में लाने और नौकरी बाजार में अपने कौशल को उजागर करने का यह सही अवसर है।

चुनौती में सामग्री पर काम किया गया

  • दिन 1: पहले दिन, आपको फिगमा में एक पेज के लेआउट के साथ प्रस्तुत किया जाएगा, इसका विश्लेषण करें और अपने प्रोजेक्ट की मूल संरचना को व्यवस्थित करने के अलावा, नेटफ्लिक्स पेज के हाइलाइट बैनर बनाने के लिए इसका उपयोग करें। . आप छवियों, बटनों और अन्य चीज़ों की स्थिति के साथ खिलवाड़ करेंगे।
  • दिन 2: यहां आप नेविगेशन मेनू विकसित करेंगे, जिसे नेवबार भी कहा जाता है। इस अनुभाग में, आपके पास पेज मेनू लोगो और खोज, अधिसूचना और उपयोगकर्ता बटन होंगे। फ्लेक्सबॉक्स ज्ञान आपके जीवन को बहुत आसान बना देगा!
  • दिन 3: यह संभवतः सबसे महत्वपूर्ण चुनौती होगी, क्योंकि आप फिल्म और श्रृंखला ट्रैक के साथ काम करना शुरू करेंगे। आप 'मेरी सूची' रेल बनाएंगे, जिसमें उपयोगकर्ता द्वारा बाद में देखने के लिए सहेजी गई फिल्में शामिल हैं। आप अपने ग्रिड ज्ञान का उपयोग करने में सक्षम होंगे।
  • दिन 4: इस दिन आप 'हाई' ट्रेल लागू करेंगे, लेकिन जब उपयोगकर्ता किसी आइटम की छवि पर माउस घुमाएगा तो होवर एनीमेशन लागू करेगा।
  • दिन 5: यहां आप ट्रैक और एनिमेशन के साथ खेलना जारी रखेंगे। आप एक स्लाइड प्रभाव बनाएंगे, जैसे कि आपके पास फिल्मों/श्रृंखलाओं का एक कैरोसेल है जो नेविगेशन तीरों पर क्लिक करने पर घूमता है।
  • दिन 6: लगभग अंत में, आप पाद लेख विकसित करेंगे, जिसे पाद लेख भी कहा जाता है, और आपको इसे बहुत आकर्षक बनाने के लिए पिछले कुछ दिनों में अर्जित ज्ञान का उपयोग करने का मौका मिलेगा।
  • दिन 7: चुनौती के सातवें और अंतिम दिन, आप अपना पेज इंटरनेट पर मुफ्त में प्रकाशित करेंगे, ताकि अन्य लोग उस तक पहुंच सकें और यह आपके लिए एक पोर्टफोलियो के रूप में काम कर सके। आप समृद्धि के साथ समापन करेंगे!

आपको कौन चुनौती देगा?

फ्रंट-एंड डेवलपर फर्नांडा डेगोलिन, जो वर्तमान में ग्लोबोप्ले की प्रौद्योगिकी टीम पर काम करते हैं, इस चुनौती के संरक्षक होंगे।

फर्नांडा का मानना ​​है कि कला और प्रौद्योगिकी में दुनिया को बदलने की शक्ति है, और यह सीखने और विकास में आपका मार्गदर्शन करने के लिए तैयार है।

        Você pode gostar




                                Desafio De HTML E CSS Netflix

                        Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix 





                                Evento AWS Rumos

                        Evento Sobre AWS Gratuito Da Rumos: Boas Práticas De Segurança Na Cloud 





                                Bootcamp Java

                        Bootcamp De Java Com Spring Boot Gratuito Da DIO   Claro 





                                Lógica de Programação e Carreiras

                        Cursos De Lógica De Programação E Carreiras Em Tecnologia Gratuitos Da Estácio 

एचटीएमएल और सीएसएस

HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) और CSS (कैस्केडिंग स्टाइल शीट्स) वेब विकास की नींव हैं।

जबकि HTML एक पृष्ठ की संरचना और सामग्री के लिए जिम्मेदार है, CSS इसके दृश्य स्वरूप को परिभाषित करता है, जिसमें लेआउट, रंग, फ़ॉन्ट और अन्य डिज़ाइन पहलू शामिल हैं।

साथ में, वे समृद्ध, इंटरैक्टिव वेब पेजों के निर्माण को सक्षम करते हैं जो किसी भी ब्राउज़र से पहुंच योग्य हैं।

HTML का महत्व

HTML एक मार्कअप भाषा है जिसका उपयोग किसी वेब पेज की सामग्री को संरचित करने के लिए किया जाता है। यह शीर्षक, पैराग्राफ, चित्र, लिंक और बहुत कुछ जैसे तत्वों को परिभाषित करने के लिए टैग की एक श्रृंखला का उपयोग करता है।

HTML के बिना, वेब पेज पर सामग्री को तार्किक और समझने योग्य तरीके से व्यवस्थित और प्रदर्शित करना संभव नहीं होगा।

यह खोज इंजनों के लिए मेटाडेटा और अनुकूलन को शामिल करने की भी अनुमति देता है, जिससे वेबसाइट की दृश्यता और प्रदर्शन में सुधार होता है।

सीएसएस वेब पेजों को कैसे परिवर्तित करता है

जबकि HTML सामग्री को व्यवस्थित करता है, CSS प्रस्तुति का ध्यान रखता है। सीएसएस के साथ, आप उन शैलियों को परिभाषित कर सकते हैं जो आपके पूरे पेज या साइट पर लगातार लागू होती हैं, जिससे एक सामंजस्यपूर्ण और आकर्षक दृश्य अनुभव सुनिश्चित होता है।

सीएसएस आपको रिस्पॉन्सिव लेआउट बनाने की अनुमति देता है, जो विभिन्न स्क्रीन आकारों के अनुकूल होता है, जिससे वेबसाइट मोबाइल उपकरणों और डेस्कटॉप पर पहुंच योग्य हो जाती है।

फ्लेक्सबॉक्स और ग्रिड जैसी तकनीकों ने वेब डिज़ाइन में क्रांति ला दी है, जो तत्वों की स्थिति और संरेखण पर अधिक नियंत्रण प्रदान करती है।

HTML और CSS का एकीकरण

वेब विकास का असली जादू तब होता है जब HTML और CSS का एक साथ उपयोग किया जाता है।

एचटीएमएल की सामग्री संरचना को सीएसएस की दृश्य शैलियों के साथ जोड़कर, ऐसी वेबसाइटें बनाना संभव है जो कार्यात्मक और सौंदर्यपूर्ण रूप से सुखद हों।

यह एकीकरण डिजाइनरों और डेवलपर्स को आकर्षक उपयोगकर्ता अनुभव बनाने के लिए एक साथ काम करने की अनुमति देता है, जिससे यह सुनिश्चित होता है कि सामग्री सभी आगंतुकों के लिए सुलभ और आकर्षक है।

अलुरा

अलुरा एक ऑनलाइन शिक्षण मंच है जो उच्च गुणवत्ता वाली तकनीकी शिक्षा तक पहुंच को लोकतांत्रिक बनाने के उद्देश्य से उभरा है।

ब्राजील में स्थापित, अलुरा प्रोग्रामिंग, डिज़ाइन, डिजिटल मार्केटिंग, डेटा और कई अन्य क्षेत्रों पर केंद्रित पाठ्यक्रमों की एक विस्तृत श्रृंखला की पेशकश करने के लिए खड़ा है।

पाठ्यक्रमों और शिक्षण पद्धति की विविधता

अलुरा पाठ्यक्रमों की एक प्रभावशाली विविधता प्रदान करता है, जिसमें बुनियादी परिचय से लेकर प्रोग्रामिंग तक डेटा विज्ञान, वेब विकास, मोबाइल और बाजार में अन्य लोकप्रिय क्षेत्रों में उन्नत प्रशिक्षण शामिल है।

मंच वास्तविक परियोजनाओं के साथ एक व्यावहारिक दृष्टिकोण अपनाता है जो छात्रों को जो कुछ भी वे सीखते हैं उसे तुरंत लागू करने की अनुमति देते हैं।

समुदाय और व्यावसायिक मान्यता

अलुरा का सबसे बड़ा अंतर छात्रों और पेशेवरों का सक्रिय समुदाय है जो मंचों, कार्यक्रमों और अध्ययन समूहों में सक्रिय रूप से भाग लेते हैं।

यह समुदाय ज्ञान और नेटवर्किंग के मूल्यवान आदान-प्रदान की अनुमति देता है, जो सीखने के अनुभव को और समृद्ध करता है।

पंजीकरण लिंक ⬇️

एचटीएमएल और सीएसएस के 7 दिनों के कोड के लिए पंजीकरण अलुरा वेबसाइट पर किया जाना चाहिए।

साझा करें और सिद्धांत को व्यवहार में लाने का मौका दें!

क्या आपको HTML और CSS चुनौती के बारे में सामग्री पसंद आई? तो इसे सभी के साथ साझा करें!

अलुरा का निःशुल्क HTML और CSS चैलेंज: एक नेटफ्लिक्स रेप्लिका विकसित करें, यह पोस्ट सबसे पहले आईटी गाइड पर दिखाई दी।

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/guiadeti/desafio-de-html-e-css-gratuito-da-alura-desenvolva-uma-replication-da-netflix-3fgm?1 यदि कोई उल्लंघन है , कृपया स्टडी_गोलंग @163.कॉमडिलीट से संपर्क करें
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3