Créer des logiciels plus rapidement avec l'IA : programmation pratique en IA à l'aide d'IDE modernes | Kurt Anderson | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Créer des logiciels plus rapidement avec l'IA : programmation pratique en IA à l'aide d'IDE modernes

teacher avatar Kurt Anderson, Computer Scientist, Multi-Media Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction 2

      2:10

    • 2.

      IDE IA

      6:42

    • 3.

      Pensez comme un réalisateur : le contexte est roi

      6:47

    • 4.

      Développer des fonctionnalités plus rapidement Features

      7:12

    • 5.

      Refactoriser le code rapidement

      3:59

    • 6.

      Cessez de passer des heures à déboguer ging

      6:30

    • 7.

      Utiliser l'IA pour réparer l'IA

      2:25

    • 8.

      Comprendre rapidement les bases de codes complexes

      3:05

    • 9.

      Adapter votre IA à vos règles

      3:23

    • 10.

      À votre tour : description du projet

      0:50

    • 11.

      Conclusion

      1:31

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

7

apprenants

--

À propos de ce cours

Créer plus rapidement avec l'IA : programmation pratique de l'IA à l'aide d'IDE modernes

L'IA change d'ores et déjà la façon dont les logiciels sont écrits, mais la plupart des développeurs se reposent trop sur elle ou ne l'utilisent pas du tout de manière efficace.

Dans ce cours, vous apprendrez à utiliser l'IA de la bonne manière dans des environnements de développement modernes comme Cursor, Copilot et les IDE optimisés par IA pour écrire un meilleur code plus rapidement, sans perdre le contrôle ni la compréhension.

Ceci n'est pas un cours inspiré par la hype ou une liste de suggestions intelligentes. C'est un guide pratique, axé sur les développeurs, qui permet d'utiliser l'IA comme outil de productivité, et non comme une béquille.

Ce que vous apprendrez

  • Comment les IDE comprennent réellement votre code et le contexte de votre projet

  • Comment solliciter l'IA de manière claire et cohérente pour les tâches de codage intime

  • Générer des planches et des fonctionnalités sans faire de copier-coller

  • Refactoriser en toute sécurité un code ancien ou obsolète

  • Débugger les erreurs plus rapidement en utilisant le raisonnement assisté par l'IA

  • Comprendre les bases de code inconnues avec les explications de l’IA

  • Quand ne pas utiliser l'IA (et pourquoi c'est important)

À QUI S'ADRESSE CE COURS

  • Programmeurs débutants à intermédiaires

  • Étudiants en informatique et personnes qui changent de carrière chers

  • Les développeurs curieux de l'IA mais ne savent pas comment l'utiliser de manière responsable

  • Toute personne souhaitant coder plus rapidement et mieux comprendre son code better

Il n'est pas nécessaire d'avoir des connaissances en mathématiques ou en apprentissage automatique. Il ne nécessite que des connaissances de base en programmation.

Rencontrez votre enseignant·e

Teacher Profile Image

Kurt Anderson

Computer Scientist, Multi-Media Designer

Enseignant·e

Hello, I'm Kurt.

I am a self-taught multi-media designer and computer scientist who has helped bring the creative vision of clients all around the world to life. Having 8+ years of experience in the Adobe Production Suite has given me a strong tool-set to create anything from videos to websites. Along with this, having a degree in Computer Science has given me a strong analytical mind for dealing with complex problems. Through these two disciplines I create a unique blend of efficiency and creativity. I believe anyone can become a designer or programmer. All it takes is practice.

I am also a world traveler and have lived in and learned from many different countries. During a 6 month stay in Japan, I became fascinated with their people's drive and craftsmanship. I try to i... Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction 2: Tout le monde, et bienvenue à ce cours. Nous allons expliquer comment les développeurs devraient réellement utiliser l'IA pour accélérer leur flux de travail et continuer à créer du code de haute qualité. Donc, avec ce cours, nous allons vraiment aborder les bases de l'IA et certains des trucs et astuces qu'un développeur peut utiliser pour l'utiliser de manière rapide et efficace. Souvent, lorsque vous utilisez l'IA, cela crée du code incorrect ou correct. Et cela peut créer un problème, car si nous lui demandons de faire quelque chose et qu'il le fait d'une manière qui nous oblige à vérifier chaque étape, eh bien, cela ne nous fait pas vraiment gagner de temps en fin de compte. Avec ce cours , nous voulons vous montrer comment utiliser l'IA, comment vous pouvez la demander, comment la configurer, comment créer un flux de travail qui accélérera votre développement au lieu que cela ne soit qu' un obstacle de plus à surmonter Nous ne pouvons pas ignorer le fait que l'IA, en particulier dans le domaine de la programmation, est extrêmement importante car elle peut nous aider à résoudre des bogues qui nous prenaient auparavant des semaines en une heure ou moins. Cela peut nous aider à créer des fonctionnalités complètes à partir de zéro en quelques minutes ce qui nous a peut-être pris des semaines également. Cela peut nous aider à refactoriser l'ancien code, et cela peut nous aider à effectuer beaucoup de tâches subalternes beaucoup plus rapidement. ce fait, les personnes qui savent utiliser l'IA seront les prochaines entreprises les plus performantes dans le domaine du développement de logiciels. Donc, si vous voulez devenir un développeur de haut niveau, vous devez connaître l'IA. Toutes les entreprises s'y mettent lentement. Certaines sont plus lentes que d'autres, mais je dirais qu'au cours des deux ou trois prochaines années, la plupart des entreprises devront utiliser si elles veulent garder une longueur d'avance. C'est pourquoi nous devons nous assurer que nos compétences correspondent aux attentes de ces entreprises. Dans ce cours, nous allons donc aborder les bases d'un IDE basé sur l'IA, montrant comment nous pouvons l'utiliser pour créer un nouveau projet, créer une nouvelle fonctionnalité, refactoriser l'ancien code et, en général, simplement utiliser dans notre flux de travail quotidien seront donc les objectifs de ce cours, et à la fin de celui-ci, vous serez en mesure de créer votre propre projet et de faire appel à l'IA de manière à accélérer votre flux de travail de développement. C'est une technologie vraiment géniale, et il y a beaucoup à apprendre ici, mais ce n'est pas trop mal au bout du compte. Je suis donc impatiente de participer. Allons-y et commençons par apprendre à utiliser l'IA pour accélérer notre flux de travail en tant que développeur. 2. IDE IA: Nous devons donc commencer et déterminer comment utiliser l'IA dans notre code. Il existe différentes manières d'utiliser l'IA. Celui que nous connaissons tous probablement à ce stade est le premier sur scène, et c'est HaGibT Nous pouvons copier-coller du code ici, lui poser une question, lui demander de le refactoriser, et cela fera un très bon travail Le problème, cependant, est qu'il s' agit d'un flux de travail assez lent. Tu vas regarder ton code, tu trouves un problème, tu le copies, tu le mets dans le ChachiBT Vous devez lui donner tout le contexte pour qu'il sache ce que vous essayez d'accomplir. Cliquez sur Enter. Ça a l'air bien. Vous n'avez pas pu le tester. Vous devez le copier-coller sur votre identifiant. Et c'est ce cycle qui peut être très lent. Cela accélère certaines choses, comme la détection de bogues et tout le reste, mais cela ne l'accélère pas au point une manière efficace d'utiliser votre temps. C'est donc là que nous intervenons avec les IDE basés sur l'IA. Essentiellement, ce ne sont que des identifiants auxquels l'IA est intégrée. Vous pouvez également généralement simplement trouver un plugin et le mettre dans votre IDE préféré. Donc, dans ce cas, nous allons parler de Cursor. C'est celui que nous allons utiliser pour toute cette série ici. Cependant, vous pouvez utiliser celui que vous voulez. Ils fonctionnent tous à peu près de la même manière. Ils peuvent simplement avoir un ensemble différent de modèles que vous pouvez utiliser. Avec Cursor, nous allons essentiellement partir de zéro et créer quelque chose. Vous pouvez voir si vous allez simplement sur leur site cursor.com, vous pouvez le télécharger dès maintenant sur Mac ou Windows et vraiment vous y mettre Il existe un niveau gratuit, vous pouvez donc lui poser quelques questions, cela peut être un peu plus lent, peut-être un peu plus stupide, mais il y a un assez bon niveau gratuit Si vous voulez payer 20$ par mois, vous pouvez avoir accès à de meilleurs modèles, et cela peut en valoir la peine à des fins d'apprentissage, mais vous pouvez continuer gratuitement. Ici. Je voulais également parler de deux autres grands acteurs du marché. Claude Claude est quelque chose que vous pouvez également télécharger et utiliser. Nous utilisons en fait certains de leurs modèles dans Cursor. C'est donc un point sur lequel nous allons travailler ici, c'est que le simple fait d'utiliser le curseur ne signifie pas que nous sommes bloqués dans le modèle créé par fait d'utiliser le curseur ne signifie pas que nous sommes le curseur. En fait, ils viennent d'en créer un appelé compositeur. Mais nous pouvons utiliser le GPT. Claude peut être utile. Nous pouvons utiliser Microsoft. Nous pouvons utiliser tous ces autres modèles d' IA via le curseur. Avec Claude, vous pouvez faire à peu près la même chose, mais c'est mieux adapté à leur ensemble spécifique de modèles différents, mais vous pouvez les contacter. Et le copilote est également différent. Vous pouvez voir qu'il s'agit d' une sorte d'hybride où vous pouvez poser des questions ici ou vous pouvez également l' implémenter dans votre base de code. Il existe de nombreux produits de ce type ici. Trouvez donc celui avec lequel vous êtes le plus à l'aise. Mais pour ce cours, nous allons nous concentrer sur le curseur. Donc, une fois que nous avons ouvert notre IDE ici, nous l'installons. Nous pouvons aller de l'avant et lancer un projet. Ce point de vue va vous être présenté. Vos couleurs seront légèrement différentes car je les ai modifiées pour qu'elles s'adaptent à quelque chose que j'aime bien pour cette seconde. Cela ressemble beaucoup au code VS car il a été peu près dérivé du référentiel de code VS Il aura donc à peu près les mêmes capacités d' des plugins si vous utilisez VS Code et utilisez également tous les thèmes Ce que nous voulons faire, c'est que lorsque nous démarrerons ici sur le côté droit, nous verrons le volet à bascule vers l'IA Sur n'importe quel autre identifiant, vous aurez également quelque chose à ce sujet. Cela peut être en bas, peut-être sur le côté gauche, peut-être au milieu, mais il y aura un moyen de communiquer avec votre base de code et avec vos différents agents. Avec cela, nous pouvons alors réellement commencer à communiquer avec l'IA. Ici, nous pouvons aller de l'avant et taper des choses, et cela créera des éléments dans notre projet. Ce ne sera qu'un ajout . Ce sera quelque chose avec lequel nous pourrons communiquer pendant que nous construisons. De nombreux identifiants différents auront également ces différentes fonctionnalités. Ce taux de fonctionnalités consiste ici à basculer entre les modes de votre IA. Donc, pour le moment, c'est sur Agent. C'est le plus puissant car l' agent lui donne la permission de faire des choses. Au lieu de simplement lui poser une question et de vous donner une réponse, il peut rechercher la réponse. Il peut parcourir votre base de code, ou même l'ensemble de votre bureau si vous lui en donnez l'autorisation. L'Agent est donc le plus puissant, et c'est ce que j'utilise par défaut. , si vous ne voulez pas qu'il touche le code Cependant, si vous ne voulez pas qu'il touche le code, vous pouvez le changer pour résoudre certains problèmes. Parfois, il touche le code alors que vous ne le souhaitez pas. C'est donc votre base de référence. Vous cliquez sur Demander, cela ne touchera pas votre code. Je ne changerai rien. Le plan et le débogage sont spécifiques au curseur, mais d'autres identifiants différents sont également fournis avec ceux-ci, et ils sont assez simples Si vous essayez de planifier une fonctionnalité étendue de grande envergure, vous pouvez utiliser l'invite de planification. Cela vous y aidera. Si vous essayez de déboguer un bogue en particulier ici, vous pouvez effectuer ce débogage et ce sera plus intelligent à cet égard Et le côté suivant, ce sont nos modèles. Voici donc les modèles que j'ai actuellement installés sur le mien. Il existe d'autres modèles. Et si vous cliquez sur ce bouton, ils seront tous listés, vous pourrez y ajouter qui vous voulez. Et puis il y a le mode Max, qui permet à la fenêtre de contexte d'être plus grande pour les projets de très grande envergure. Cela coûte plus cher si vous le faites. Le compositeur est donc celui que Cursor a créé. Vous pouvez voir que c'est écrit ici, le premier modèle de codage agentique du curseur premier modèle de codage agentique Donc, celui-ci est le moins cher pour Cursor car il utilise le propre code de Cursor. Nous avons alors Opus ici. Il s'agit du modèle AnthroPicting. C'est vraiment très bon, un peu cher, mais vraiment bon. Sone est également un très bon modèle de pensée AnthroPico. Nous avons la série GPT ici, donc GBT 5.1, GBT 5.2 Nous avons des Gémeaux. Il s'agit du dernier modèle de Google à l'heure actuelle. Et puis nous en avons d'autres comme ce mini. Nous avons un Grock. Et si vous cliquez sur Ajouter ici, vous pouvez cliquer sur Afficher tous les modèles, et vous pouvez essayer d' implémenter et d'utiliser tous ces modèles . Pour ce cours en particulier, je vais m'en tenir à notre chanson anthropique probablement pour cinq Pour l'essentiel, je vais peut-être utiliser un peu de compositeur, mais les modèles vont changer au fur et à mesure que nous avançons. Certains vont s'améliorer. Vous allez, vous savez, vous sentir à l'aise avec quelques-uns, pas vous sentir à l'aise avec d'autres. Nous devons donc nous assurer les utiliser de la meilleure façon possible. un autre domaine pour cela également, et c'est tout nouveau, donc je veux l'enseigner. Vous voyez ces petits cerveaux qui pensent, ces petits cerveaux juste à côté, qui pensent. Donc, essentiellement, penser signifie qu'il va vraiment analyser la question avant de répondre. C'est, encore une fois, un peu plus coûteux, mais cela fournit généralement de meilleures situations et de meilleures réponses. Cependant, je vais activer ces deux modèles ici sans réfléchir. Cela me permettra de choisir si je veux que ça aille un peu plus loin ou si je ne veux pas que ça aille un peu plus loin. Nous pouvons ensuite voir qu'ils sont ajoutés ici. Nous avons Opus 45 et maintenant 45 qui pensent, et 45 et Sont 45 qui pensent. C'est donc la base de notre tarif IDE ici. Nous l'avons installé. Nous l'avons examiné. Nous avons des agents ici. Nous pouvons lui poser des questions, et nous pouvons réellement commencer à coder. Allons-y donc et commençons à le faire. 3. Pensez comme un réalisateur : le contexte est roi: Nous devons donc commencer et déterminer comment utiliser l'IA dans notre code. Il existe différentes manières d'utiliser l'IA. Celui que nous connaissons tous probablement à ce stade est le premier sur scène, et c'est HGBT Nous pouvons copier-coller du code ici, lui poser une question, lui demander de le refactoriser, et cela fera un très bon travail Le problème, cependant, est qu'il s' agit d'un flux de travail assez lent. Tu vas regarder ton code, tu trouves un problème, tu le copies, tu le mets dans le ChachiBT Vous devez lui donner tout le contexte pour qu'il sache ce que vous essayez d'accomplir. Cliquez sur Enter. Ça a l'air bien. Vous n'avez pas pu le tester. Vous devez le copier-coller à nouveau dans votre IDE, et c'est ce cycle qui peut être très lent. Cela accélère certaines choses comme la recherche de bogues et tout le reste, mais cela ne l'accélère pas au point d'être une manière efficace d'utiliser votre temps. C'est donc là que nous intervenons avec les IDE basés sur l'IA. Essentiellement, ce ne sont que des IDE dans lesquels l'IA est implémentée. Vous pouvez également généralement simplement trouver un plugin et le mettre dans votre IDE préféré. Donc, dans ce cas, nous allons parler de Cursor. C'est celui que nous allons utiliser pour toute cette série ici. Cependant, vous pouvez utiliser celui que vous voulez. Ils fonctionnent tous à peu près de la même manière. Ils peuvent simplement avoir un ensemble différent de modèles que vous pouvez utiliser. Avec Cursor, nous allons essentiellement partir de zéro et créer quelque chose. Vous pouvez voir, si vous allez simplement sur leur site cursor.com, vous pouvez le télécharger dès maintenant sur Mac ou Windows et vraiment commencer C'est un niveau gratuit, vous pouvez donc lui poser quelques questions, il peut être un peu plus lent, peut-être un peu plus stupide, mais il a un assez bon niveau gratuit Si vous voulez payer 20$ par mois, vous pouvez avoir accès à de meilleurs modèles, et cela peut en valoir la peine à des fins d'apprentissage, mais vous pouvez continuer gratuitement avec Kurt. Je voulais donc parler de deux autres grands acteurs du marché. Claude Claude est quelque chose que vous pouvez également télécharger et utiliser. Nous utilisons en fait certains de leurs modèles dans Cursor. Nous allons donc travailler sur ce point : ce n'est pas parce que nous utilisons Cursor que nous sommes enfermés dans le modèle créé par pas parce que nous utilisons Cursor que nous sommes Cursor. Ils viennent en fait d'en créer un appelé Composer. Mais nous pouvons utiliser GPT, Wiki News Claude, Wiki News Microsoft Nous pouvons utiliser tous ces autres modèles d' IA via Cursor. Avec Claude, vous pouvez faire à peu près la même chose, mais c'est mieux adapté à leur ensemble spécifique de modèles différents, mais vous pouvez les contacter. Et Copilot est également différent. Vous pouvez voir qu'il s'agit d' une sorte d'hybride où vous pouvez poser des questions ici ou vous pouvez également l' implémenter dans votre base de code Il existe de nombreux produits de ce type sur le marché. Trouvez donc celui avec lequel vous êtes le plus à l'aise. Mais pour ce cours, nous allons nous concentrer sur Cursor. Donc, une fois que nous avons ouvert notre IDE ici, nous l'installons. Nous pouvons aller de l'avant et lancer un projet. Ce point de vue va vous être présenté. Vos couleurs seront légèrement différentes car je les ai modifiées pour qu'elles s'adaptent à quelque chose que j'aime bien pour cette seconde. Cela ressemble beaucoup au code VS car il a été peu près dérivé du référentiel VS Code Il aura donc à peu près les mêmes capacités d' des plugins si vous utilisez le VS Code et utilisez également tous les thèmes Ce que nous voulons faire, c'est que lorsque nous démarrerons ici, sur le côté droit, nous verrons le volet d'activation de l'IA Sur n'importe quel autre IDE, vous aurez également quelque chose à ce sujet. Cela peut être en bas, peut-être sur le côté gauche, peut-être au milieu, mais il y aura un moyen de communiquer avec votre base de code et avec vos différents agents Avec cela, nous pouvons alors réellement commencer à communiquer avec l'IA. Ici, nous pouvons aller de l'avant et taper des choses, et cela créera des éléments dans notre projet. Ce ne sera qu'un ajout. Ce sera quelque chose avec lequel nous pourrons communiquer pendant que nous construisons. De nombreux IDE différents auront également ces différentes fonctionnalités. Ce taux de fonctionnalités consiste ici à basculer entre les modes de votre IA. Donc, pour le moment, c'est sur Agent. C'est le plus puissant car l' agent lui donne la permission de faire des choses. Au lieu de simplement lui poser une question et de vous donner une réponse, il peut rechercher la réponse. Il peut parcourir votre base de code, ou même l'ensemble de votre bureau si vous en donnez l'autorisation L'Agent est donc le plus puissant et c'est ce que j'utilise par défaut. , si vous ne voulez pas qu'il touche le code Cependant, si vous ne voulez pas qu'il touche le code, vous pouvez le changer pour résoudre certains problèmes. Parfois, il touche le code alors que vous ne le souhaitez pas. C'est donc votre base de référence. Vous cliquez sur Demander, je ne toucherai pas à votre code. Cela ne changera rien. Le plan et debug sont spécifiques à Cursor, mais d'autres identifiants différents sont également fournis avec ceux-ci, et ils sont assez simples Si vous essayez de planifier une fonctionnalité étendue de grande envergure, vous pouvez utiliser l'invite de planification. Je vais t'y aider. Si vous essayez de déboguer un bogue en particulier ici, vous pouvez effectuer ce débogage et ce sera plus intelligent à cet égard Et l'autre côté, ce que nous avons ici, ce sont nos modèles. Voici donc les modèles que j'ai actuellement installés sur le mien. Il existe d'autres modèles. Et si vous cliquez sur ce bouton, ils seront tous listés, vous pourrez y ajouter qui vous voulez. Et puis il y a le mode Max, qui permet à la fenêtre de contexte d'être plus grande pour les projets de très grande envergure. Cela coûte plus cher si vous le faites. Le compositeur est donc celui que Cursor a créé. Vous pouvez voir que c'est écrit ici, le premier modèle de codage agentique du curseur premier modèle de codage agentique Donc, celui-ci est le moins cher pour Cursor car il utilise le propre code de Cursor. Nous avons alors Opus ici. Il s'agit du modèle AnthroPicting. C'est vraiment très bon, un peu cher mais vraiment bon. Sone est également un très bon modèle de pensée AnthroPico. Nous avons la série GPT ici, donc GBT 5.1, GBT 5.2. Nous avons des Gémeaux Il s'agit du dernier modèle de Google à l'heure actuelle. Et puis nous en avons d'autres comme ce mini. Nous avons un Grock. Et si vous cliquez sur Ajouter ici, vous pouvez cliquer sur Afficher tous les modèles, et vous pouvez essayer d' implémenter et d'utiliser tous ces modèles . Pour ce cours en particulier, je vais m'en tenir à notre Sonnet 45, probablement anthropique Pour la plupart, je vais peut-être utiliser un peu de compositeur, mais les modèles vont changer au fur et à mesure que nous avancerons. Certains vont s'améliorer. Vous allez, vous savez, vous sentir à l'aise avec quelques-uns, pas vous sentir à l'aise avec d'autres. Nous devons donc nous assurer les utiliser de la meilleure façon possible. un autre domaine pour cela également, et c'est tout nouveau, donc je veux l'enseigner. Vous voyez ces petites pensées, ces petits cerveaux à côté, qui pensent. Donc, essentiellement, penser signifie qu'il va vraiment analyser la question avant de répondre. C'est, encore une fois, un peu plus coûteux, mais cela fournit généralement de meilleures situations et de meilleures réponses. Cependant, je vais activer ces deux modèles ici sans réfléchir. Cela me permettra de choisir si je veux que ça aille un peu plus loin ou si je ne veux pas que ça aille un peu plus loin. Nous pouvons ensuite voir qu'ils sont ajoutés ici. Nous avons Opus 45 et maintenant 45 qui réfléchissent, tandis Sont 45 et Sonnet 45 pensent C'est donc la base de notre tarif IDE ici. Nous l'avons installé. Nous l'avons examiné. Nous avons des agents ici. Nous pouvons lui poser des questions et nous pouvons réellement commencer à coder. Allons-y donc et commençons à le faire. 4. Développer des fonctionnalités plus rapidement Features: Nous. Parlons donc du développement des fonctionnalités. Les fonctionnalités sont le moyen essentiel d'ajouter de nouveaux éléments à une application ou à un certain produit. C'est pourquoi nous voulons souvent implémenter ces fonctionnalités de manière rapide, propre et efficace. Eh bien, un moyen très simple de le faire est la plupart de ces fonctionnalités, elles se présentent sous forme de carte ou de ticket. Quelqu'un d'autre a donc déjà affiné cette fonctionnalité. S'il s'agit d'un projet personnel et que vous n'avez pas de cartes, vous pouvez toujours simplement discuter avec l'IA pour créer une carte ou la développer, vous savez, lui poser des questions, etc., afin d'obtenir une très bonne description Mais si vous avez une fonctionnalité, trouvez. Par exemple, je l'ai copié depuis Jira. Il s'agit d'un ensemble de fonctionnalités important concernant l' ajout du mode clair et du mode sombre. Donc, essentiellement, ce que nous faisons, c'est créer une lumière et une obscurité activées par l'utilisateur Nous avons défini les critères d'acceptation que nous pouvons modifier manuellement. Il commence par défaut, évaluant les étoiles, etc. C'est donc une très bonne carte, et nous pouvons la copier-coller et simplement cliquer sur Entrée, et cela fonctionnera probablement très bien. Mais pour nous assurer que nous créons un code de qualité, chaque fois que nous faisons quelque chose comme ça, à la fin, nous voulons dire, avant de toucher à un code, dites-moi votre plan pour implémenter ceci ou quelque chose du genre. Alors maintenant, lorsque vous l'enverrez réellement, il vous donnera son plan pour exécuter ce code. Il va donc aller de l'avant et analyser la base de code très rapidement, comprendre comment cela fonctionne Ensuite, il nous indiquera les étapes à suivre pour atteindre cet objectif. Et c'est là qu' en tant que programmeur ou quelqu'un qui connaît bien ou quelqu'un qui connaît bien le domaine en tant que développeur, votre expertise peut entrer en jeu, car elle nous dira comment elle va l'exécuter. Donc, si nous regardons ici, nous pouvons voir que cela nous donne un bon résumé en haut. Donc, cela dit, en gros, d'accord, ce que nous avons déjà mis en place, c' est le support du mode sombre, variables CSS, les préférences système et les classes du mode sombre Ils figurent donc déjà dans notre base de code. Ce qui nous manque, c'est un thème manuel, les préférences de l'utilisateur, système à trois états et un script pour empêcher le flash de contenu non stylisé Donc, en gros, ce qu'il va faire, c'est ce qu'il va faire. Il va créer une infrastructure thématique, créer des utilitaires de stockage de thèmes, obliques, ajouter des fonctions, du support, enregistrer les préférences, renvoyer le thème effectif, créer le contexte, puis créer un script de prévention dans l'en-tête à exécuter avant afin qu'il ne passe pas du blanc au foncé chaque fois qu'il se charge Euh, puis le composant de basculement du thème. Il s'agira d'un système lumineux à trois boutons, système d' obscurité ou d'un cycle qui pivote sur les trois B. Et c'est ici que nous pouvons en venir un petit moment où nous pouvons commencer à faire part de nos commentaires. Je vais donc dire que dans la version 2.1, je veux qu'il y ait juste un menu déroulant contenant ces trois options. Nous sommes donc en train de définir ce que cela va faire . En fait, nous pensions simplement à avoir un cycle là-haut où vous pourriez simplement cliquer dessus encore et encore, et ce n'est pas vraiment une bonne interface utilisateur, du moins quelque chose que je n'ai pas vu. Je veux donc m' assurer de le définir. État actif visuel pour la sélection en cours, onglet Zone accessible, oui, position dans le coin supérieur droit. Si nous finissions par le placer en haut gauche ou dans un onglet de paramètres, ce serait là que nous corrigerions cela. Nous pouvons simplement continuer et , pour les besoins de l'argumentation, également dire position en haut à gauche. 200 millisecondes lorsque le bouton fonctionne à la fois dans le clair et dans le noir, retour visuel clair Encore une fois, juste pour cette raison , je vais dire qu' faut faire en sorte que le basculement soit inférieur à 100 millisecondes. Il va donc décider comment il va s'y prendre. Il va mettre à jour l'élément racine, créer un fournisseur de thèmes. Tout cela semble assez standard. Placez le thème Toddle dans l'en-tête, assurez-vous qu'il est visible, puis il passera en revue une liste de contrôle de vérification Alors maintenant, au lieu de simplement laisser l'IA le faire, nous lui avons donné la carte que nous voulons implémenter, et nous avons donné quelques notes sur la façon dont elle va l' implémenter. Et maintenant, ce que nous pouvons faire, c'est continuer et cliquer sur ce bouton Exécuter. Et il va maintenant mettre en œuvre cette tâche pour nous. Maintenant que nous lui avons donné tous les commentaires dont il avait besoin, il va commencer à le construire. De cette façon, nous sommes bien plus proches notre objectif final dès le premier message que nous ne l'aurions été si nous l'avions simplement laissé fonctionner, puis nous devions lui donner des informations par la suite, car bien souvent, s'il n'a pas été créé, il est très bon pour générer ces nouvelles choses et les intégrer. Si vous allez très loin dans la mauvaise direction, puis que vous lui demandez de le refactoriser complètement et de revenir en arrière, vous risquez de passer beaucoup de temps à le faire, comme dans le cas d'une programmation normale, par rapport à ce que vous auriez fait si vous n'aviez pris que quelques secondes ici Au fur et à mesure, cette page va continuer à se recharger, donc je reviendrai quand ce sera fait Maintenant, il a implémenté le code, et nous pouvons le voir ici. Il a ce thème où nous pouvons passer en mode clair, en mode sombre et en système. Et vous remarquerez que rien n'a changé. Alors maintenant, nous devons réellement y aller et faire un peu de débogage. Nous pouvons donc être très simples dans ce genre d'instructions. Nous pouvons dire que la liste déroulante fonctionne, mais aucune des couleurs ne change lorsque vous passez du mode système au mode clair ou sombre Maintenant, il va aller de l' avant et passer par là, et il est dit qu'ils verront le problème. Il n'a pas été configuré correctement. C'est très important, c'est que ce processus, comme je l'ai dit, sera une collaboration. plupart du temps, vous devez tester le travail que vous créez parce qu'il semblait fonctionner. Nous aurions pu simplement le faire passer. Mais si nous ne faisons pas vraiment de tests pour voir s'il a fait ce qu'il avait promis de faire, ces choses passeront voir s'il a fait ce qu'il avait promis de faire, souvent entre les mailles du filet. Alors maintenant, il va aller de l'avant et mettre à jour cet emballage thématique. Attendez que tout soit reconfiguré, puis c'est parti. Maintenant, le mode lumière fonctionne, et il fonctionne dans l'environnement du curseur, donc c'est bon à savoir également. Maintenant, nous pouvons voir si nous passons de l'obscurité. Notre système est allumé dans l'obscurité ou revient à la lumière. Il passe de l'un à l'autre. Nous avons donc créé une fonctionnalité. Ça a l'air bien. Notre dernière étape, cependant, est de revoir ce code. Nous devons donc le faire manuellement. Nous pouvons le faire soit par le biais d'un processus de révision du code. Nous pouvons le faire avec l'IA, ou nous pouvons le faire complètement et totalement manuellement. Je pense qu'il est important de faire les trois en quelque sorte. Donc, en tant que programmeur, nous devons cliquer sur cet onglet de révision. Et il va maintenant nous montrer tous les changements qu'il a apportés. Il y en a beaucoup ici, mais c'est ce qu'est Code View. Nous pouvons donc maintenant le parcourir et nous assurer rapidement qu' il a été créé de la manière que nous voulions qu' il soit créé, et qu'il ne prend aucun raccourci car parfois il crée des raccourcis. Une chose que j'ai remarquée ce sujet, c'est que dans son thème, si nous en revenons à l'endroit où il a créé une grande partie de son thème, ici, est qu'il a mis une durée de 75 en tant qu'élément de thème au-dessus de chaque instance où une durée était nécessaire Pour moi, c'est du mauvais code, car et si nous voulions changer cette durée à 100 ou 50 ou n'importe quoi de ce genre ? Comment faire en sorte qu'il ne le fasse pas ? Et c'est ce sur quoi nous allons travailler lors de la prochaine conférence : comment faire en sorte que l'IA nous aide réellement à refactoriser notre code Plus tard, nous approfondirons un peu plus le processus de révision. Mais maintenant, nous devons comprendre, nous l'avons créé, mais nous en avons besoin pour le refactoriser Si nous disons que nous sommes bons, que cela nous plaît, que tout fonctionne, mais que nous voulions faire quelque chose légèrement différent en termes de code, que faisons-nous pour ce processus de refactorisation Et c'est ce que nous allons faire ensuite. 5. Refactoriser le code rapidement: Parlons donc de la refactorisation du code. Nous nous retrouvons donc avec quelque chose que j'ai remarqué dans le dernier article, à savoir qu'il semble placer ces thèmes de telle sorte que si nous voulions passer en telle sorte que si nous voulions passer sombre ou en mode clair, cette durée devrait être modifiée dans 12, 20 ou 100 fichiers au fur et à mesure que ce projet se développe. Nous voulons donc aller de l'avant et atténuer cela. Pour ce faire, je vais commencer par créer un nouveau chat. La raison pour laquelle je souhaite créer un nouveau chat est qu'il contient beaucoup de contexte superflu qui va commencer à influencer certaines de nos décisions passées Nous voulons repartir à zéro. C'est un nouvel objectif, nous voulons donc repartir à zéro avec ce nouvel objectif. C'est un nouvel objectif, nous voulons donc repartir à zéro avec ce nouvel objectif. Donc, lorsque nous arriverons à ce nouveau chat, ce que nous voulons faire, c'est d' abord lui poser une question. Peut-être savons-nous avec certitude qu'il s' agit d'un anti-modèle, mais nous pouvons nous le demander. On peut dire que j'ai remarqué qu' en mode lumière foncée, nous avons réglé la durée 75 sur un tas d'éléments différents. Est-ce un anti-modèle ? Pouvons-nous le réparer ? Encore une fois, nous communiquons avec l'IA. Nous ne sommes pas sûrs à 100 %. Nous pensons simplement que cela semble faux, et nous voudrions probablement le changer. Mais nous pouvons également lui demander pourquoi il l'a fait. Donc, si nous lui demandons cela, il va y réfléchir en profondeur, il y trouvera tous ces cas d'utilisation, puis il verra le problème. Ensuite, il va nous donner sa réponse à ce sujet. Donc, il est dit : « C'est une bonne prise ». Oui, c'est un anti-pattern. Examinez votre CSS global. Vous disposez déjà d'une règle de transition globale. Cela signifie que vous avez ajouté de manière redondante la durée 75. Vous êtes ajouté de manière redondante. Eh bien, l'IA l'a fait, mais pour la transition des couleurs , tous les messages instantanés individuels sont déjà appliqués à AppledGlobly Cela rend votre code plus robotisé et plus difficile à maintenir. Supprimons les classes de transition redondantes de votre code Il va donc procéder à cette refactorisation pour nous en supprimant ce code, puis nous pourrons le tester ici dans une seconde Cela soulève donc un point très important. Comment savoir si le code généré est de qualité supérieure ? Comment l'empêcher de créer un code de mauvaise qualité ? Eh bien, la première étape est notre expertise. C'est moi qui ai détecté ça, pas AI. Nous pouvons donc lire le code comme n'importe quel autre processus de révision de code. Nous devons le lire attentivement et assurer que le code est conforme à bonnes normes de qualité. Par exemple, si l'un de vos pairs crée du code et qu' procède à une révision du code, nous devons faire de même avec l'IA. Nous ne pouvons pas simplement lui faire confiance aveuglément, car il existe 1 million de façons différentes de faire les choses, et elle doit suivre la façon dont nous voulons faire les choses et qui correspond à notre projet, notre entreprise, à nos politiques, etc. C'est donc nous qui faisons le premier pas. La deuxième étape est lorsque nous faisons quelque chose comme ça, nous pouvons dire : Pouvez-vous scanner le code pour d'autres anti-modèles potentiels et les répertorier ? Nous pouvons faire quelques vérifications de santé mentale ici. Nous pouvons le dire, hé, je veux que vous scanniez le code et que vous regardiez très rapidement pour voir s'il y a d'autres anti-modèles dans la base de code que nous pouvons aider à corriger. Nous pouvons donc lui poser des questions sur certains problèmes ou problèmes potentiels et voir comment il nous donne une liste, puis nous pouvons décider lesquels, selon nous , pourraient être des anti-modèles. Donc, au fur et à mesure, il recherchera tous les anti-modèles qu'il pourra trouver. Nous pouvons également lui demander de vérifier, par exemple, les erreurs de frappe, les bogues potentiels ou tout autre élément de ce genre, et il trouvera de bonnes choses. Et ce qui est amusant, c'est qu'il a déjà rencontré beaucoup de problèmes avec son propre code. Le premier est le risque de boucle infinie. Si l'utilisateur a évalué tous les chats disponibles à partir de l'ABI, cela devient une boucle infinie. Ajoutez une limite maximale de tentatives ou affichez un que vous avez évalué tous les messages CAT Je ne sais pas combien proviennent de l'API AI, mais il pourrait y en avoir 100 millions. Ce n'est peut-être pas un gros problème, mais il est probablement bon de le résoudre. Fuite de mémoire. C'est une bonne idée. Démonté avant la fin du délai imparti. Je vais essayer de faire le point sur le démonté, effacer le délai d'attente et la fonction de nettoyage, de mutation du tableau, mutation du tableau problème qui fait en quelque sorte muter l'original Bien que cela fonctionne ici, c'est une mauvaise pratique. Cela pourrait provoquer des bugs. C'est une bonne idée, une assertion de type dangereuse, logique de thème dupliquée, aucune validation JSON, etc. Donc, tout cela est juste pour vous montrer que 6. Cessez de passer des heures à déboguer ging: Le débogage est un autre domaine essentiel dans lequel nous pouvons utiliser l' IA pour résoudre les problèmes, atténuer et accélérer les choses Si nous le remarquons, il ne semble pas y avoir d'erreur sur ce site Web. Nous l'avons testé pas mal, et il a l'air plutôt bon. Cependant, lorsque nous arrivons au navigateur, il se passe quelque chose d' intéressant. Lorsque nous cliquons sur l'historique ici, nous avons toutes ces dates invalides, ces objets, certains chats que nous n'avons pas évalués auparavant et tous ces liens morts. Alors, que s'est-il passé ? Eh bien, je sais déjà ce qui s'est passé, mais je vais partir du principe que je ne sais pas quoi et nous allons voir si l'IA peut nous aider à résoudre cet étrange bogue. Donc, ce que je peux faire, c'est vraiment bien définir le problème. Je peux donc dire que dans le navigateur à curseur local, il ne semble pas y avoir de problème. Cependant, lorsque j'ouvre une session sur mon navigateur Chrome, dans la section historique, dans la section historique, il semble qu'il y ait des chats que je n'ai pas évalués et qu'ils ont tous des liens d'image rompus. Nous avons donc défini ce problème de manière décente. Nous devons nous assurer inclure tous les détails supplémentaires possibles. L'un de ces détails que je pourrais ajouter est j'ai déjà réalisé ce projet, mais il s'agit d'un tout nouveau projet. Donnez-lui cette information . Je ne sais pas s'il s' agit d'un problème de cache ou s'il s'agit d'une erreur d'extraction . Nous lui avons donc donné un montant décent. Nous pouvons maintenant cliquer sur la touche Entrée dessus, et nous pouvons voir ce qu' il en pense. Il examine donc en profondeur, et il effectue toute cette phase de réflexion comme il le fait toujours. Mais ça dit que je peux t' aider à diagnostiquer. Il semblerait que vous soyez confronté à une persistance du stockage local par rapport aux projets précédents. Cela semble assez précis. Par exemple, je suppose que l'IA crée toujours le même stockage local. Permettez-moi d'analyser la mise en œuvre du stockage. Vous avez parfaitement trouvé le problème, votre nouveau projet lit le stockage local des anciens évaluateurs Cat Étant donné que les deux produits utilisent la même clé de stockage, ils évaluent par chat et qu'ils exécutent le même domaine, probablement 3 000, ils vont faire l'affaire. Il va donc procéder à la mise à jour de la clé de stockage pour moi vers la version 2. Et maintenant, nous pouvons continuer et le relancer. Donc, si nous vérifions notre navigateur, actualisez-le. Nous avons un cache vide ici, et maintenant nous pouvons vérifier, et cela a aidé à corriger notre bogue. s'agit donc d'un bogue très simple à corriger, mais il pourrait être complexe si nous ne combinions pas ces deux informations. Maintenant, lorsque nous arrivons à d'autres bogues, beaucoup d'entre eux peuvent être résolus en copiant et en collant et en demandant à l'équipe de résoudre le bogue Mais parfois, cela peut créer des problèmes sans cela. Cela peut créer plus de problèmes qu'il n'en résout. Pour résoudre ce problème, nous devons nous assurer toujours lui demander de s'exploiter lui-même avant de corriger un bogue Donc, si nous entrons dans notre code au hasard, nous pouvons accéder à notre API CAT, euh, le supprimer, l'enregistrer. Ça ne marchera plus. Ensuite, je peux aller ici et disons, créer une incompatibilité de variables ici Il va y avoir beaucoup de problèmes, et maintenant je peux le dire, alors nous ouvrons un nouvel onglet ici et nous disons que j'ai quelques problèmes. Tu vois, rafraîchis ça. Ça ne marchera pas. Si je reçois un chat qui n'a pas pu être chargé, veuillez réessayer. Veuillez décrire les étapes à suivre pour le déboguer avant Nous pouvons donc, encore une fois, lui demander de se décrire, et nous avons simplement résumé les éléments de base de ce qui se passe. Il rencontre une erreur, et il va vous dire, décrivez les étapes à suivre pour le déboguer, et il nous le dira. Mon plan de débogage Il va localiser le message d'erreur, trouver où le chargement échoué est affiché dans le code et le comprendre. Cela va donc commencer par le message d'erreur et revenir à zéro. C'est quelque chose que je fais également. Si cela arrive jusqu'au début, c'est un départ et je peux commencer à creuser. Il va examiner la couche API, voir quels points de terminaison sont utilisés Il va examiner le composant, les données ou le composant lui-même, et il va vérifier les problèmes d'API courants Inspectez la console du navigateur, puis testez le point de terminaison de l'API voir s'il fonctionne à l'autre bout. Ce sont toutes d'excellentes étapes de dépannage. Une fois cela fait, il est allé de l'avant et a découvert le problème lui-même. Il est dit qu'après examen, j'ai identifié le code, le bogue est là. Il manque le T à l'ERL au début, il l'a donc trouvé Alors maintenant, nous pouvons continuer et réessayer d'actualiser cette page. Et c'est toujours un problème. Je vais donc à Eh bien, d'accord, je n'ai pas vraiment changé le code. Veuillez mettre à jour le code pour le corriger. Alors maintenant, nous lui donnons l'autorisation de mettre à jour le code. Vas-y, corrige le problème, actualise. Maintenant, ça a l'air bien. Passons maintenant à l'histoire. Nous avons quelques problèmes ici. Le magasin n'est pas défini. Encore une fois, il suffit de redescendre. C'est l'autre chose que j'ai faite. Je peux simplement le copier-coller et dire, obtenir cette erreur lors du chargement de la page principale. Il va suivre son processus, et il va probablement découvrir qu'il devrait être stocké avec un E à la toute fin. Oui, il y a une faute de frappe, corrige la faute de frappe, et maintenant, il faut résoudre ces Certains bugs, comme je l'ai dit, seront plus complexes. Et pour corriger ces bogues vraiment complexes, beaucoup d'entre eux disposent désormais de cette fonctionnalité de débogage Ce que le débogage fera, c'est que s'il ne trouve pas le problème dès le départ, comme ces solutions simples, il commencera à ajouter des journaux en lui-même Et à partir de ces journaux, il pourra lire ce que fait le code lors de son exécution. Et à partir de ceux-ci, il sera également en mesure de déboguer des problèmes beaucoup plus complexes C'est donc quelque chose où vous avez une très grande base de code avec beaucoup de problèmes ou un problème très profond. Vous pouvez utiliser cette fonctionnalité de débogage, et elle sera vraiment utile à cet égard Mais dans l'ensemble, il ressort de cette conférence que l'IA peut être vraiment très utile pour le débogage Il peut vous expliquer non seulement les étapes à suivre, mais aussi vous donner un aperçu mesures que vous devriez peut-être prendre. Cela aidera à résoudre certaines erreurs vraiment basiques presque immédiatement et à peu près immédiatement jusqu' à des erreurs intermédiaires. Et il existe des moyens de le faire aller encore plus loin et de corriger lui-même une grande partie de ces bogues banals afin que nous puissions détecter ces erreurs plus rapidement et les corriger beaucoup plus rapidement 7. Utiliser l'IA pour réparer l'IA: Comment pouvons-nous utiliser l'IA pour nous aider dans le processus d'évaluation ? Eh bien, il existe de nombreuses façons de le faire. La première consiste à poser une question manuellement. Donc, si nous examinons notre code et nous trouvons quelque chose qui semble un peu sommaire, nous pouvons faire ce que nous avons fait lors la dernière conférence et nous demander s'il s' agit d'un anti-modèle. Est-ce que vous changeriez cela ? Et nous devons être les arbitres de ces décisions, car en fin de compte, l' IA tend souvent à être positive et à obtenir des résultats dans chaque demande Cela signifie que si vous lui dites : « Hé, c' est un anti-schéma, corrigez-le, il disparaîtra, oui, c'est un anti-schéma, et ça le changera, même si c'est dans la mauvaise direction Nous devons donc faire cette collaboration constante en lui posant des questions et en voyant si cela peut nous apporter de bonnes réponses. Il existe également des outils comme celui-ci. J'ai implémenté un bouton de saut rapide, et vous pouvez voir que j'ai cliqué sur le bouton Réviser ici Cela m'amène à cet onglet, et ici, il y a un bouton qui dit : «   Vérifiez ce code pour détecter les problèmes ». Il va subir quelques modifications. se peut qu'il y ait beaucoup de modifications ou qu'il y ait un seul fichier, et cela nous donnera tout un tas de commentaires sur ce qu'il pense être bon ou mauvais avec ce changement de code. Maintenant, ce qui est intéressant c' est que je lui ai demandé de faire une chose très simple, qui consiste à ajouter un bouton de saut et à modifier légèrement la hauteur de la page principale. Donc, s'il y 13 points qui ne vont pas, alors vous savez que nous devons être les arbitres, comme je l'ai dit, et choisir ceux qui y figurent Maintenant, celui-ci s'est bien comporté. Il a dit que je n'ai trouvé aucun problème avec ce changement de code. Et c'est positif, car nous voulons qu'il ne rencontre parfois aucun problème. Donc, avec ce code, il indique que c'est du bon code et qu'il est prêt à le valider. Parfois, il arrive que des problèmes comme celui-ci apparaissent arrive que des problèmes comme celui-ci avec différents niveaux avec différents niveaux de problèmes liés au code, et nous devons simplement examiner chacun d'entre eux, puis voir si c'est quelque chose que nous voulons corriger, si c' est quelque chose que nous voulons aborder, si c'est quelque chose que nous voulons commenter. Si nous consultons les revues de relations publiques sur github.com, elles sont également intégrées à une IA, et vous pouvez également lui poser des questions sur la révision du code Donc, dans l'ensemble, nous devons simplement savoir que IA peut nous aider dans le processus de révision du code. Cela peut donc nous aider à écrire le code. Mais ensuite, nous devons l' examiner manuellement nous-mêmes. Nous devons lui poser des questions au cours ce processus ici et lui demander de l'analyser. Ensuite, lorsque nous passons à l'examen des relations publiques, nous devons demander à d'autres personnes de l'examiner manuellement et d'utiliser l'IA pour l'examiner. Et cela créera un code de très haute qualité qui était autrefois très, très éprouvant et long à créer Nous pouvons en quelque sorte créer en utilisant l'assistance de l'IA. 8. Comprendre rapidement les bases de codes complexes: Si vous n'obtenez rien d'autre dans ce cours, suivez-le dans ce cours, et c'est que l'IA peut nous aider à comprendre le code complexe. Nous n'avons plus besoin d'entrer dans un référentiel contenant 100 000 lignes de code différentes réparties dans 1 000 fichiers différents et d'essayer de comprendre le flux complexe d'une variable donnée. L'IA est vraiment très bonne dans ce domaine, et elle est précise à 100 %. Nous pouvons donc accéder à n'importe quel référentiel, lui poser une question complexe et lui analyser pour nous. Par exemple, ici, je ne sais pas vraiment comment fonctionne le stockage. Je sais juste qu'il utilise le stockage local. Je peux donc dire, dites-moi avec inquiétude comment fonctionne le stockage sur ce site, donnez-moi les avantages et les inconvénients En lui indiquant simplement cette invite très simple, nous pouvons obtenir un très bon rapport sur la répartition du stockage dans l'ensemble du système. Les variables sont également excellentes pour cela. Vous pouvez y copier et coller une variable et dire : « Dans ce document, j' ai cette variable, donnez-moi des informations générales, vous savez, générales, dites-moi comment cette variable est utilisée dans le code et comment elle affecte les différentes parties du code. Donc, ce que nous avons ici, c'est qu'il nous indique exactement comment il se stocke. Le système de stockage est là, il fournit une simple couche de persistance côté client. Les opérations de base que vous pouvez enregistrer obtenir ont été notées et clairement notées. Ce sont les quatre opérations qui l'accompagnent. La structure des données est la suivante, et il y a des avantages ici. Il n'a aucune infrastructure, des performances rapides, mise en œuvre, une sécurité SSR, une gestion des erreurs et un bon outil d'apprentissage C'est un inconvénient : il n'est pas évolutif car il y a une limite, aucune persistance des données sur l'appareil, aucun compte utilisateur, problèmes de performance liés aux conditions de course sont possibles, aucune analyse, aucun contrôle des doublons, aucune compatibilité avec les navigateurs, perte de données, sécurité et confidentialité. À partir de là, cette approche nous indique que pour les MVP, les prototypes, les applications mono-utilisateur, c'est une bonne chose Mais si nous essayons réellement de le déployer, c' est une mauvaise chose. Et nous avons juste quelques suggestions pour l'améliorer. Donc, dans l'ensemble, au lieu d' avoir à lire le code et à faire tout un tas de recherches sur Google, qu'est-ce que cela signifie ? quoi sert cette bibliothèque, nous pouvons lui poser des questions et lui demander de vraiment définir différentes parties de notre code manière vraiment, vraiment accessible. Nous pouvons également lui demander d'affiner cela. Et disons définir cela d' une manière que les parties prenantes comprendraient. Donc, cela va le rendre un peu stupide, ce qui signifie que cela supprimera certains détails techniques afin qu' une personne peu technique puisse les comprendre un peu Ainsi, en langage clair, l'application enregistre les évaluations des chats des utilisateurs directement sur leur navigateur Web, de la même manière que les sites Web se souviennent vos préférences de connexion ou des articles de votre panier d'achat. Imaginez-le comme un bloc-notes situé dans le navigateur de l'utilisateur. Lorsqu'ils écrivent un chat, nous l' écrivons dans leur carnet personnel. Aucun serveur, base de données ou stockage dans le cloud n'est impliqué. Donc, en gros, nous pouvons le décomposer en très petits termes profanes que nous pouvons soit utiliser pour le décrire à d'autres personnes, soit parfois même en tant que techniciens, nous avons besoin d'une description non technique pour pouvoir réellement traiter cette information L'utilisation de l'IA pour définir et expliquer le fonctionnement des projets peut donc et expliquer le fonctionnement des projets peut vraiment aider les développeurs juniors ou intermédiaires ou même les développeurs seniors à se lancer dans un nouveau projet. 9. Adapter votre IA à vos règles: La dernière chose que je voudrais aborder dans Cursor IDE et tout autre IDE AI, c'est qu' il y a toujours un endroit où vous pouvez mettre vos propres règles. Donc, si nous accédons à nos paramètres et que nous descendons dans les paramètres de notre curseur, nous pouvons en fait passer aux règles et aux commandes. Avec cela, j'ai en fait créé un ensemble de règles ici, une règle utilisateur dans laquelle il crée une banque de mémoire qui l'aide à comprendre ce qu'il a fait dans le passé. Essentiellement, il crée simplement un fichier Markdown dans lequel il garde une trace de certaines des tâches créées Mais nous pouvons utiliser de nombreux domaines différents ici. Nous avons des commandes de projet, des règles et des règles utilisateur générales qui seront utilisées dans chacune d'entre elles. Ainsi, pour ce projet en particulier, nous pouvons créer une règle personnalisée ou une règle distante. Et vous pouvez lui donner un nom comme, par exemple , nous pourrions dire que celui-ci portera sur une palette de couleurs. Et nous pouvons dire que pour cela, la règle est la totalité du projet chaque fois qu'une couleur est nécessaire, reportez-vous à ce nuancier. Et vous pouvez lui donner juste des couleurs. Comme la couleur X, la couleur Y, la couleur Z. Ce que cela va faire, c'est qu' avant d' exécuter chaque invite, il va s'assurer que cela est dans le contexte. C'est important parce que maintenant il ne devinera plus jamais les couleurs. Vous lui donnez sa palette de couleurs, et si vous créez un nouveau composant, une nouvelle zone ou une toute nouvelle page, cela vous dira : « Eh bien, cela m'a dit que nous devions examiner cette palette de couleurs. Il s'agit d'un exemple très, très simple, mais un exemple plus complexe pourrait être la façon dont vous utilisez les hooks dans votre projet, la façon dont vous utilisez les contextes dans votre projet. façon dont vous voulez stocker des informations ou votre préférence pour les majuscules ou minuscules, les identifiants, les UUID, les graines aléatoires, tout ce qui est en quelque sorte spécifique à la politique de l'entreprise ou même simplement une préférence personnelle, vous pouvez continuer et lui indiquer ces règles dès le départ Et maintenant, chaque fois que vous demandez une invite, ces règles seront incluses dans l'invite, ce qui vous évitera de poursuivre constamment l'IA dans un cercle où vous fixez une zone, vous lui demandez de créer une nouvelle zone, et elle oublie toutes les instructions sur le côté gauche que vous venez de lui demander de faire poursuivre constamment l'IA dans un cercle où vous fixez une zone, vous lui demandez de créer une nouvelle zone, et elle oublie toutes les instructions sur le côté gauche que vous venez de lui Les règles sont un excellent moyen de maintenir continuité des contextes et de s'assurer qu' corrigent réellement certaines de ces petites incohérences L'un des domaines clés à cet égard est qu' il existe dans l' IA quelque chose appelé « analyse du contexte » ou « synthèse du contexte Cela signifie que nous finissons par atteindre notre fenêtre contextuelle. Vous pouvez en quelque sorte le surligner ici et le voir. Nous en avons utilisé 23 000 sur 200 000 de notre fenêtre de contextes. Désormais, il ne contacte plus Smash à 200 000. Il le fera généralement avant cela, peut-être entre 100 et 150 000. Cela signifie qu'il va prendre tout le contexte obtenu et exécuter une fonction qui permet de tout résumer dans une fenêtre contextuelle plus petite. Cela permet d'économiser de l'argent sur le curseur, et cela vous fera également économiser de l'argent au final. Cependant, le contexte peut parfois bouleverser certaines de vos règles Cela les placera d'une manière qui ne correspond plus vraiment à ce que vous essayiez d'accomplir. Donc, si jamais vous voyez ce genre de situation monter dans cette fourchette de 60 à 70 %, il est probablement temps de commencer une nouvelle discussion. Remettez cette fenêtre de contexte à zéro. Et lancez une nouvelle discussion avec le contexte correspondant au problème en question. Ne vous contentez pas d'une longue chaîne laquelle vous êtes constamment en contact. Continuez à créer de nouvelles discussions avec nouveaux objectifs et gardez-les vraiment concentrés, et vous ne rencontrerez pas ces problèmes à l'avenir. Mais sachez qu'il existe un large éventail de règles que vous pouvez appliquer à l'IA, et cela peut vraiment aider à éliminer certaines de ces incohérences 10. À votre tour : description du projet: Nous sommes donc arrivés à la partie projet de ce cours, et j'en ai créé une très amusante dans laquelle vous pouvez créer un petit ranker pour chats Je veux que tu fasses quelque chose de similaire. Trouvez une idée vraiment simple, partez de zéro et utilisez AI IDE pour créer un produit pour vous. Posez-lui des questions, déterminez vos exigences, vos spécifications et créez vraiment quelque chose solide et de robuste pour commencer. Assurez-vous de lire le code et de créer un produit qui soit non seulement vraiment amusant, mais aussi un code de qualité. Allez-y, soumettez ce projet, prenez une capture d'écran de ce que vous avez créé et donnez-lui une petite description de ce que vous avez créé, de certains des avantages de l'utilisation de l'IA et peut-être de certains des inconvénients vous avez rencontrés lors de l'utilisation de l'IA. C'est censé être vraiment amusant, quelque chose que vous pouvez faire en 30 minutes à une heure et que vous pouvez regarder ces 30 minutes à une heure et rire que vous venez de créer ce petit projet. Merci donc à tous, et j'ai hâte de voir vos projets. 11. Conclusion: Ce cours est une introduction rapide à la manière dont vous pouvez utiliser l'IA pour accélérer votre flux de travail. Le flux de travail est très simple. C'est le fait que nous voulons utiliser l' IA à chaque étape du flux de travail. Mais la clé, le plus important, c' est que nous ne voulons pas qu'elle fasse tout le travail, qu'elle le pousse et qu'elle continue sa vie. Cela créera des problèmes de sécurité, des bogues ultérieurs, du code mal configuré et des dettes technologiques, car cela créera quelque chose de légèrement différent à chaque fois Il ne va pas suivre ces règles. Il ne suivra pas certains modèles que nous voulons qu'il suive. Nous devons donc nous assurer manuellement qu' il le fait en créant les règles nous-mêmes, révisant le code et en lui donnant plus de contexte possible lorsque nous interagissons avec lui. Lorsque nous faisons cela, nous pouvons créer des projets tels que ce site Web CAT en quelques minutes. Imaginez une journée entière à interagir avec l'IA. Vous pouvez faire en sorte que cela devienne presque déployable qu'il fallait auparavant une équipe de deux ou trois personnes, peut-être une semaine pour se développer pleinement Il y a donc beaucoup de pouvoir derrière ces outils. Si nous les utilisons correctement, nous pouvons accélérer notre flux de travail sans avoir à réduire notre qualité. Nous n'avons pas à être frustrés. Cela peut vraiment faire du développement un processus rapide entre les mains d'un développeur senior et expérimenté. Utilisez donc l'IA pour l'expérimenter, améliorez vos instructions, donnez-lui le plus de contexte possible et voyez vraiment ce qu'elle peut faire pour vous Continuez à expérimenter, à apprendre , car il s'agit de la prochaine étape de la programmation . Nous devons donc tous maintenir ces compétences afin de pouvoir continuer à innover chaque jour Merci à tous de vous être joints à moi pour cela, et je suis impatiente de vous voir tous dans mon prochain cours.