अपने कंसोल में डिप्लॉय डैशबोर्ड बनाएं
इस मुफ़्त कोर्स में 10 अध्याय हैं। आप खाली पेज से शुरू करके रूट, डेटा और टेस्ट वाला Acme Deploys बनाएंगे और डिप्लॉय करेंगे। हर अध्याय पढ़ते समय DevTools में लाइव चलता है।
प्रगति0/10
- 01शुरुआतऐप बनाएं, अपना पहला पेज रेंडर करें और की दबाने पर प्रतिक्रिया दें।5 मिनट
- 02Box से लेआउटसेल में Flexbox से डैशबोर्ड का ढांचा बनाएं: टॉप बार, साइडबार और कार्ड।7 मिनट
- 03टेक्स्ट और स्टाइलिंगरंगों, टेक्स्ट एट्रिब्यूट और थीम टोकन से डिप्लॉयमेंट कार्ड को स्टाइल करें।6 मिनट
- 04इनपुट और कीमैपकीबोर्ड से डिप्लॉयमेंट के बीच जाएं और ? हेल्प ओवरले जोड़ें।8 मिनट
- 05रूटिंगऐप को साझा लेआउट, शॉर्टकट वाले लिंक और हिस्ट्री के साथ रूट में बांटें।8 मिनट
- 06डेटा और रूट हैंडलरapp/api से डिप्लॉयमेंट सर्व करें, पेज में फ़ेच करें और नए डिप्लॉयमेंट पोस्ट करें।8 मिनट
- 07Table, List और चार्टख़ुद बनाई पंक्तियों की जगह सॉर्ट करने योग्य Table और ऐसा चार्ट लगाएं जो लेआउट को कभी न खिसकाए।7 मिनट
- 08टेस्टिंगऑफ़स्क्रीन रेंडर करें, कुंजियां दबाएं और टेक्स्ट के रूप में फ़्रेम पर असर्शन लगाएं।6 मिनट
- 09टर्मिनल में चलानाtext run से उसी डैशबोर्ड को टर्मिनल में फ़ुल-स्क्रीन चलाएं।5 मिनट
- 10रिलीज़ करनाAcme Deploys को बिल्ड करें, मेटाडेटा सेट करें और डिप्लॉय करें।4 मिनट
- ▼सर्टिफ़िकेटअपने नाम वाला सर्टिफ़िकेट पाएं, जो कंसोल में रेंडर होता है।
कोर्स आपके कंसोल में चलता है
⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C से कंसोल खोलें (पहले डेवलपर सुविधाएं चालू करें), नीचे क्लिक करें और ऐरो कुंजियों से अध्याय चुनें।
▼ learn
कंसोल खोलें
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
ऐप DevTools में रेंडर होता है।पहले Safari की सेटिंग → एडवांस में “वेब डेवलपर के लिए सुविधाएं दिखाएं” चालू करें। फिर यहां क्लिक करें और ↓ दबाएं।
डेस्कटॉप पर खोलें
यह ऐप DevTools कंसोल में रेंडर होता है, जिसके लिए डेस्कटॉप ब्राउज़र चाहिए।