Skip to content

Latest commit

 

History

History
110 lines (78 loc) · 6.72 KB

dev-web-ia.md

File metadata and controls

110 lines (78 loc) · 6.72 KB

Développement autour de l'intelligence artificielle

Atelier:

Utilisation de Copilot pour le développement Web

Durée:

45 min

Public cible :

  • Personnes en reconversion professionnelle
  • Enfants
  • Débutants en programmation

Introduction :

Aujourd’hui, l’intelligence artificielle transforme nos façons de travailler, apprendre et créer.
Les développeurs disposent d’outils comme Copilot, un assistant intelligent qui peut écrire du code, suggérer des solutions et accélérer les projets.
Vous êtes peut-être curieux de découvrir comment programmer, mais cela vous semble compliqué ?
Cet atelier vous montrera que l’IA peut vous aider à apprendre et créer, même en tant que débutant.
Nous allons explorer comment l’intelligence artificielle peut simplifier le développement web et vous permettre de créer des jeux interactifs amusants.

Objectifs :

  1. Découvrir comment exploiter l’intelligence artificielle pour créer des jeux interactifs.
  2. Présenter Copilot en tant qu’assistant pour les développeurs.
  3. Expliquer le fonctionnement d’un algorithme (de manière simple et intuitive).
  4. Apprendre les bases de JavaScript et de HTML/CSS pour le développement web
  5. Utiliser Copilot pour : Créer une interface web interactive.

Programme détaillé :

Étape 1 : Introduction à l’intelligence artificielle et GitHub Copilot (15 min)

Introduction à l'IA dans le développement web

L'intelligence artificielle, ou IA, est comme un cerveau électronique. Elle aide les ordinateurs à apprendre et à prendre des décisions, un peu comme nous !. L'intelligence artificielle joue un rôle de plus en plus important dans le developpement web. L'IA rend les processus de développement plus efficaces. Quelques avantages de l'IA profitant aux développeurs sont :

  • Automatisation de tâches repetitives : génération de tests de codes, génération de contenu à faible valeur intellectuelle ajoutée permettant aux développeurs de se concentrer sur les aspects plus créatifs et plus complexes
  • Amélioration des pratiques logicielles et de la sécurité : l'IA ayant été entrainée sur un large éventail de codes, et de données opensource, apporte une aide à l'amélioration syntaxique du code et des bonnes pratiques logicielles, la détection et la prévention de failles de sécurité,...

Explication simple de GitHub Copilot et son rôle dans l’écriture de code

Github Copilot est un assistant IA de codage développé par Github en collaboration avec OpenAI. Voici un résumé de ses principales fonctionnalités :

  • Suggestions de code : Copilot peut suggérer des lignes de code ou des blocs entiers en fonction du contexte de votre projet. Il utilise les informations de votre environnement de codage, des onglets ouverts et de vos projets GitHub.
  • Génération de tests unitaires : Il peut générer des tests unitaires pour votre code, ce qui facilite la validation et la maintenance de votre application.
  • Refactorisation de code : Copilot peut aider à refactoriser le code pour le rendre plus simple et plus efficace.
  • Création de documentation : Il peut générer de la documentation pour votre code, ce qui est utile pour expliquer le fonctionnement des différentes parties de votre application.
  • Chat Copilot : Vous pouvez poser des questions à Copilot Chat pour obtenir de l'aide sur la compréhension du code, la refactorisation, le débogage ou tout simplement sur des pratiques logicielles non intégrées dans votre code.

Démonstration de la création d’un algorithme en langage naturel

Support visuel : Un PowerPoint avec des exemples pratiques de Copilot en action

Étape 2 : Développement de jeux interactifs avec GitHub Copilot (20 min)

  • Présentation des bases du JavaScript, HTML et CSS (voir l'atelier de développement web) .

  • Expliquer comment Copilot peut compléter le code automatiquement et proposer des solutions.

  • Présentation des jeux intéractifs à développer avec Copilot :

    Thème du jeu 1 : Jeu de devinettes (chiffres) (10 min)

    • Interface web avec Copilot
    • Utilisation de GitHub Copilot pour générer du HTML, CSS et un script JavaScript qui permet de jouer à un jeu de devinettes.
    • Exemple CodePen : Jeu de devinettes (chiffres)

    Thème du jeu 2 : Quiz MAIF (10 min)

    • Interface web avec Copilot
    • Utilisation de GitHub Copilot pour générer du HTML, CSS et un script JavaScript qui permet de jouer à un Quiz.
    • Exemple CodePen : Quiz MAIF

Étape 3 : Discussion : Opportunités et limites de l’IA (10 min)

  • Échange interactif avec les participants :

    • Opportunités : Comment l’IA peut accélérer l’apprentissage et la création de projets.

    • Limites : Les erreurs possibles de l’IA et l’importance de comprendre le code généré.

      • Le code généré n'est pas toujours pertinent, il faudrait prendre du recul ce qu'on obtient comme code généré
      • Attention à la sécurité : éviter de partager des données confidentielles, ou privées d'entreprises dans les chats non sécurisés
      • Attention aux attques de sécurité généré par IA qui semblent anodines et réelles : liens, fichiers, pièces jointes de mail, ...ou autres

    • Sensibilisation : Dangers potentiels liés à l’utilisation excessive ou non contrôlée de l’IA.

      • Dépendance à l'IA sans prise de recul : génération de codes, d'images, de différents travaux...
      • DeepFake : génération de fausses informations images, videos , ursupation d'identités,...

    • Partage de liens utiles pour approfondir :

Conclusion :

  1. Résumé des points clés abordés.
  2. Réponses aux questions des participants.
  3. Encouragement à explorer davantage avec GitHub Copilot et à pratiquer régulièrement.