תמונות מהוות יותר מ-60% מהבייטים שנדרשים בממוצע כדי לטעון דף אינטרנט. בעזרת AVIF אפשר להקטין את הגודל של התמונות ולקצר את זמן טעינת האתר. AVIF הוא פורמט תמונה שמבוסס על הווידאו של AV1. הפורמט AVIF נועד ליעילות דחיסה. תמונות AVIF קטנות בהרבה מתמונות

כדי לבצע את הקודלאב הזה, נדרשים כמה תנאים מקדימים. כל דרישה מסומנת בהתאם אם היא נדרשת ל'בדיקה מקומית' או ל'שירות צבירת נתונים'. כדי לבצע בדיקה מקומית, תצטרכו להוריד את הכלי לבדיקות מקומיות. הכלי יפיק דוחות סיכום מדוחות ניפוי הבאגים הלא מוצפנים. הכלי

הזמן המשוער לביצוע: שעה עד שעתיים יש 2 מצבים לביצוע הקודלאב הזה: בדיקה מקומית או שירות צבירת נתונים. כדי להשתמש במצב בדיקה מקומית, צריך מחשב מקומי ודפדפן Chrome (אין יצירה או שימוש במשאבים של Google Cloud). כדי להשתמש במצב Aggregation Service, צריך

ב-Codelab הזה תוסיפו רכישות מתוך האפליקציה לאפליקציית Flutter שמאומתת ומנוהלת באמצעות שירות קצה עורפי של Drt.

ב-Codelab הזה תלמדו איך לפתח אפליקציית אינטרנט שמשתמשת ב-Cloud Firestore.

ב-Codelab הזה תלמדו איך להשתמש בפלטפורמת Firebase באינטרנט על ידי פיתוח אפליקציית צ'אט.

בקודלאב הזה תלמדו איך להשתמש באנימציות ב-Flutter. תלמדו ליצור ווידג'ט עם אנימציה של גודל וצבע, להוסיף אפקט של כרטיס תלת-ממדי שמתעופף, להשתמש באפקטים מחבילת האנימציות ולהוסיף תמיכה בתנועת החזרה החזוי של Android.

ב-Codelab הזה תלמדו איך לפתח אפליקציית Flutter שיוצרת שמות אקראיים ונשמעים מגניבים.

בשיעור הזה תלמדו איך לפרוס מכונה של Jenkins ב-GKE, כולל סוכני build עם התאמה אוטומטית לעומס.

בקודלאב הזה תלמדו איך להוסיף אימות ב-Firebase לאפליקציית Flutter באמצעות כמה שורות קוד בלבד.

שירותי בידינג ומכרזים (B&A) כוללים 4 שירותים לקונים ולמוכרים שמאפשרים להם לקיים מכרז של קהל מוגן: סטאק הקונה: סטאק של המוכר: ב-codelab הזה תלמדו איך להגדיר ולבדוק את ההגדרה מקצה לקצה בסביבה המקומית. ההדרכה צפויה להימשך כשעה, לא כולל זמן ה-build

בשיעור ה-Codelab הזה תלמדו איך לנהל העברות בשיחות בין נציגי נציגים בשידור חי לבין נציגים של בוטים. לבסוף, יהיה לכם ממשק אינטרנט בסיסי שבו תוכלו להציג את כל השיחות שנמשכות לנציג שלכם וגם להצטרף לכל שיחה או לעזוב אותה כנציג תמיכה.

בקודלאב הזה תלמדו איך לאמת אפליקציית אינטרנט באמצעות Firebase AppCheck ו-reCAPTCHA לפני שליחת בקשות ל-Places API.

סדנת הקוד הזו היא המשך של Google Pay API for Web 101: Basics, והיא מבוססת על הקוד שנכתב בסדנת הקוד הקודמת. כדי להשלים את סדנת הקוד הזו, חשוב להשלים קודם את סדנת הקוד הזו. זוהי סקירה כללית קצרה של ButtonOptions. הסבר מפורט יותר זמין במסמכי התיעוד

בשיעור ה-Codelab הזה תלמדו מהו gecko@003 ומהו תרחיש לדוגמה בפועל ליישום שלו.

ב-Codelab הזה תלמדו איך להשתמש בתשתית של Firebase כדי לפרוס מודל למידת מכונה כדי שניתן יהיה להשתמש בו ולצרוך אותו באתר באמצעות TensorFlow.js

ב-Codelab הזה תלמדו על גופנים משתנים, היתרונות שלהם, איך לעצב איתם ואיך להטמיע אותם באמצעות Google Fonts API וב-CSS.

בקודלאב הזה תלמדו איך להגדיר את Firebase Performance Monitoring באפליקציית אינטרנט, ואיך להשתמש בו כדי לוודא שהאפליקציה פועלת בצורה תקינה אצל משתמשי הקצה.

איך יוצרים אפליקציה לנייד ב-Flutter באמצעות Firebase

אתם יכולים לבנות אפליקציית אינטרנט מאפס בעזרת Firebase והעורך הדיגיטלי StackBlitz. כדי לתקשר עם Firebase, תשתמשו ב-HTML וב-JavaScript בסיסיים. זהו מבוא מצוין לשימוש במסוף Firebase ולשילוב של Firebase באפליקציה. אין צורך בידע קודם נרחב או בהתקנות תוכנה.

בקודלאב הזה תלמדו איך להשתמש ב-Cloud Functions for Firebase כדי לשלוח התראות למשתמשים באפליקציית צ'אט.

איך מטמיעים אימות רב-גורמי ויוצרים דרישות אימות בהתאמה אישית באמצעות פונקציות חסימה

כאן מוסבר איך משתמשים ב-DockAI ברכש כדי לנתח חשבונית בצורה חכמה.

ב-Codelab הזה, תעבירו אפליקציית אינטרנט קיימת של Firebase ל-Firebase JS SDK המודולרי החדש כדי לנער את הקוד שאתם לא משתמשים בו וכדי שהאפליקציה תיטען במהירות.

בסיום הקודלאב הזה, יהיה לכם אתר מינימלי שפועל עם שילוב של Google Pay. הפרויקט הזה מאחזר אסימון תשלום שעשוי להישלח לספק שירותי תשלומים לצורך עיבוד. כדי לשלוח בקשת תשלום ב-Google Pay, צריך אובייקט בקשה. האובייקט שמוגדר כאן בתור baseGooglePayRequest

לומדים איך להוסיף אפקטים קוליים, מוזיקת רקע ואודיו דינמי למשחקים באמצעות Flutter.

Codelab שמסביר איך להשתמש בחבילת האמולטור של Firebase במהלך הפיתוח עם Flutter. ב-Codelab ייעשה שימוש באמולטורים Auth ו-Firestore כדי להדגים את השימוש באמולטור.

בשיעור ה-Codelab הזה למתחילים תלמדו איך לפתח אפליקציה לדוגמה באמצעות רכיבים עצמאיים של Angular v14

תלמדו על האופן שבו ניתן להשתמש בתכונות של מציאות רבודה באמצעות ממשק ה-API של WebXR Device, ולהשתמש בהבנת סצנות כדי למקם אובייקט תלת-ממדי שממוקם בעולם האמיתי.

איך לפעול לפי השיטות המומלצות בנושא נגישות באפליקציות Angular באמצעות ערכת הכלים המובנית ב-framework.

חדש: אותות, מודל תגובתיות חדש ב-Agular. אותות מציידים אותך בכלים באיכות גבוהה יותר לתגובתיות פרטנית

כאן תלמדו איך להרחיב רכיבי Material מוכנים מראש לרכיבים לכל framework באינטרנט.

ב-Codelab הזה תלמדו איך לתרגם מושגים של React ל-Lit

בונים את מערכת התנועה של Material באפליקציית 'תשובה' באמצעות מעברים מחבילת האנימציות.

ללמוד איך לשלב רכיבי Material בודדים בבסיס קוד אינטרנט קיים בלי להתחיל מחדש.

משפרים את העיצוב של אפליקציית Flutter ומטמיעים רכיב מתקדם של תפריט הרקע ב-Flutter.

תלמדו על האופן שבו משתמשים ב-Material כדי ליצור מבנה ופריסה של אפליקציית Flutter.

איך מפתחים אפליקציית אינטרנט באמצעות חבילת האמולטור של Firebase

מידע נוסף על השימוש בחומרה עבור מבנה ופריסה באינטרנט.

בשיעור ה-Lab הזה תלמדו איך לפתח מסווג Keras. במקום לנסות למצוא את השילוב המושלם של שכבות רשת נוירונים כדי לזהות פרחים, נשתמש קודם בטכניקה שנקראת 'למידת העברה' כדי להתאים למערך הנתונים שלנו מודל עוצמתי שעבר אימון מראש. שיעור ה-Lab הזה כולל את ההסברים התיאוריים הנדרשים על רשתות נוירונים ונקודת התחלה טובה למפתחים שלומדים על למידה עמוקה (Deep Learning).

איך להגן על הנתונים ב-Firestore באמצעות כללי אבטחה

ב-Codelab הזה תבנו דף אינטרנט שמקיים אינטראקציה עם לוח מיקרו-ביט של BBC כדי להציג תמונות בצג ה-LED שלו בגודל 5x5. בקורס הזה תלמדו על Web Series API ואיך להשתמש בשידורים קריאים, ניתנים לכתיבה וטרנספורמציה כדי לתקשר עם מכשירים עם יציאה טורית באמצעות הדפדפן.

ה-Codelab הזה יציג למשתמש את DLP API באמצעות ממשק שורת הפקודה (CLI). המשתמש יוריד את קוד הפרויקט ויבדוק חלק מהכלים בספריית הדוגמאות ואת הפונקציות הבסיסיות שלהם.

ב-Codelab הזה תשחקו עם כמה ממשקי API באינטרנט שהם חדשים לגמרי או שזמינים רק באמצעות דגל.

ב-Codelab הזה יוצרים אפליקציית אינטרנט, מגבילים את הגישה רק לקבוצות משתמשים ספציפיות, משתמשים בזהות של המשתמש המאומת בתוכנית

ב-Codelab הזה תבנו דף אינטרנט שמקיים אינטראקציה עם לוח מיקרו-ביט של BBC כדי להציג תמונות בצג ה-LED שלו בגודל 5x5. בקורס הזה תלמדו על Web Series API ואיך להשתמש בשידורים קריאים, ניתנים לכתיבה וטרנספורמציה כדי לתקשר עם מכשירים עם יציאה טורית באמצעות הדפדפן.

במאמר הזה מוסבר איך לשדר מדיה ונתונים בין שני דפדפנים. היכרות עם הטכנולוגיות וממשקי ה-API העיקריים של WebRTC. אתם יכולים לצלם ולשנות תמונות באמצעות getUserMedia, CSS ורכיב הקנבס. אפשר להגדיר חיבור בין רשתות שכנות (peering) ולהחליף נתונים ישירות בין דפדפנים באמצעות ערוצי נתונים. לבסוף, מגדירים שרת איתות באמצעות Node.js.

לרשותכם הוראות להוספת ניווט מיידי ומעברים חלקים בין דפים לאפליקציית אינטרנט באמצעות ממשקי ה-API העדכניים ביותר שזמינים ב-Google Chrome.

נלמד איך ליצור טופס אינטרנט מותאם, שבו כל משתמש מקבל ממשק מותאם אישית שמשקף את ההעדפות שלו באותו זמן.

ב-Codelab הזה תלמדו איך להוסיף מודעות מוטבעות של AdMob (מודעת באנר ומותאמות) לאפליקציית Flutter.

שיעור Lab זה יחשוף אתכם לרעיונות מרכזיים של Accelerated Mobile Pages, ולהבדלים ביניהם במסמכי HTML מסורתיים. כדי להשיג את המטרה הזו, אנחנו צריכים ליצור ולאמת מסמכי AMP.

שיעור Lab זה יחשוף אתכם לרעיונות מרכזיים של Accelerated Mobile Pages, ולהבדלים ביניהם במסמכי HTML מסורתיים. כדי להשיג את המטרה הזו, אנחנו צריכים ליצור ולאמת מסמכי AMP.

ב-Codelab הזה תלמדו איך לשלוח אירועים חיצוניים אל GA4 באמצעות Measurement Protocol(WEB).

ב-Codelab הזה מוסבר איך להוסיף לאפליקציית Flutter מודעות באנר, מודעות מעברון ומודעות מתגמלות.

ב-Codelab הזה, יוצרים ווידג'ט של מסך הבית לאפליקציית Flutter ל-iOS או ל-Android. מתחילים עם אפליקציית חדשות בסיסית של Flutter. לאחר מכן תשתמשו ב-frameworks כדי ליצור את ממשק המשתמש לווידג'טים עצמם. לבסוף, תלמדו איך לשתף משאבים וליצור תקשורת בין הווידג'טים לבין האפליקציה הראשית.

ב-Codelab הזה תלמדו איך להשתמש ב-Dataproc ב-Google Compute Engine (GCE).

ב-Codelab הזה תשלחו משימות Spark ML לשירות Dataproc של Google.

ב-Codelab הזה תלמדו את כל מה שקשור ל-Dataproc Serverless, כולל איך מתחילים ואיך ניגשים לערכת הפיצ'רים העשירה שלו.

משתמשים בתבניות, ברשומות ובתכונות חדשות אחרות ב-Dart 3 כדי ליצור מחדש את סגנון העיצוב של ממשק המשתמש ב-Flutter.

תיבת דו-שיח של Dialogflow כוללת הרבה שילובים, עבור אינטרנט, Google Assistant, מדיה חברתית ושערים לטלפונים. עם זאת, כשתרצו להעביר את הצ'אט בוטים שלכם למכשירים ניידים, תצטרכו ליצור שילוב מותאם אישית. בשיעור ה-Lab הזה תלמדו איך לשלב את Dialogflow Essentials באפליקציית Flutter.

ב-Codelab הזה נלמד על & לפתח רכיב אינטרנט מאפס ולאחר מכן לשפר אותו בהדרגה לרכיב Lit.

בשיעור הזה תלמדו איך להשתמש ב-Google Cloud Functions כדי להפעיל תהליך עבודה של Apache Airflow (DAG) ב-Google Cloud Composer. ה-DAG כאן מבצע פקודת bash פשוטה באמצעות BashOperator

עם JavaScript בלבד, אפשר ליצור אפליקציית אינטרנט השולטת בנר LED בלי להבות בעזרת ממשק ה-API החדש של Bluetooth Web Bluetooth.

ב-Codelab הזה תכתבו ביטויים ב-Common Expression Language, שמוטמעים ב-Go. כאן תלמדו איך ליצור משתנים, להשתמש באופרטורים לוגיים ו/או באופרטורים, לבנות קובץ json, לבנות פרוטו ולכוונן את הביטויים.

ב-Codelab הזה תלמדו איך לעקוב אחרי כתיבה או קריאה ב-Bigtable בזמן שהם נטענים וקוראים כמות גדולה של נתונים באמצעות Dataflow.

ב-codelab הזה תלמדו איך להשתמש ב-Model Maker כדי לאמן מחדש מודל ספאם של תגובות כדי להביא בחשבון מקרי קצה שהמודל שהוזמן מראש לא יוכל לטפל בהם, ואז לפרוס מחדש את המודל החדש באפליקציית האינטרנט.

ב-Codelab הזה תבנה חוויה של מפות Google באמצעות ה-SDK של אפליקציית Flutter לנייד, ליצירת חוויות מותאמות באיכות גבוהה ב-iOS, ב-Android ובאינטרנט.

בשיעור ה-Codelab הזה, תלמדו איך לטעון את אחד מהמודלים של TensorFlow.js שאומנו מראש (COCO-SSD) ולהשתמש בהם כדי לזהות אובייקטים נפוצים שעליהם הוא אומן.

ב-Codelab הזה תתנסו בפיתוח אפליקציה עם עיצוב אדפטיבי שמציג אנימציה בצורה חלקה באמצעות Material 3, בכל שש הפלטפורמות שנתמכות ב-Flutter.

ב-Codelab הזה תפתחו פלאגין של Flutter לפלטפורמות לניידים ולמחשבים באמצעות FFI כדי להשתמש בספריית C מקורית.

Flutter היא ערכת הכלים לבניית ממשק משתמש של Google, שנועדה לבנות אפליקציות יפות ומותאמות לניידים, לאינטרנט ולמחשבים מתוך בסיס קוד יחיד. ב-Codelab הזה, אתם מתחילים עם אפליקציית מוזיקה פשוטה (באמצעות Material 3) כדי לשפר אותה ולהפוך אותה ליפה יותר ורספונסיבית יותר לכל הפלטפורמות.

ב-codelab הזה תיצרו אפליקציית Flutter שמתאימה לכל שש הפלטפורמות הנתמכות ב-Flutter – Android, iOS, אינטרנט, Windows, macOS ו-Linux.

ב-Codelab הזה תפתחו ותבדקו אפליקציה פשוטה של Flutter.

ב-Codelab הזה תלמדו איך להוסיף את הפלאגין webview_flutter לאפליקציית Flutter.

לומדים איך ליצור מנגנונים במשחקים של Flutter ו-Fflame עם Forge2D, מנוע פיזיקה דו-ממדי.

ב-Codelab הזה תלמדו איך להשתמש ב-Fflame, מנוע משחק שמבוסס על Flutter. תלמדו על הרכיבים והאפקטים של Flame, וגם תסבירו איך לשלב את Flame עם ניהול המצב של Flutter.

תלמדו על האופן שבו אפשר לפתח ממשקי משתמש של Flutter באמצעות אנימציות, תוכנות הצללה ואפקטים של חלקיקים שפועלים בכל שש הפלטפורמות של Flutter.

למדו איך לפתח אפליקציית Flutter עתירת מחשוב ולהמשיך לשמור על האינטראקטיביות הנוזלית של Flutter.

באמצעות יצירת דף התחברות לאפליקציה פשוטה של Flutter תוכלו ללמוד על יסודות השימוש ברכיבי Material.

מידע בסיסי על השימוש ברכיבי תוכן באינטרנט על ידי בניית אפליקציה פשוטה הכוללת רכיבי ליבה.

הספרייה Material Flutter מאפשרת להבדיל בקלות בין מוצרים ולבטא את המותג שלכם באמצעות עיצוב.

איך רכיבים מהותיים לאינטרנט מדגישים את המוצר שלכם ומדגישים את המותג בעיצוב?

בשיעור ה-Codelab הזה תלמדו איך לקחת מודל למידת מכונה Python קיים בפורמט SaveModel ולהמיר אותו לפורמט TensorFlow.js כדי שהוא יוכל לפעול בדפדפן אינטרנט וגם ללמוד איך לטפל בבעיות נפוצות שעשויות להתרחש בהמרות.

ב-Codelab הזה מוסבר איך להוסיף התראות לאפליקציית האינטרנט.

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.