किसी वेब पेज को लोड करने के लिए, औसतन ज़रूरी बाइट में से 60%से ज़्यादा बाइट इमेज के लिए होते हैं. AVIF का इस्तेमाल करके, अपनी इमेज को छोटा किया जा सकता है. इससे आपकी वेबसाइट तेज़ी से लोड होगी. AVIF, AV1 वीडियो बिटरीम से बना इमेज फ़ॉर्मैट है. AVIF को

पूरा होने में लगने वाला अनुमानित समय: एक से दो घंटे इस कोडलैब को दो मोड में चलाया जा सकता है: लोकल टेस्टिंग या एग्रीगेशन सेवा. लोकल टेस्टिंग मोड के लिए, लोकल मशीन और Chrome ब्राउज़र की ज़रूरत होती है. इसके लिए, Google Cloud का कोई संसाधन

इस कोडलैब को पूरा करने के लिए, कुछ ज़रूरी शर्तें पूरी करनी होंगी. हर ज़रूरी शर्त को इस हिसाब से मार्क किया जाता है कि वह "लोकल टेस्टिंग" या "एग्रीगेशन सेवा" के लिए ज़रूरी है या नहीं. लोकल टेस्टिंग के लिए, लोकल टेस्टिंग टूल डाउनलोड करना होगा. यह टूल,

इस कोडलैब में, आपको ऐसे Flutter ऐप्लिकेशन में इन-ऐप्लिकेशन खरीदारी जोड़नी होगी जिनकी पुष्टि की जा सकती हो और जिन्हें Dart बैकएंड सेवा का इस्तेमाल करके मैनेज किया जा रहा हो.

इस कोडलैब में, आपको Cloud Firestore का इस्तेमाल करने वाला वेब ऐप्लिकेशन बनाने का तरीका पता चलेगा.

इस कोडलैब में, आपको चैट ऐप्लिकेशन बनाकर, वेब पर Firebase प्लैटफ़ॉर्म को इस्तेमाल करने का तरीका बताया जाएगा.

इस कोडलैब में, आपको Flutter में ऐनिमेशन इस्तेमाल करने का तरीका पता चलेगा. आपको एक ऐसा विजेट बनाना होगा जो साइज़ और रंग, दोनों को ऐनिमेट करता हो. साथ ही, 3D कार्ड फ़्लिप इफ़ेक्ट जोड़ता हो, ऐनिमेशन पैकेज के इफ़ेक्ट का इस्तेमाल करता हो, और Android के अनुमानित बैक जेस्चर की सुविधा जोड़ता हो.

इस कोडलैब में, आपको Flutter ऐप्लिकेशन बनाने का तरीका पता चलेगा. यह ऐप्लिकेशन बिना किसी क्रम के और आसानी से समझ में आने वाला नाम जनरेट करता है.

इस कोडलैब में, उपयोगकर्ता को GKE पर Jenkins का इंस्टेंस डिप्लॉय करने के तरीके के बारे में बताया गया है. इसमें, अपने-आप स्केल होने वाले बिल्डर एजेंट भी शामिल हैं.

इस कोडलैब में, आपको सिर्फ़ कुछ लाइनों वाले कोड का इस्तेमाल करके, Flutter ऐप्लिकेशन में Firebase से पुष्टि करने की सुविधा जोड़ने का तरीका बताया जाएगा.

बिडिंग और नीलामी सेवाएं (बीए) में, खरीदारों और सेलर के लिए चार सेवाएं शामिल हैं. इनकी मदद से, Protected Audience नीलामी की सुविधा मिलती है: खरीदार स्टैक: सेलर स्टैक: इस कोडलैब में, आपको अपने लोकल एनवायरमेंट में एंड-टू-एंड सेटअप को सेट अप करने और उसकी

इस कोडलैब में आपको लाइव एजेंट के प्रतिनिधियों और बॉट के प्रतिनिधियों के बीच, बातचीत के दौरान होने वाले ट्रांसफ़र को मैनेज करने का तरीका पता चलेगा. आखिर में, आपके पास एक बेसिक वेब इंटरफ़ेस होगा जहां आप अपने एजेंट के साथ चल रही सभी बातचीत देख सकते हैं और किसी भी बातचीत को लाइव एजेंट के तौर पर छोड़ सकते हैं या उसमें शामिल हो सकते हैं.

इस कोडलैब में, आपको Places API को अनुरोध करने से पहले, Firebase AppCheck और reCAPTCHA की मदद से वेब ऐप्लिकेशन की पुष्टि करने का तरीका पता चलेगा

यह कोडलैब, वेब के लिए Google Pay API 101: बुनियादी बातें कोडलैब का अगला चरण है. यह उस कोडलैब में लिखे गए कोड पर निर्भर करता है. इस कोडलैब को पूरा करने के लिए, पहले उस कोडलैब को पूरा करना न भूलें. यहां ButtonOptions के बारे में खास जानकारी दी गई है.

इस कोडलैब में, मशीन लर्निंग मॉडल को डिप्लॉय करने के लिए, Firebase इन्फ़्रास्ट्रक्चर का इस्तेमाल करने का तरीका बताया गया है. इससे TensorFlow.js का इस्तेमाल करके, आपकी वेबसाइट पर इसे इस्तेमाल और इस्तेमाल किया जा सकता है

इस कोडलैब में, आपको gecko@003 मॉडल के बारे में जानकारी मिलेगी. साथ ही, यह भी पता चलेगा कि इसे इस्तेमाल करने का असल उदाहरण क्या है.

इस कोडलैब में, आपको वैरिएबल फ़ॉन्ट, उनके फ़ायदों, डिज़ाइन करने के तरीके, और Google Fonts API और सीएसएस का इस्तेमाल करके उन्हें लागू करने के बारे में जानकारी मिलेगी.

इस कोडलैब में, आपको वेब ऐप्लिकेशन में Firebase की परफ़ॉर्मेंस मॉनिटर करने की सुविधा सेट अप करने का तरीका पता चलेगा. साथ ही, इसका इस्तेमाल करके यह पक्का करने का तरीका जाना जा सकता है कि आपका ऐप्लिकेशन, असली उपयोगकर्ताओं के लिए ठीक से काम कर रहा है या नहीं.

Firebase की मदद से, Flutter मोबाइल ऐप्लिकेशन बनाने का तरीका जानें.

Firebase और StackBlitz के ऑनलाइन संपादक की मदद से, नए वेब ऐप्लिकेशन बनाएं. Firebase से बात करने के लिए, आपको बेसिक एचटीएमएल और JavaScript का इस्तेमाल करना होगा. Firebase कंसोल का इस्तेमाल करने और Firebase को ऐप्लिकेशन में इंटिग्रेट करने के बारे में यह बहुत ही सही जानकारी है. इसके लिए किसी तरह की जानकारी या सॉफ़्टवेयर इंस्टॉल करने की ज़रूरत नहीं है.

इस कोडलैब में, आपको चैट ऐप्लिकेशन के उपयोगकर्ताओं को सूचनाएं भेजने के लिए, 'Firebase के लिए Cloud Functions' इस्तेमाल करने का तरीका पता चलेगा.

इस लेख में, आपको इनवॉइस को बेहतर तरीके से पार्स करने के लिए, Procurement DocAI के इस्तेमाल का तरीका पता चलेगा.

बहु-स्तरीय पुष्टि (MFA) की सुविधा लागू करने का तरीका जानें. साथ ही, ब्लॉक करने वाले फ़ंक्शन की मदद से, पुष्टि करने से जुड़ी अपनी ज़रूरत के मुताबिक शर्तें बनाएं

इस कोडलैब में, किसी मौजूदा Firebase वेब ऐप्लिकेशन को नए मॉड्यूलर Firebase JS SDK में, ऐसे ट्री शेक कोड पर माइग्रेट करें जिसका इस्तेमाल न किया जा रहा हो और ऐप्लिकेशन तेज़ी से लोड हो.

इस कोडलैब को पूरा करने के बाद, आपके पास Google Pay इंटिग्रेशन वाली कम से कम काम की वेबसाइट होगी. यह प्रोजेक्ट, पेमेंट टोकन को वापस लाता है. इसे प्रोसेस करने के लिए, पेमेंट सेवा देने वाली कंपनी को भेजा जा सकता है. Google Pay से पेमेंट का अनुरोध करने

Flutter की मदद से गेम में साउंड इफ़ेक्ट, बैकग्राउंड म्यूज़िक, और डाइनैमिक ऑडियो जोड़ने का तरीका जानें.

कोडलैब (कोड बनाना सीखना) में, Flutter के साथ डेवलपमेंट के दौरान Firebase एम्युलेटर सुइट के इस्तेमाल का तरीका बताया गया है. कोडलैब, एम्युलेटर के इस्तेमाल के बारे में बताने के लिए, Auth और Firestore एम्युलेटर का इस्तेमाल करेगा.

इस्तेमाल में आसान इस कोडलैब में, आपको Angular v14 स्टैंडअलोन कॉम्पोनेंट का इस्तेमाल करके, सैंपल ऐप्लिकेशन बनाने का तरीका पता चलेगा

WebXR Device API की मदद से, ऑगमेंटेड रिएलिटी (एआर) की सुविधाओं को इस्तेमाल करने का तरीका जानें. साथ ही, असल दुनिया में किसी 3D ऑब्जेक्ट को दिखाने के लिए, सीन की जानकारी का इस्तेमाल करें.

पेश है सिग्नल. यह ऐंग्युलर में प्रतिक्रिया देने वाला एक नया मॉडल है. सिग्नल की मदद से, छात्र-छात्राओं को बेहतर तरीके से काम करने के लिए बेहतर टूल दिए जाते हैं, ताकि वे तुरंत अपनी प्रतिक्रिया दे सकें

फ़्रेमवर्क में पहले से मौजूद टूलसेट की मदद से, अपने Angular ऐप्लिकेशन में सुलभता के सबसे सही तरीकों को अपनाने का तरीका जानें.

पहले से बने मटीरियल कॉम्पोनेंट को किसी भी वेब फ़्रेमवर्क के लिए कॉम्पोनेंट में बढ़ाने का तरीका जानें.

इस कोडलैब में, आपको React के कॉन्सेप्ट को Lit में बदलने का तरीका पता चलेगा

किसी मौजूदा वेब कोड बेस में, फिर से शुरू किए बिना अलग-अलग मटीरियल कॉम्पोनेंट को शामिल करने का तरीका जानें.

ऐनिमेशन पैकेज से मिलने वाले ट्रांज़िशन का इस्तेमाल करके, जवाब दें ऐप्लिकेशन में मटीरियल का मोशन सिस्टम बनाएं.

अपने Flutter ऐप्लिकेशन के डिज़ाइन को बेहतर बनाएं और Flutter में बेहतर बैकड्रॉप मेन्यू कॉम्पोनेंट लागू करें.

Flutter ऐप्लिकेशन का स्ट्रक्चर और लेआउट बनाने के लिए मटीरियल इस्तेमाल करने का तरीका जानें.

Firebase Emulator Suite की मदद से, वेब ऐप्लिकेशन डेवलप करने का तरीका जानें.

वेब पर संरचना और लेआउट के लिए मटीरियल इस्तेमाल करने का तरीका जानें.

इस लैब में, आपको Keras क्लासिफ़ायर बनाने का तरीका पता चलेगा. फूलों की पहचान करने के लिए, न्यूरल नेटवर्क लेयर के सही कॉम्बिनेशन का पता लगाने के बजाय, हम सबसे पहले ट्रांसफ़र लर्निंग नाम की तकनीक का इस्तेमाल करेंगे. इससे हमारे डेटासेट के लिए, पहले से ट्रेनिंग पा चुके एक ताकतवर मॉडल को अपनाया जा सकेगा. इस लैब में न्यूरल नेटवर्क के बारे में ज़रूरी सैद्धांतिक व्याख्याएं शामिल हैं. साथ ही, यह डीप लर्निंग के बारे में सीखने वाले डेवलपर के लिए एक अच्छा शुरुआती पॉइंट है.

सुरक्षा के नियमों की मदद से, अपने Firestore डेटा को सुरक्षित रखने का तरीका जानें

इस कोडलैब में, आपको एक ऐसा वेब पेज बनाना होगा जो BBC माइक्रो:बिट बोर्ड के साथ इंटरैक्ट करके, 5x5 के एलईडी डिसप्ले पर इमेज दिखाए. आपको Web Serial API के बारे में जानकारी मिलेगी. साथ ही, ब्राउज़र की मदद से सीरियल डिवाइसों से कनेक्ट करने के लिए, पढ़ने लायक, लिखने लायक, और स्ट्रीम को बदलने के तरीके के बारे में भी जानकारी मिलेगी.

यह कोडलैब, उपयोगकर्ता को कमांड-लाइन इंटरफ़ेस के ज़रिए, डीएलपी एपीआई के बारे में जानकारी देगा. उपयोगकर्ता को प्रोजेक्ट कोड डाउनलोड करना होगा और सैंपल डायरेक्ट्री के कुछ टूल और उनके फ़ंक्शन की समीक्षा करनी होगी.

इस कोडलैब में, आपको ऐसे कई वेब एपीआई के बारे में जानकारी मिलेगी जो बिलकुल नए हैं या सिर्फ़ किसी फ़्लैग के पीछे उपलब्ध हैं.

इस कोडलैब में, एक वेब ऐप्लिकेशन बनाया जाएगा और उपयोगकर्ताओं के सिर्फ़ कुछ खास ग्रुप को ऐक्सेस दिया जाएगा. साथ ही, प्रोग्राम में पुष्टि किए गए उपयोगकर्ता की पहचान का इस्तेमाल किया जाएगा

दो ब्राउज़र के बीच मीडिया और डेटा स्ट्रीम करने का तरीका जानें. WebRTC के मुख्य एपीआई और टेक्नोलॉजी को अच्छी तरह से समझें. getUserMedia, CSS, और कैनवस एलिमेंट का इस्तेमाल करके, इमेज कैप्चर करें और उनमें बदलाव करें. पीयर कनेक्शन सेट अप करें और डेटा चैनल का इस्तेमाल करके, सीधे ब्राउज़र के बीच डेटा शेयर करें. आखिर में, Node.js का इस्तेमाल करके सिग्नलिंग सर्वर सेट अप करें.

इस कोडलैब में, आपको एक ऐसा वेब पेज बनाना होगा जो BBC माइक्रो:बिट बोर्ड के साथ इंटरैक्ट करके, 5x5 के एलईडी डिसप्ले पर इमेज दिखाए. आपको Web Serial API के बारे में जानकारी मिलेगी. साथ ही, ब्राउज़र की मदद से सीरियल डिवाइसों से कनेक्ट करने के लिए, पढ़ने लायक, लिखने लायक, और स्ट्रीम को बदलने के तरीके के बारे में भी जानकारी मिलेगी.

Google Chrome में उपलब्ध नए एपीआई के ज़रिए, वेब ऐप्लिकेशन में झटपट नेविगेशन और बिना किसी रुकावट के पेज ट्रांज़िशन जोड़ने का तरीका जानें.

अडैप्टिव वेब फ़ॉर्म बनाने का तरीका जानें. इस फ़ॉर्म से लोगों को उनके हिसाब से बनाया गया इंटरफ़ेस मिलता है, जो तय समय पर उनकी पसंद के हिसाब से दिखता है.

इस कोडलैब में, आपको(वेब) मेज़रमेंट प्रोटोकॉल का इस्तेमाल करके GA4 को बाहरी इवेंट भेजने का तरीका पता चलेगा.

इस कोडलैब में, आपको Flutter ऐप्लिकेशन में बैनर, पेज पर अचानक दिखने वाले (इंटरस्टीशियल) विज्ञापन, और इनाम वाले विज्ञापन जोड़ने का तरीका पता चलता है.

इस कोडलैब में, आपको फ़्लटर ऐप्लिकेशन में AdMob के इनलाइन विज्ञापनों (बैनर और नेटिव) को जोड़ने का तरीका पता चलेगा.

यह कोडलैब आपको Accelerated Mobile Pages की मुख्य सिद्धांतों के बारे में बताएगा. साथ ही, यह भी बताएंगे कि वे पारंपरिक एचटीएमएल दस्तावेज़ों से कैसे अलग हैं. ऐसा करने के लिए, हम एएमपी दस्तावेज़ बनाते हैं और उनकी पुष्टि करते हैं.

यह कोडलैब आपको Accelerated Mobile Pages की मुख्य सिद्धांतों के बारे में बताएगा. साथ ही, यह भी बताएंगे कि वे पारंपरिक एचटीएमएल दस्तावेज़ों से कैसे अलग हैं. ऐसा करने के लिए, हम एएमपी दस्तावेज़ बनाते हैं और उनकी पुष्टि करते हैं.

इस कोडलैब में, अपने iOS या Android Flutter ऐप्लिकेशन के लिए होम स्क्रीन पर विजेट बनाया जा सकता है. सबसे पहले, आपको Flutter न्यूज़ ऐप्लिकेशन से शुरुआत करनी होगी. इसके बाद, आपको नेटिव फ़्रेमवर्क का इस्तेमाल करके विजेट के लिए यूआई बनाना होगा. आखिर में, आपको अपने विजेट और मुख्य ऐप्लिकेशन के बीच संसाधन शेयर करने और बातचीत करने का तरीका पता चलेगा.

इस कोडलैब में, आपको Google की Dataproc सेवा में, Spark ML जॉब सबमिट करने की सुविधा मिलेगी.

इस कोडलैब में, आपको Google Compute Engine (GCE) पर Dataproc को इस्तेमाल करने के बारे में जानकारी मिलेगी.

इस कोडलैब में, आपको Dataproc सर्वरलेस के बारे में सब कुछ बताया जाएगा. इसमें आपको यह भी पता चलेगा कि कैसे शुरू करना है और इसके रिच फ़ीचरसेट को कैसे ऐक्सेस करना है.

Flutter में अपने यूज़र इंटरफ़ेस (यूआई) डिज़ाइन स्टाइल को फिर से संग्रहित करने के लिए, Dart 3 के पैटर्न, रिकॉर्ड, और दूसरी नई सुविधाओं का इस्तेमाल करें.

Dialogflow में वेब, Google Assistant, सोशल मीडिया, और फ़ोन गेटवे के लिए कई तरह के इंटिग्रेशन मौजूद हैं. हालांकि, अगर आपको अपने चैटबॉट को मोबाइल डिवाइसों पर लाना है, तो आपको कस्टम इंटिग्रेशन बनाना होगा. इस लैब में, आपको Flutter ऐप्लिकेशन के साथ Dialogflow Essentials इंटिग्रेट करने का तरीका बताया जाएगा.

इस कोडलैब में, आप & के बारे में शुरू से एक वेब कॉम्पोनेंट बनाया और फिर धीरे-धीरे उसे लिट एलिमेंट के रूप में बेहतर बनाया.

यह कोडलैब आपको Google Cloud Composer में Apache Airflow वर्कफ़्लो (DAG) को ट्रिगर करने के लिए, Google Cloud Functions इस्तेमाल करने का तरीका दिखाता है. यहां DAG, BashOperator का इस्तेमाल करके आसान बैश कमांड लागू करता है

सिर्फ़ JavaScript के साथ, ऐसा वेब ऐप्लिकेशन बनाएं जो बिना जलने वाली एलईडी मोमबत्ती को कंट्रोल करता है. ऐसा वेब ब्लूटूथ एपीआई की मदद से किया जा रहा है.

इस कोडलैब में, आपको Go में लागू की गई कॉमन एक्सप्रेशन लैंग्वेज में एक्सप्रेशन लिखना होगा. इसकी मदद से, वैरिएबल बनाया जा सकता है, लॉजिकल और/या ऑपरेटर का इस्तेमाल किया जा सकता है, और JSON को बनाया जा सकता है. साथ ही, प्रोटो बनाया जा सकता है और अपने एक्सप्रेशन को ट्यून किया जा सकता है.

इस कोडलैब में, आपको Dataflow का इस्तेमाल करके, Bigtable के लिखे गए/रीड के लोड होने और बड़ी मात्रा में डेटा को पढ़ने के दौरान, उनकी निगरानी करने का तरीका पता चलेगा.

इस कोडलैब में आप जानेंगे कि मॉडल मेकर का इस्तेमाल करके, स्पैम टिप्पणी के मॉडल को फिर से कैसे सिखाएं. इससे उन मामलों पर ध्यान दिया जा सकेगा जिन्हें पहले से ट्रेनिंग वाला मॉडल हैंडल नहीं कर सका. इसके बाद, नए मॉडल को वेब ऐप्लिकेशन में फिर से डिप्लॉय किया जाएगा.

इस कोडलैब में, iOS, Android, और वेब पर अच्छी क्वालिटी वाले नेटिव ऐप्लिकेशन तैयार करने के लिए, Flutter मोबाइल ऐप्लिकेशन SDK टूल का इस्तेमाल करके Google Maps का अनुभव बेहतर बनाया जाएगा.

इस कोडलैब में, आपको TensorFlow.js के प्री-ट्रेन्ड मॉडल (COCO-SSD) में से किसी एक को लोड करने और इस्तेमाल करने का तरीका पता चलेगा. साथ ही, आपको यह भी पता चलेगा कि उस मॉडल को सामान्य ऑब्जेक्ट की पहचान करने के लिए कैसे इस्तेमाल किया जाए, जिस पर उसे ट्रेनिंग दी गई है.

इस कोडलैब में, आपको अडैप्टिव डिज़ाइन वाला ऐसा ऐप्लिकेशन बनाने का अनुभव मिलेगा जो Flutter के साथ काम करने वाले सभी छह प्लैटफ़ॉर्म पर, Material 3 के साथ ऐनिमेशन के साथ ऐनिमेट होता है.

Flutter, Google का यूज़र इंटरफ़ेस (यूआई) टूलकिट है. इसकी मदद से, एक ही कोड बेस से मोबाइल, वेब, और डेस्कटॉप पर सुंदर और मूल रूप से कंपाइल किए गए ऐप्लिकेशन बनाए जा सकते हैं. इस कोडलैब में, सामान्य संगीत ऐप्लिकेशन से शुरुआत की जाती है और (Material 3 का इस्तेमाल करके), इसे सभी प्लैटफ़ॉर्म के लिए ज़्यादा खूबसूरत और बेहतर बनाया जाता है.

इस कोडलैब में, आपको एक ऐसा Flutter ऐप्लिकेशन बनाना होगा जो Flutter के साथ काम करने वाले सभी छह प्लैटफ़ॉर्म के हिसाब से अपने-आप ऑप्टिमाइज़ हो जाए. जैसे, Android, iOS, वेब, Windows, macOS, और Linux.

इस कोडलैब में, Flutter ऐप्लिकेशन बनाकर उन्हें टेस्ट किया जा सकता है.

इस कोडलैब में, मोबाइल और डेस्कटॉप, दोनों प्लैटफ़ॉर्म के लिए Flutter प्लगिन बनाएं और FFI का इस्तेमाल करें, ताकि मौजूदा नेटिव C लाइब्रेरी का इस्तेमाल किया जा सके.

इस कोडलैब में, आपको Flutter ऐप्लिकेशन में webview_flutter प्लगिन जोड़ने का तरीका बताया जाएगा.

Flutter और Flame गेम में 2D फ़िज़िक्स इंजन वाले Forge2D की मदद से गेम खेलने की बेहतरीन तकनीक सीखें.

इस कोडलैब में, आपको Flutter पर बना गेम इंजन Flame इस्तेमाल करने का तरीका पता चलेगा. आपको Flame के कॉम्पोनेंट और इफ़ेक्ट के बारे में पता चलेगा. साथ ही, यह भी पता चलेगा कि Flutter के स्टेट मैनेजमेंट के साथ, Flame को कैसे इंटिग्रेट किया जा सकता है.

ऐनिमेशन, शेडर, और पार्टिकल इफ़ेक्ट की मदद से, Flutter के यूज़र इंटरफ़ेस बनाने का तरीका जानें. ये इंटरफ़ेस, Flutter के छह प्लैटफ़ॉर्म पर काम करते हैं.

Flutter की कंप्यूटेशन की क्षमता वाला ऐप्लिकेशन बनाने के बारे में जानें. साथ ही, Flutter के साथ इंटरैक्शन को बनाए रखने का तरीका जानें.

मुख्य कॉम्पोनेंट के साथ एक आसान ऐप्लिकेशन बनाकर, वेब के लिए मटीरियल कॉम्पोनेंट इस्तेमाल करने की बुनियादी बातें जानें.

एक आसान Flutter ऐप्लिकेशन के लिए लॉगिन पेज बनाकर मटीरियल कॉम्पोनेंट इस्तेमाल करने की बुनियादी बातें जानें.

जानें कि वेब के लिए मटीरियल कॉम्पोनेंट आपके प्रॉडक्ट को अलग करने और डिज़ाइन के ज़रिए आपके ब्रैंड को बताने में आसान कैसे बनाते हैं.

जानें कि Material Flutter लाइब्रेरी की मदद से आपके प्रॉडक्ट को कैसे अलग दिखाया जा सकता है और डिज़ाइन के ज़रिए अपने ब्रैंड की पहचान कैसे की जा सकती है.

इस कोडलैब में, आपको नमूने के तौर पर सेव किए गए मॉडल के Python ML मॉडल को चुनने और उसे TensorFlow.js फ़ॉर्मैट में बदलने का तरीका बताया जाएगा. इस तरह, मॉडल को वेब ब्राउज़र पर चलाया जा सकेगा. साथ ही, कन्वर्ज़न में होने वाली सामान्य समस्याओं को हल करने का तरीका भी बताया जाएगा.

इस कोडलैब में, आपको अपने वेब ऐप्लिकेशन में पुश नोटिफ़िकेशन जोड़ने का तरीका बताया जाएगा.

This codelab is intended to help you understand how to create your first 3D Map using Photorealistic 3D Maps in Maps JavaScript. You will learn the basics about loading the right components of the Maps Javascript API, displaying your first 3D Map and

This tutorial explores how to add and style 3D markers in your application. You'll also learn how to animate your application by flying to and around specific locations. This tutorial builds on the concepts covered in the first codelab. If you

In this codelab, you learn everything that you need to get started with the vis.gl/react-google-map library for the Google Maps JavaScript API, which lets you add a Google map to a React app. You learn how to get set up, load the Maps JavaScript API,

In this codelab we’ll build together a real-time web application with Firebase and Angular.

Progressive Web Applications (PWAs) are a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. They are intended to work on any platform that uses a standards-compliant

Maps can be a very powerful tool when visualizing the patterns in a dataset that are related to location in some way. This relation could be the name of a place, a specific latitude and longitude value, or the name of an area that has a specific

Imagine you have many places to put on a map and you want users to be able to see where these places are and identify which place they want to visit. Common examples of this include: In this codelab, you will create a locator that draws from a live

Learn how to create a simple website that classifies images with TensorFlow Serving.

Learn how to build Perspective API.

Learn to build a location-based web app using the Maps JavaScript API and PLaces Library to perform a Nearby Search.

Learn how to train a comment-spam detection model with TensorFlow Lite Model Maker.

Learn how to retrain the spam-detection model to detect specific types of spam with TensorFlow Lite Model Maker.

In this codelab, you’ll build an image-slider,, which works independently of Angular framework, can be imported in any framework, and is very easy to integrate.

In this lab, you'll take an existing web application and make it work offline. This is the first in a series of companion codelabs for the Progressive Web App workshop. There are seven more codelabs in this series. Start by either cloning or

Whether you are embarking on a road trip, planning your daily commute, or navigating a bustling city, getting from point A to point B is more than just knowing where you want to go. A reliable route generation tool is essential. With Google Maps

In this codelab, you learn everything you need to get started using Google Maps Platform for the web. You learn all the basics, from getting set up to loading the Maps JavaScript API, displaying your first map, working with markers and marker

Learn how to build an app to get video and take snapshots with your webcam, and share them peer-to-peer with WebRTC.

In this codelab, you’ll add second-factor authentication to your site or web app with a security key.

In this lab, you'll take website with an existing service worker and convert it to using Workbox. This is the second in a series of companion codelabs for the Progressive Web App workshop. The previous codelab was Going Offline. There are six more

In this lab, you'll take an existing Progressive Web App that you have deployed and wrap it in an app for distribution in Google's Play store. Bubblewrap is a tool to make wrapping your Progressive Web App into an Android App Bundle as easy as

Learn how to build a Flutter app that classifies texts and displays the results in its UI.

In this codelab, you’ll learn how to build a simple web page that has commenting ability akin to a blog post article and integrate it with a pre trained machine learning model to detect comment spam posts, enabling you to filter these out before they even get stored in any backend database, reducing server processing time and cost.

This codelab teaches you how to use the WebGL-powered features of the Maps JavaScript API to control and render on the vector map in three dimensions. This codelab assumes you have intermediate knowledge of JavaScript and the Maps JavaScript API. To

One of the most common features of a website is displaying a Google map that highlights one or more locations for a business, establishment, or some other entity with a physical presence. How these maps are implemented can vary greatly depending on

This codelab teaches you how to create a high-volume geospatial data visualization using the Maps JavaScript API and deck.gl, an open-source, WebGL-accelerated, data-visualization framework. If you haven't used Google Maps Platform before, follow

Learn how to build a website with a simple reauthentication functionality that uses a fingerprint sensor.

In this codelab you’ll learn how to use Model Maker to retrain a comment spam model to account for edge cases the pre-trained model could not handle, and then re-deploy the new model to the web application.

Learn how to secure your online information, identify phishing attacks, enable Advanced Protections for Google Accounts, and stay safe on social media.

In this codelab, you’ll build a GitHub client in Flutter for desktop.

Learn how to create a theme and brand that’s accessible and personalized with Material 3.

Learn how to use adaptive design principles in Material Design to achieve consistency across screen sizes. In this codelab, you take a mobile design to tablet format, and learn about the responsive grid, adaptive composition patterns, and the correct components.