Outils pour construire avec: Google I / S 2025

Jetez un œil aux fonctionnalités annoncées sur Google I / O 2025 et comment ils vous aideront en tant que développeur.

Google I / S 2025 a apporté beaucoup de nouvelles sur l’IA et les Gémeaux, présentant l’avenir (ou présent) à Google. Cette nouvelle apporte aux développeurs des opportunités incroyables à de nombreux aspects de nos emplois quotidiens.

Le Keynote d’E / S Google était énorme, mais nous nous concentrerons plus spécifiquement sur les choses qui nous aideront à construire nos idées et nos projets. Nous allons passer à travers nos étapes de développement comme le débogage, la création d’applications Web modernes, l’amélioration et l’obtention d’aide avec les agents et obtenir l’inspiration visuelle pour faire un pas en avant avec notre imagination. Je recommande fortement de consulter la vidéo complète si vous avez le temps:

& nbsp;

Commençons par les annonces Web et Chrome!

Google sait que lorsque nous travaillons avec le Web, tout n’est pas parfait. Parfois, nous trouvons des erreurs et ces erreurs doivent être résolues. Chrome fournit Chrome Devtools pour nous aider à explorer profondément ce qui s’est passé dans nos applications. Mais que pouvons-nous faire lorsque nous recevons un message sans aucun contexte sur le problème?

C’est là que nous pourrions obtenir de l’aide de l’IA, et Google simplifie la puissance des Gémeaux, fournissant une assistance en IA pour nos erreurs, nos performances ou mieux expliquer les erreurs de console ou les avertissements dans les mêmes Devtools.

Vous pouvez l’essayer maintenant! Ouvrez Devtools et cliquez sur «Innovations AI». Ensuite, activez les options dans «Boost votre productivité».

Après cela, cliquez sur toute erreur dans la console Chrome Devtools, et Gemini fournira de meilleures informations sur ce qui se passe, comme cet exemple:

En savoir plus: https://developer.chrome.com/docs/devtools/ai-assistance/get-started.

Carrousel CSS

Le navigateur chrome continue son évolution, et avec le CSS déborde 5 Spécification dans Chrome 135, maintenant nous pouvons créer des expériences de parchemin et de carrousel incroyables – sans aucun JavaScript, juste CSS.

Image de Mozilla

En savoir plus à ce sujet: https://developer.chrome.com/blog/carels-with-css.

OK, nous sommes dans la section Web, alors passons à l’un des frameworks les plus appréciés: Angular!

🅰️ Angular

L’équipe angulaire continue de travailler dur pour offrir la meilleure expérience de développeur, apportant beaucoup de nouvelles fonctionnalités et améliorations incroyables, comme Signals + Zoneless, SSR et plus encore.

L’équipe angulaire sait comment la communauté adopte les signaux. Ils ont annoncé que les signaux et calculés sont stables. Dans Angular V20, ils apporteront également des signals LinkedSignals stables! 🤫 shhh… ils ont également commencé à travailler avec l’API des formes de signaux.

Qu’en est-il de zone.js? Bonne nouvelle: nous pouvons commencer à créer une performance complète des signaux angulaires avec Zoneless, dans l’aperçu du développeur. Et avec le karma déprécié, Angular V20 apporte un soutien expérimental au plus vitre et un nouveau guide pour construire l’IA avec angulaire.

L’équipe angulaire a travaillé en étroite collaboration avec plusieurs équipes pour la V20. Chrome Devtools comprendra une piste personnalisée pour Angular Code pour faciliter la débogage de notre code source, et l’équipe Firebase simplifie désormais notre expérience avec Firebase Studio en créant nos applications.

En savoir plus avec Quoi de neuf dans Angular:

Place de mise au point pour le développement backend, explorons Firebase!

AI + backend avec Firebase🔥?

L’équipe Firebase a publié Firebase Studio pour simplifier la construction de nos applications avec Vibe Coding et l’agent Gemini, et maintenant ils ont fait le prochain pas en avant. À l’aide de l’agent de prototypage de l’application, il peut détecter, configurer et provisionner facilement le backend d’une application.

Google avec Firebase Studio Simplifie la façon dont nous pouvons créer nos applications en invitant (ou en vibrant le codage) avec Gemini. Cela aide à créer des applications incroyables, et maintenant, lorsque notre invite comprend une base de données ou une authentification, Firebase Studio recommandera Authentification de base et Firestore Lors de la création du plan d’application. Il créera également des composants et des éléments d’interface utilisateur par défaut.

Mais qu’en est-il de la logique? Eh bien, Firebase facilite l’intégration de l’IA dans nos applications existantes avec Logique de la base de la base de la base et terminer notre projet en publiant nos services d’application et backend à Hébergement de l’application Firebase.

Regarder plus avec Quoi de neuf dans Firebase:

OK, mais peut-être que nous avons besoin d’aide, alors passons aux agents.

🤖 Agent de codage

Codage d’ambiance ou agent proactif? Pourquoi ne pas obtenir les deux avec Jules? Jules est un agent (plusieurs agents) qui aide à améliorer votre code existant, mais propose également des PR pour améliorer votre projet!

Comment ça marche? Eh bien, cela fonctionne avec l’intégration GitHub et crée une machine virtuelle pour exécuter et exécuter votre code. Ensuite, il effectue des actions à ce sujet pour proposer des modifications à vous. Jules peut également exécuter vos tests existants (ou en créer de nouveaux) pour vérifier votre code.

Vous pouvez l’essayer aujourd’hui! Aller à https://jules.google.com/.

OK… mais toutes ces choses sont pour les projets existants. Qu’en est-il si nous voulons créer un nouveau projet? Pas de soucis! Google a également des choses pour vous! C’est Stitch !!

🎨 Idées de conception?

Google sait que parfois nous avons besoin d’idées fraîches pour commencer. Peut-être souhaitez-vous créer de nouvelles idées pour une application mobile ou Web? Google a montré Pointqui aide les concepteurs à simplifier et à créer des idées d’interface utilisateur juste à partir d’une invite pour le mobile ou le Web.

Après cela, vous obtenez votre projet. Il crée un design incroyable pour vous (qui peut être modifié) et également exporté vers Figma.

Maintenant, commencez avec des idées et explorez-les avec Stitch!

Commencez à jouer avec Stitch https://stitch.withgoogle.com/.

Et qu’en est-il si je veux créer quelque chose de visuel comme des vidéos ou des images créatives? On y va!!!

AI, caméra 📷 et action 🎥

Google a lancé un tas de nouvelles choses avec Gemma 3n, Project Astro avec 2.5 Flash avec modèle audio et s’étendant à la plate-forme en verre pour créer des applications avec Android XR.

Apprendre encore plus: https://www.android.com/xr/.

Mais cela ne s’arrête pas là. Créez des vidéos incroyables avec Veo et Flow, comme vous êtes un cinéaste.

Et créer des images et des photos réalistes complètes à l’aide d’imagen 4 et Fouet.

Jouer avec Fouet.

Résumer

Il y a beaucoup de choses à voir et à jouer avec! En tant que développeurs, nous avons des outils incroyables pour construire des produits rapidement et combiner nos idées, augmentant notre productivité et notre vitesse.

Prenez votre temps pour jouer et construire des choses, et assurez-vous d’expérimenter avec chacun des outils et des fonctionnalités mentionnés ici. Maintenant, il est facile d’atteindre nos idées, de déboguer avec Devtools, de créer des applications puissantes avec Angular 20, d’augmenter notre productivité avec Jules et créer des vidéos et des images incroyables avec Point et Couler.

Si vous voulez savoir tout de nouveau sur le code assisté par l’IA, les invites et Genai avec Progress Kendo UI, venez à notre webinaire à venir le lundi 2 juin, de 11h00 à 13h00 HE.