Bootstrap Code Play

Code Play

यामध्‍ये जाहिराती आहेत

या अ‍ॅपविषयी

तुम्ही संपादित करू शकता आणि पूर्वावलोकन करू शकता अशा बूटस्ट्रॅप धड्यांसह रिस्पॉन्सिव्ह वेब डिझाइन शिका. बूटस्ट्रॅप कोड प्ले स्पष्टीकरणे, उदाहरण कोड आणि एक प्लेग्राउंड यांना जोडतो, जेणेकरून मार्कअपमधील बदलाचा पृष्ठावर कसा परिणाम होतो हे तुम्ही तपासू शकता.

वाचा, बदला, पूर्वावलोकन करा
एक विषय निवडा, तो कसा काम करतो ते वाचा, नंतर एडिटरमध्ये त्याचे उदाहरण उघडण्यासाठी 'ट्राय इट' (Try It) वर टॅप करा. एक क्लास बदला, मजकूर समायोजित करा किंवा एक एलिमेंट जोडा. परिणाम तपासण्यासाठी 'प्रिव्ह्यू' (Preview) उघडा, नंतर दुसऱ्या प्रयोगासाठी 'कोड' (Code) वर परत या.

मूलभूत घटक शिका
रिस्पॉन्सिव्ह ग्रिड्स, टायपोग्राफी, बटन्स, अलर्ट्स, टेबल्स आणि फॉर्म्स यांचा सराव करा. संबंधित लर्निंग ट्रॅक्समध्ये कार्ड्स, नॅव्हिगेशन बार, अकॉर्डियन्स आणि डायलॉग्स यांसारखे घटक एक्सप्लोर करा. मार्गदर्शित धड्यांमध्ये केवळ कोड कॉपी करण्याऐवजी तो समजून घेण्यासाठी पायऱ्या, आव्हाने आणि सामान्य चुका यांचा समावेश असतो. प्रोजेक्ट धडे प्राइसिंग सेक्शन आणि कॉम्पॅक्ट डॅशबोर्ड यांसारख्या उदाहरणांमध्ये संकल्पना एकत्र आणतात.

शिकण्याचा मार्ग निवडा
सोबत दिलेला Bootstrap 5.3.8 मार्ग अभ्यासा, किंवा जुन्या प्रकल्पांसाठी Bootstrap 4.6.2 आणि 3.4.1 चा वापर करून पहा. जुने मार्ग आता उपलब्ध नाहीत आणि ते शिकण्यासाठी व स्थलांतरासाठी दिले आहेत. एक वेगळा Bootstrap 6 अल्फा मार्ग प्रायोगिक आहे; त्याच्या पूर्वावलोकनासाठी इंटरनेट आणि आधुनिक वेबव्ह्यू (WebView) आवश्यक आहे.

सराव करत रहा
विषय शोधा किंवा श्रेणीनुसार ब्राउझ करा. धडे पूर्ण झाले म्हणून चिन्हांकित करा आणि प्रत्येक आवृत्तीसाठी तुमची पूर्णत्वाची संख्या पहा. तुमच्या स्वतःच्या HTML प्रयोगांसाठी प्लेग्राउंड उघडा, एक फाईल सेव्ह करा आणि 'सेव्ह केलेल्या फाईल्स'मधून त्यावर परत या.

उपयुक्त साधनांसह संपादन करा
उदाहरणांवर काम करताना सिंटॅक्स हायलाइटिंग, पूर्ववत करा आणि पुन्हा करा, शोधा आणि बदला, आणि ओळीवर जा यांचा वापर करा. 'या नावाने सेव्ह करा' एक वेगळी प्रत ठेवते, आणि 'कोड शेअर करा' उपलब्ध शेअरिंग पर्यायांद्वारे एडिटरमधील मजकूर पाठवते.

विद्यार्थी, स्वयं-निर्देशित शिकणारे आणि रिस्पॉन्सिव्ह लेआउट्सचा पुन्हा अभ्यास करणाऱ्या डेव्हलपर्ससाठी, हे ॲप एक व्यावहारिक चक्र देते: स्पष्टीकरण वाचा, एक छोटा बदल करा आणि आउटपुट तपासा.

अ‍ॅपमध्ये जाहिरातींचा समावेश आहे. बाह्य संसाधनांचा संदर्भ देणाऱ्या उदाहरणांसाठी इंटरनेट कनेक्शन आवश्यक आहे; दूरस्थ संसाधनांची उपलब्धता बदलू शकते.