IA avec curseur pour les développeurs en 2026 | Arno Pretorius | Skillshare

Vitesse de lecture


1.0x


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

IA avec curseur pour les développeurs en 2026

teacher avatar Arno Pretorius, IT Freelancer

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 du cours

      1:32

    • 2.

      Installation de l'IA du curseur

      2:19

    • 3.

      Configuration du curseur avec l'IA

      4:38

    • 4.

      Explorer Cursor AI et créer une application simple

      6:55

    • 5.

      Accéder à notre application simple

      1:56

    • 6.

      Mise à jour de notre application simple

      2:45

    • 7.

      Explorer les modèles disponibles

      2:22

    • 8.

      Améliorer et optimiser notre application simple

      4:50

    • 9.

      Gérer les fonctionnalités supplémentaires

      4:56

    • 10.

      Merci !

      0:43

  • --
  • 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.

12

apprenants

1

projet

À propos de ce cours

Ce dont vous avez besoin :

Aucune expérience préalable en codage en IA ? ? Pas de problème. Vous avez juste besoin d'un ordinateur de bureau ou portable avec accès à Internet.

Nous utiliserons Cursor pour accélérer le codage et l'améliorer la vitesse de codage et vous donner des suggestions basées sur l'IA, l'auto-complétion et des explications intégrées dans l'éditeur.


Ce que vous allez apprendre :

Découvrez comment Cursor peut rationaliser votre flux de travail grâce à des suggestions de code contextuelles et des conseils de l'éditeur.

(en Vous découvrirez également comment utiliser les invites de manière efficace pour gérer des tâches de codage complexes, le refactoring du code et écrire plus efficacement : par la combinaison d'exercices pratiques et d'explications claires pour que vous puissiez commencer à coder plus intelligemment immédiatement. . comme ?

Ce que vous allez faire :

Au fur et à mesure du cours, vous commencerez par explorer des concepts clés, puis vous mettrez vos connaissances en pratique grâce à des exercices de laboratoire pratiques. Ces activités pratiques vous permettront de consolider votre compréhension et de vous préparer à faire face à des défis de codage plus avancés en toute confiance.

Enfin, dans la section « Projets et ressources », vous créerez votre propre projet. C'est ici que vous utiliserez vos compétences acquises pour concevoir et construire quelque chose d'utile pour vous-même, en assemblant le tout de manière pratique et personnalisée.


Avantages du cours :

Ce cours comprend :

  • Plus de 30 minutes de vidéo à la demande
  • Concepts fondamentaux clés
  • Exercices de laboratoire pratiques pour mettre en pratique vos connaissances
  • 10 leçons au total

À propos de votre instructrice :

Je suis consultant en développement de logiciels et ancien enseignant en sciences informatiques, passionné par le développement web, le cloud computing et le DevOps. Je me concentre sur l'enseignement de compétences pratiques qui aident les gens à appliquer en toute confiance ce qu'ils apprennent à des projets réels.

Je suis titulaire d’un Bachelor en technologies de l’information et d’un Certificat Postgraduate en éducation (PGCE), ce qui me donne des bases solides à la fois dans les domaines de la technologie et de l’enseignement. commise d'une licence (BSc en anglais). avec un certificat (PGCE Je suis également architecte et développeur de solutions AWS certifié. Je suis d'autant plus architecte et développeur dans mes différentes activités.

Vous voulez en savoir plus ?

Si vous avez apprécié ce cours et que vous souhaitez découvrir d'autres cours possibles à l'avenir, assurez-vous de me suivre sur Skillshare !

Rencontrez votre enseignant·e

Teacher Profile Image

Arno Pretorius

IT Freelancer

Enseignant·e

Arno is an IT freelancer and former computer science teacher specialising in web development, cloud computing, and DevOps. He focuses on practical, hands-on teaching that helps learners turn knowledge into real-world projects.

He holds a BSc in Information Technology and a Postgraduate Certificate in Education (PGCE), and is an AWS Certified Solutions Architect and Developer, bringing real-world cloud and industry experience to his teaching.

To stay up to date with his courses you can follow his Skillshare profile to receive the latest updates and announcements.

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 du cours: Bonjour, tout le monde. Et bienvenue dans le cours AI with Cursor destiné aux développeurs. Je m'appelle Honor et je serai professeur pour ce cours. La question qui vous vient donc à l' esprit est probablement de savoir ce qu'est l'IA à curseur ? Cursor AI est donc essentiellement un éditeur de code qui vous aide à écrire du code à l'aide de l'intelligence artificielle. Cela ressemble maintenant à un programme de codage normal, mais vous pouvez lui poser des questions. Vous pouvez générer du code, corriger des erreurs et expliquer le code pendant que vous travaillez. Désormais, une façon simplifiée de traiter l'IA du curseur consiste à la considérer comme un assistant de codage intelligent intégré à votre éditeur et vous aidant à écrire du code plus rapidement et en commettant moins d'erreurs. Maintenant, pour ceux d'entre vous qui ont déjà utilisé un éditeur de code tel que le code Visual Studio, par exemple, essayez de voir l'IA du curseur sous code Visual Studio et d'un chat GPT à Ainsi, lorsque vous travaillez dans votre éditeur, vous pouvez voir votre code et tout est en place. Vous pouvez également utiliser une zone de discussion où vous pouvez le demander, poser des questions, générer du code, etc., corriger les erreurs, tout en un, vous pourriez dire éditeur ensemble, curseur AI C'est ainsi que j'aimerais que vous le visualisiez. D'accord. C'est donc tout que je voulais mentionner pour cette introduction. Allons-y et commençons avec Cursor AI. 2. Installation de l'IA du curseur: Bonjour à tous, et bienvenue à la prochaine leçon, qui portera sur l'installation et la configuration de Cursor AI sur notre appareil. Maintenant, la première chose que vous voulez faire est de vous rendre sur cursor.com Donc, dans votre URL, il vous suffit de taper cursor.com. Ensuite, cela vous mènera à la page suivante. Maintenant, bien sûr, vous pouvez continuer et télécharger ici. Donc, comme je suis sur un appareil Windows, cela m'invite spécifiquement à télécharger pour Windows Donc, ce que je vais faire, c'est dire télécharger pour Windows. OK. Je vais donc simplement télécharger cette configuration. OK, donc nous voulons juste l'attendre, puis nous pourrons continuer la configuration. C'est bon. Nous pouvons donc maintenant voir que le lanceur d'installation est prêt à être exécuté, nous pouvons donc passer au téléchargement Et nous l'avons ici. C'est ce que je vais sélectionner. OK. Prenez juste un moment pour ouvrir votre machine. Vous voulez donc simplement accepter l'accord, passez à l'étape suivante. Dites suivant, suivant, et je vais juste créer une icône de bureau ici, juste pour des raisons de base, et nous pouvons laisser toutes les options par défaut définies telles quelles en fonction des cases à cocher Ensuite, nous pouvons dire suivant et installer. C'est vrai. Il va donc falloir un moment pour placer le curseur sur notre machine. Nous devons donc être un peu patients pour le moment. Très bien, nous pouvons donc voir que Cursor AI a été installé avec succès. Alors maintenant, vous pouvez voir ici qu'il y a une option pour lancer le curseur. Nous pouvons laisser la case à cocher telle quelle et simplement dire « terminer ». Et vous remarquerez également si vous vous dirigez vers votre bureau qu' il affichera également le curseur AI Desktop sur votre machine. OK, alors laissons-le juste un moment pour l'ouvrir. 3. Configuration du curseur avec l'IA: OK, nous pouvons donc maintenant voir que l'IA de malédiction est ouverte. Cela peut prendre un moment, alors ne vous inquiétez pas si cela prend un certain temps. Maintenant, ce que nous voulons faire, c'est vous dire de vous inscrire. OK. Maintenant, nous pouvons continuer et dire « continuer à nous connecter ». OK. Et maintenant, nous allons sélectionner S'inscrire ici. Alors, comment puis-je dire le flux de travail directionnel ici ? Cela peut sembler un peu confus, mais ne vous inquiétez pas. Tant que tu me suivras, tu seras bon. Alors inscrivez-vous. OK. Et ce que vous pouvez faire, c'est choisir quelques options. Vous pouvez continuer avec Google, continuer avec Github, continuer avec Apple, ou vous pouvez saisir manuellement votre prénom, votre nom famille, votre adresse e-mail, puis continuer C'est vraiment à vous de décider comment vous voulez procéder. Donc, ce que je vais faire, c'est continuer et continuer avec Github Je veux donc adopter l'approche du développeur. Je vais donc suivre. Très bien, je vais donc continuer avec Github. OK, maintenant je suis déjà connecté à un compte Gu. Si vous n'avez pas de compte Gu, je vous recommande de le configurer. Je vais donc simplement dire Un curseur de synthèse. OK, il n'y a que quelques parties ici. Je vais juste passer à autre chose. Tu veux sauter pour le moment. Un plan pro est disponible ici, mais je vous recommande de le garder gratuit. Je vais dire Ignorer pour l'instant, désactiver le partage de données, continuer. Les paramètres, je vais juste dire, continuent pour le moment, et je peux, bien sûr, connecter aux bureaux avec curseur Je vais juste continuer et dire, oui, connectez-vous. Et nous y voilà. D'accord. Voilà, vous l'avez. C'est ainsi que vous pouvez continuer et vous assurer que vous êtes configuré et prêt à partir et que vous êtes connecté pour utiliser le curseur. Alors maintenant, si nous revenons au curseur, nous pouvons simplement dire « se connecter ». OK, on peut juste dire, oui, connectez-vous ici, Syndicate. Ensuite, nous pouvons revenir en arrière et nous pouvons dire « continuez ». OK. Et nous y voilà. Bienvenue chez Cursor. C'est bon. C'est ainsi que vous pouvez vous lancer dans une haie et installer et configurer Cursor AI sur votre machine. Donc, la seule chose que vous devez ajuster par vous-même est de vous assurer que vous avez créé ce compte Github, puis vous pourrez, bien sûr, continuer N'oubliez pas que vous n'êtes pas nécessairement obligé de le faire. Il y avait d'autres options. Donc, techniquement, vous pouvez simplement utiliser un simple e-mail pour tout configurer. Il existe donc des moyens pour vous d'en arriver là. C'est bon. C'est bon. Donc, ce que nous pouvons faire maintenant, c'est continuer. D'accord. Et comme vous pouvez le voir maintenant, nous sommes sur le bureau du curseur. Nous pouvons donc aller de l'avant et maximiser ce qui suit. Et nous avons opté pour le forfait gratuit, comme vous pouvez le constater, vous souhaitez bien sûr passer à un forfait supérieur. Vous pouvez sélectionner l'option de mise à niveau. Je fais donc un zoom arrière en zoomant un peu ici pour que ce soit un peu plus clair Il existe maintenant quelques options. Nous pouvons ouvrir un projet. Nous pouvons cloner un dépôt ou nous connecter via SSH. Ils ne pouvaient pas rester très simples ici. Et nous ouvririons un projet. Donc, ce que je vais faire, c'est simplement minimiser pour le moment, et nous pouvons simplement fermer ces liens pour le moment. OK. Et ce que je vais faire, c'est vous montrer que vous pouvez également accéder à Cursory ici, sur votre bureau Permettez-moi donc de terminer ce qui suit ici. Nous pouvons également choisir l'application de bureau. Ouvrons-le donc de cette façon. Et c'est juste pour prendre l'habitude de l' ouvrir directement. C'est donc une option un peu plus propre pour vous permettre de tout configurer. OK. C'est donc ainsi que nous pouvons aller de l'avant et tout préparer et ouvrir. 4. Explorer Cursor AI et créer une application simple: C'est bon. Continuons donc avec Cursor AI. Maintenant, ce que nous voulons faire, essentiellement, c'est nous lancer directement et créer une petite application de démonstration ou une application. Maintenant, pour ce faire, il faudrait aller sur une haie et ouvrir un projet. Nous allons donc simplement créer un dossier très simple sur notre bureau pour l'ouvrir ici dans notre éditeur Cursor AI, vous pourriez dire que je vais le minimiser. Et sur mon bureau, je vais cliquer sur un nouveau dossier et je vais lancer cette démo. C'est très simple. Ensuite, je vais revenir à Cursor, et je vais dire Open Project. Ensuite, je vais aller sur mon bureau, sélectionner la démo et dire sélectionner le dossier. OK. Encore une fois, pour ceux qui utilisent le code Visual Studio, vous verrez que cet ensemble d'ambiance est très similaire Très bien, nous pouvons voir sur le côté gauche notre dossier de démonstration que nous avons actuellement ouvert, et nous pouvons voir qu'il ne contient aucun fichier. Nous pouvons techniquement créer des fichiers et des dossiers, etc. Mais ce que nous pouvons voir maintenant sur le côté droit c'est cette boîte de discussion. Comme je l' ai mentionné, c'est donc très similaire à discuter avec GPT, où vous tapez ce que vous voulez voir se produire Et je veux juste clore ça pour le moment. Et comme vous le verrez ici, nous pouvons continuer et nous ajuster en conséquence ici. Ainsi, par exemple, nous pouvons voir que nous avons un mode agent. Donc, en gros, vous vous demandez probablement ce qu'est un agent. Les agents sont donc essentiellement des assistants basés sur l' IA qui peuvent effectuer des tâches par eux-mêmes au lieu d' attendre chaque instruction Donc, en gros, un agent peut lire votre code et décider de ce qui doit être fait. Prenez des mesures telles que l'écriture de fichiers, correction de bogues ou l'exécution d' étapes dans l'ordre. Essayez donc de voir un agent comme une IA qui ne se contente pas de répondre à des questions, mais sur laquelle j'agis. OK. Donc, bien sûr, si je devais cliquer sur les trois points, je pourrais, bien sûr, dire chat embauché. OK. Et si je voulais ouvrir cette voie et commencer, je dirais nouvel agent, ce qui me permettra de continuer. Maintenant, nous pouvons également changer le mode agent. Nous utilisons donc actuellement un agent, et c'est l'approche recommandée. Ici, nous voulons planifier, rechercher et construire quelque chose. Il existe des options supplémentaires que vous pouvez modifier si vous souhaitez spécifiquement planifier, si vous souhaitez déboguer ou si vous souhaitez poser une question particulière sur votre base de code Nous allons garder l'option par défaut ici afin d'avoir une approche générale à portée de main. Donc, ce que je veux que nous fassions maintenant, c'est instancier une commande. Je veux dire créer un portfolio simple disons une application avec uniquement du HTML, du CSS et du JavaScript. Nous allons donc rester très, très basiques et très simples. Nous pouvons donc aller de l'avant et dire « allez-y » ou « entrez ». Et comme vous pouvez le voir maintenant, le chat va être débogué ici et l'agent va être au travail Nous pouvons donc également continuer et simplement évaluer au fur et à mesure que ce processus est terminé Nous pouvons donc simplement utiliser la barre de défilement ici pour voir, d' accord, un index du fichier HMI est en cours de création Et si nous faisons défiler la page vers le bas, nous pouvons voir que les fichiers CSS à points de styles sont également créés, et ils sont remplis dans notre dossier de démonstration, que nous venons de créer. Comme nous pouvons le voir, il ajoute maintenant le fichier, donc l'index dans le fichier HTML, le fichier script point gs, le fichier styles point css, le tout se trouve dans un seul dossier ici dans la démo. C'est pourquoi nous avons d' abord dû ouvrir notre projet afin qu'il puisse aller de l'avant et le construire. Et cet agent fait tout conformément à nos commandes et à ce que nous instancions Nous pouvons également voir certaines informations ici. Termes des fonctionnalités. Nous pouvons donc voir qu'il a été ajouté dans une barre de navigation, ici une section sur la section sur la section, section sur les compétences, tous les détails. Cela nous donne également des informations sur les fichiers qui ont été créés. Au fur et à mesure que je les ai passés en revue, le fichier HTML à points d'index, le script à points étoiles, le script point gs et nous ont également fourni des informations sur la façon dont nous pouvons Nous allons donc ouvrir notre index sur le fichier HML dans le navigateur Web, et nous pouvons également voir ce que ce portefeuille inclut, qu'il a continué à configurer, ainsi que quelques autres détails Maintenant, si vous n'aimez pas ce qui a été construit ici, vous pouvez simplement continuer et dire « Tout annuler ». Vous pouvez également tout revoir pour simplement examiner ces modifications à un niveau plus approfondi. Donc, si je devais dire évaluation, cela ouvrirait alors cette option de révision pour je puisse continuer et examiner les détails ici. Maintenant. Bien sûr, vous devez simplement vous assurer de déplacer des objets ici. Donc, ce que je vais faire, c'est essayer de le restructurer. Donc, si je devais cacher mon agent pour le moment, donc si je disais masquer le chat, d'accord, nous pouvons voir que c'est un peu plus clair. Il y a également quelques options en haut que vous pouvez également déplacer. Vous pouvez donc simplement activer la barre latérale de l'agent. Nous sommes maintenant dans la phase de révision, et nous examinons simplement tout ce que nous avons configuré ici avec le code que nous avons configuré. Maintenant, bien sûr, avec l'éditeur également, nous pouvons également choisir de l' ajuster également. Nous avons donc les trois options en haut de la page. Supposons que je veuille désactiver cela, je peux simplement activer/désactiver cette barre latérale principale pour voir mon éditeur et tous les fichiers associés C'est juste une bonne façon tout déplacer vers le haut afin de pouvoir lire tous les détails. Vous pouvez jeter un œil ici au stade de la révision et voir l'ensemble de votre code si vous en êtes satisfait et que tout va bien. Et si vous êtes heureuse, bien sûr, vous pouvez continuer et simplement dire « continuez ». C'est donc une très bonne étape pour revoir votre code au fur et à mesure. Et si vous êtes satisfait de tous les commentaires, nous pouvons fermer cette option dès maintenant, puis nous pourrons afficher notre barre latérale, qui contient bien sûr notre code sur le côté droit et nos agents Et bien sûr, vous pouvez continuer et ouvrir votre agent ici si vous souhaitez simplement continuer à ajouter d' autres éléments à ce fil de discussion en particulier. Dans tous les cas, nous avons maintenant notre application ici, l' index sur les fichiers HTML, le script JSFLtyst, le fichier CSS Maintenant, la prochaine chose sur laquelle nous devons nous concentrer est de savoir comment nous pouvons réellement aller de l'avant et y accéder. Et voyons si Cursor AI va nous aider à le faire si nous ne savons pas comment procéder en soi. 5. Accéder à notre application simple: Bien, ce que nous pouvons faire maintenant, en supposant que nous n'avons pas les connaissances nécessaires, nous pouvons simplement dire comment accéder à ce portefeuille. Oui, c'est ce que je vais dire. Très bien, cela nous donne les informations, surtout si nous travaillons au développement. Nous pouvons donc voir ici, déplaçons cela vers le bas. OK, nous pouvons donc ouvrir Index HML dans notre navigateur, afin de double-cliquer sur In HM dans notre navigateur de fichiers, et nous pouvons voir où se trouve actuellement ce fichier Nous pouvons voir le répertoire et son emplacement actuel. Et sinon, nous pouvons ouvrir notre navigateur, appuyer sur Ctrl O, puis accéder à ce qui suit. C'est bon. Il existe donc des moyens de le faire. Donc, ce que je vais faire, c'est copier qui suit, puis je vais me diriger vers mon navigateur, et je vais juste le coller comme ça, puis je vais aller sur une haie et appuyer sur Entrée. Et nous y voilà. Nous pouvons donc voir ici que nous avons ce très beau site Web de portfolio qui a été conçu pour nous. Vous pouvez voir à quel point c'était rapide, efficace, et cela a permis de mettre en place quelque chose de tout à fait décent. Vous pouvez voir que nous avons une navigation de base ici. Ça a l'air vraiment sympa. Formulaire de contact, formulaire de projet, pied de page, tout ici est vraiment beau et très efficace C'est ainsi que nous pouvons également demander à Cursor AI de nous fournir plus de détails sur la manière dont nous pouvons aller avant et aller plus loin dans nos projets. Nous ne voulons donc pas nécessairement simplement créer notre projet, nous voulons également y accéder, et disons que nous n'avons pas les connaissances nécessaires pour le faire. Cet agent qui fait partie de Cursor AI va nous aider à atteindre nos objectifs et à atteindre ce que nous voulons atteindre en fin de compte. 6. Mise à jour de notre application simple: Maintenant, la prochaine chose que je veux aborder est de savoir comment vous pouvez modifier votre application particulière. Donc, ce que vous pouvez faire, c'est continuer dans ce fil de discussion en particulier, et vous pouvez dire, par exemple, jetons un œil ici. Je n'aime pas le fait que le schéma de conception ici soit sur un fond clair. Je veux que ce soit un fond sombre. Je souhaite donc que cet ajustement soit effectué. Donc, ce que je vais faire ici c'est dans ce fil de discussion en particulier, je vais dire excellent design. Cependant, je préfère mon portefeuille, disons, mon portfolio. Application pour afficher des couleurs plus foncées, disons, plus foncées. Donc, pour être clair, une couture foncée et pas si brillante OK, donc tout dépendra de l'invite particulière que vous configurez ici. Il n'est donc pas nécessaire que ce soit exactement comme le mien. s'agit donc simplement d'être aussi humain que possible dans ce que nous essayons de réaliser. Et en général, Cursor AI est très intuitif. Comme vous pouvez le voir ici, le CSS est mis à jour avec une couture foncée avec des couleurs plus foncées Comme vous pouvez le constater, il fonctionne à travers le fichier CSS à points de styles que nous avons ici, et il s'ajuste au fur et à mesure qu'il est envoyé ici pour supprimer la couleur d'arrière-plan, et nous pouvons voir tous les détails ici en termes de modification et de configuration en conséquence. Encore une fois, vous pouvez passer revue cela, revoir les modifications, annuler si vous n'êtes pas satisfait de quoi que ce soit, et vous pouvez également continuer et simplement les conserver toutes. Je suis donc déjà content. Je vais juste dire de conserver les modifications. Et cela a été mis en place. Ces ajustements ont été effectués. Et maintenant, si je devais revenir en arrière et que je pouvais simplement recharger cette page, vous pouvez voir que j'ai une couture foncée qui a été appliquée Encore une fois, nous pouvons constater que l'intuitivité de Cursor AI est excellente ici Nous avons quelque chose qui fonctionne déjà et cela ne nous a pris que quelques minutes. C'est donc l' outil parfait si vous avez un projet très, très simple ou quelque chose dont la portée est très basique. Cursor AI est génial. Il ne s'agit pas de le disqualifier de quelque chose de plus important, mais vous pouvez vraiment voir la puissance et le potentiel de Cursor AI s'agit donc que d'une leçon pour vous concentrer sur la manière dont vous pouvez procéder et apporter des ajustements et des modifications avec votre agent. C'était dans la boîte de discussion juste pour apporter quelques modifications et ainsi de suite. 7. Explorer les modèles disponibles: Bonjour, John, et bienvenue à la prochaine leçon, qui sera une leçon très générale et simplifiée. Je vais juste expliquer quelques domaines de Cursor AI, juste pour vous donner un aperçu et ainsi de suite. OK. Maintenant, un autre aspect que je veux mentionner concerne les modèles que nous obtenons. Donc, ce que je vais faire pour le moment, c'est continuer et lancer une nouvelle discussion. C'est bon. Et comme vous pouvez le voir ici, nous avons l'option Auto ici. Ceci est donc réglé sur les modèles automobiles. Donc, essentiellement, Auto, ce qui signifie bien sûr qu'Automdels choisira automatiquement le meilleur modèle d'IA pour la tâche que vous effectuez Ainsi, au lieu de vous décider quelle IA utiliser, le système la décidera pour vous en fonction de quelques facteurs sous-jacents tels que la vitesse, la complexité, le coût, bien sûr, le niveau gratuit, la qualité requise, etc. Bien entendu, si vous voulez être un peu pointilleux et choisir un modèle spécifique, surtout si vous avez de l'expérience avec modèles d' IA, vous pouvez bien sûr décocher les cases suivantes et choisir les options qui vous sont proposées ici Comme vous pouvez le constater, la valeur par défaut est Composer One. Nous avons OPS, Sont GPT five, GPT 5.2 codex, Gemini Three Flash Il existe quelques autres options en termes de mode Max et d'utilisation de plusieurs modèles en même temps Maintenant, pour ceux d'entre vous qui ne comprennent pas ce que sont les modèles, une façon plus simple pour moi d'expliquer ici est que les modèles sont essentiellement le cerveau de l'IA, et que les différents modèles sont doués différentes choses, comme écrire du code, expliquer des concepts, déboguer, raisonner étape par étape Et bien sûr, les types de modèles courants que nous présentons ici seront des modèles plus rapides. Ils seront utiles pour vous donner des réponses rapides. Ensuite, nous aurons des modèles basés sur un raisonnement très bon pour les problèmes complexes , puis des modèles plus grands, plus précis mais beaucoup plus lents. Donc, si je peux simplement vous résumer tout cela, c'est qu'il existe différents outils dans la boîte à outils et chacun est meilleur pour un travail spécifique Vous pouvez donc bien sûr expérimenter et choisir ce qui vous convient. Mais cela s'inscrit, bien entendu, un peu plus en profondeur dans l'ensemble du processus. Donc, juste quelques informations sur les modèles que nous obtenons ici et que vous pouvez utiliser comme curseur 8. Améliorer et optimiser notre application simple: Bonjour à tous, et bienvenue à la prochaine leçon, qui portera sur un examen plus approfondi de l'amélioration de notre base de code. Mais ce que nous pouvons faire, c'est ouvrir notre champ d'action ici, qui était initialement de créer une application basée sur le HTML, le CSS et le JavaScript Cependant, ce que nous avons finalement fait par la suite, nous avons poursuivi et modifié le design. Nous avons demandé à Cursor AI de modifier le design afin d'avoir un thème un peu plus sombre. Ce que nous voulons faire dans ce cas, c'est aller de l'avant et demander à Curse AI d'améliorer la qualité du code pour nous. Nous voulions améliorer notre application. Donc, ce que je vais dire ici, tout d'abord, c'est suggérer des améliorations à mon application, puis appliquer ces améliorations. OK. Très bien, il va donc maintenant planifier cela pour nous, tout d' abord, pour nous faire des suggestions. Et puis, bien sûr, comme nous l'avons dit, d'aller de l'avant et appliquer ces améliorations d'un seul coup pour nous. OK. Nous pouvons le voir, bien sûr, maintenant. Après nous l'avoir proposé, nous pouvons maintenant voir qu'il lit les fichiers, explore subag et ensuite, bien sûr, il appliquera tout en conséquence pour nous OK. Nous pouvons donc voir maintenant que cela va se poursuivre et ajuster le cordon pour nous Cela va donc prendre un moment. Donc, ce que je vais faire, c'est suspendre Va et une fois que c'est terminé, nous pouvons nous regrouper puis continuer une fois que c'est terminé C'est bon. Bon retour. Nous pouvons donc maintenant voir que tout est terminé. Et bien entendu, nous nous arrêtons ici sur les améliorations apportées au HTML. Nous pouvons voir qu'il y a également eu des ajustements et des réductions supplémentaires ici. Vous pouvez donc voir que le HTML a une meilleure structure d'accessibilité en conséquence. Il y a beaucoup plus de détails, mais je ne vais pas vous ennuyer. Le fichier css des styles point, nous pouvons maintenant voir qu'il a également fait ses ajustements. Comme nous pouvons le voir, il se concentre sur les cartes de projet que nous avons, les entrées, les styles de mise au point, la réduction du support des mouvements, et il a supprimé le CSS injecté par JS, et nous pouvons également voir les modifications ici. Et comme je l'ai déjà mentionné, vous pouvez revoir comme je l'ai fait plus tôt dans le cours dans notre leçon précédente. Vous pouvez bien sûr revoir cela. Ensuite, nous pouvons voir le fichier script JS a également été mis à jour. Nous pouvons voir qu'il a également apporté les modifications nécessaires ici, pas mal. Et nous pouvons constater qu'il nous apporte les améliorations suggérées qu' il nous a apportées et ce qu'il a appliqué. En résumé, la correction de la cohérence du Dark Seam, les améliorations en matière d'accessibilité, une meilleure expérience utilisateur, le peaufinage des menus mobiles, les performances, la maintenabilité, et nous pouvons voir bien plus encore, ont été ajustés ici en conséquence ont été ajustés ici P. Donc, si je devais revenir en arrière et recharger, vous remarquerez qu'il y aura des changements Ils n'apparaissent peut-être pas directement ici car nous n'avons pas défini de joint en particulier, mais nous pouvons constater que des modifications ont été appliquées Vous pouvez bien sûr vérifier les fichiers individuellement et nous verrons ce qui a été ajouté et supprimé. Très bien, je voulais juste vous expliquer comment vous pouvez procéder pour améliorer votre candidature. Donc, en général, je ne fais que passer en revue les instructions clés que vous pouvez techniquement passer en revue et que vous pensez devoir passer en revue Mais je pense qu'il est important que je sois explicite à ce sujet et que je le couvre dans une ou plusieurs leçons afin que vous commenciez à apprendre quelles instructions vous devez ajouter pour atteindre quel objectif Donc, si vous souhaitez effectuer une mise à jour, vous recevrez un message indiquant que vous invitez l'agent à mettre à jour votre code ou à apporter une modification spécifique Et si, bien sûr, vous voulez planifier quelque chose, et dans ce plan, vous voulez apporter des améliorations, vous devez le communiquer. Donc, en pratiquant également notre communication avec Cursor AI elle-même. Cela peut donc sembler un peu répétitif, mais c'est ainsi que nous facilitons ensemble du processus jusqu'à ce que vous finissiez par aller de l'avant. Après avoir suffisamment expérimenté, vous pouvez créer vos propres applications et vous vous familiariser avec Cursor AI, je dois dire C'est bon, les gars. C'est donc tout pour cette leçon. 9. Gérer les fonctionnalités supplémentaires: Bonjour à tous, et bienvenue à la prochaine leçon, qui portera sur l'ajout de fonctionnalités supplémentaires à Cursor AI sur nos appareils. Commençons donc. Maintenant, j'en ai abordé quelques-unes lorsque nous avons commencé à mettre les choses en place, mais je voudrais juste en parler un peu plus. OK. Donc, bien sûr, comme nous le savons, en faisant plus d'actions, nous pouvons masquer notre chat. Mais ce que nous pouvons également faire, c'est maximiser notre chat. Donc, si nous voulons le voir dans son intégralité, si vous voulez qu'il soit un peu plus visible, nous pouvons le faire. Cependant, n'oubliez pas que tout ce que vous ajustez ici ne peut pas être adapté à un écran Vous pouvez donc voir à quel point l' éditeur est désormais absent. Il faudrait donc apporter les ajustements nécessaires à cet égard. Maintenant, bien sûr, nous pouvons modifier la mise en page. Maintenant, vous pouvez également continuer et sélectionner ce que vous voulez voir. Nous avons donc actuellement les agents. zone ici, qui est disponible, et aussi le chat, qui se trouve ici, bien sûr, où nous instancions nos agents Maintenant, bien sûr, supposons que nous voulions ajouter à nouveau l'éditeur, il va le rajouter ici. Et, bien sûr, étant donné qu'il y a plus d'options disponibles ici, cela va changer la taille pour nous ici Nous pouvons également aller de l'avant et ajouter notre panel. Et ce panneau, comme nous pouvons le voir ici, est, bien sûr, bloqué par la vue ici en conséquence, nous pouvons donc simplement masquer notre discussion. Et ce panneau est notre terminal. C'est donc très similaire au code Visual Studio si vous voulez continuer et, par exemple, exécuter votre serveur. Imaginons que vous créez une application. Et avec cette application particulière, elle dispose d'un serveur de développement local. Vous pouvez, bien entendu, continuer et ajouter les commandes nécessaires. Essayez donc de le voir comme du code Visual Studio, en gros la même chose, mais vous avez ici ce type d' implémentation de l'IA, que vous pouvez également demander et configurer en conséquence. Maintenant, ce que vous pouvez également faire ici, c'est que vous pouvez continuer et définir un type de vue par défaut ici en fonction de l'agent, l'éditeur, puis du navigateur. Donc, si je devais dire agent, OK, ça va juste prendre un moment. Et bien sûr, cela va définir un type de vue par défaut pour moi. Maintenant, sur le côté gauche, nous avons nos agents, et sur le côté gauche, vous pouvez dire ici, sur le côté le plus à gauche, nous avons également notre espace de discussion ici. Alors, bien sûr, si vous deviez activer/désactiver votre barre latérale principale que vous pouvez maintenant voir sur le côté droit, vous aurez maintenant accès à vos fichiers ici Sur le côté droit, si vous préférez discuter sous cet angle, vous pouvez l' ajuster en conséquence. Il s'agit donc d'un ajustement et d'un changement que vous pouvez également apporter. Vous pouvez donc simplement jouer avec ce qui se passe ici et voir ce que vous voulez prioriser. Maintenant, bien sûr, pour chaque segment que vous sélectionnez, les paramètres seront ajustés automatiquement, comme nous pouvons le voir ici. Et bien sûr, nous pouvons voir que la barre latérale de l'agent a été déplacée vers la gauche. Vous pouvez également continuer et le configurer ici pour qu'il se déplace vers la droite. Cela va ramener votre éditeur de code là où il était. Si vous voulez que la barre latérale de l'agent revienne là où elle était, vous pouvez continuer et sélectionner la gauche. Ensuite, il va également le déplacer en conséquence. Bien sûr, vous pouvez également voir que vous pouvez gérer votre barre d'état si vous souhaitez qu'elle apparaisse ou non. C'est quelque chose que vous pouvez également examiner lorsque vous configurez tout en conséquence, selon vous. Un autre aspect que je voulais aborder avec vous est de savoir comment vous pouvez procéder et changer de thème ici. Donc, si vous n'aimez pas le thème, je vais vous montrer comment procéder. Donc, ce que vous pouvez faire, c'est simplement continuer et masquer cette discussion pour le moment. Nous pouvons bien sûr accéder à notre option de fichier ici en haut à gauche. Ensuite, vous pouvez faire défiler la page vers le bas, puis vous verrez que nous avons des préférences, puis vous pouvez accéder aux thèmes, puis ici, nous pouvons sélectionner le thème des couleurs. Et nous pouvons voir que nous sommes sur le Dftode, qui est Cursor Dark. Mais bien sûr, vous pouvez passer d'ici à quelques alternatives et faire défiler la page vers le bas. Nous avons donc Cursor Dark. Nous avons Cursor Midnight. D'accord ? Et bien sûr, cela s'applique à nous. Mais si vous souhaitez le modifier, vous pouvez revenir aux thèmes des préférences, les colorier, puis vous pouvez, bien sûr, ramener à ce qu'il était avant l'obscurité du curseur. Mais vous pouvez expérimenter ici les différentes options qui s'offrent à vous. Malheureusement, ici, chaque fois que vous cliquez dessus, vous devez revenir dans les préférences et continuer à le remplacer. Mais ici, vous pouvez simplement changer les thèmes que vous préférez. Je vais donc le remettre dans Cursor dark. C'est donc Sam qui change. 10. Merci !: Bonjour à tous. Et juste une dernière note de ma part, et c'est juste merci d'avoir décidé de suivre ce cours. J'espère vraiment que cela vous a aidé à acquérir des connaissances approfondies Je vous remercie donc encore une fois, et je suis profondément reconnaissante que vous ayez décidé de vous inscrire à mes côtés pour ce voyage Une autre chose que je voulais mentionner est envisager de laisser un avis pour ce cours. Ce serait très apprécié. Vous n'êtes pas obligée si vous ne le souhaitez pas, mais dans mon cas, il est toujours utile d'essayer de comprendre les commentaires qui me sont adressés et de savoir comment améliorer mes cours. Merci encore et bonne chance dans votre voyage.