> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Développer un site web dynamique grâce à l'IA

Formation : Développer un site web dynamique grâce à l'IA

Confiez l'écriture de votre code à l'intelligence artificielle

Développer un site web dynamique grâce à l'IA

Confiez l'écriture de votre code à l'intelligence artificielle


New

L’intelligence artificielle (IA) devient un puissant allié dans le processus de création de sites web. Cette formation permet de découvrir et d’utiliser de la façon la plus pertinente les outils d’IA appliqués aux sites web et se faire assister par une IA pour la partie développement et création de pages.


INTER
INTRA
SUR MESURE

Cours pratique
Disponible en anglais, à la demande

Réf. DIH
  4j - 28h00
Prix : 2540 € H.T.




L’intelligence artificielle (IA) devient un puissant allié dans le processus de création de sites web. Cette formation permet de découvrir et d’utiliser de la façon la plus pertinente les outils d’IA appliqués aux sites web et se faire assister par une IA pour la partie développement et création de pages.


Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
Comprendre les fondamentaux du web
Maîtriser l'environnement technique d'un site web
Découvrir les principaux outils de l'IA pour le développement web
Utiliser les "bons" prompts pour créer son propre site web
Accéder aux données d'une base relationnelle
Administrer un site web

Public concerné
Développeurs et chefs de projets web.

Prérequis
Connaissances de base en architectures techniques.

Méthodes et moyens pédagogiques
Travaux pratiques
Réalisation de pages complexes HTML. Création de feuilles de style, préparation de la page au référencement.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

1
Les technologies du site web

  • Les serveurs web (Apache, Nginx...).
  • Comprendre le fonctionnement de base des protocoles TCP/IP, HTTP, FTP.
  • Les URL. Les services réseaux complémentaires (Serveurs DNS).
  • Achat et gestion du nom de domaine. Choisir un hébergeur. Architecture technique. Organisation.
  • Découvrir les principaux outils de l'IA pour le développement web.

2
Création de pages web : HTML 5

  • Présentation des langages HTML 5. Différences entre les navigateurs.
  • Structure, liens, hypertexte.
  • Les ressources graphiques SVG Webp. Utiliser Photoshop ou Gimp Inkscape.
  • Créer et utiliser des tableaux.
  • Techniques pour réussir son référencement sur les moteurs de recherche. Les méta-tags.
Travaux pratiques
Réalisation de pages HTML structurées avec l’aide Claude.ai.

3
Création de pages web : CSS 3

  • Intégrer/créer une charte graphique.
  • Mise en œuvre d'outils graphiques pour concevoir une interface évoluée.
  • Les ressources graphiques SVG Webp. Utiliser Photoshop, Gimp ,Inkscape.
  • La mise en page responsive.
Travaux pratiques
Réalisation d’un fichier CSS selon une charte graphique avec l’aide de Claude.ai. Mixer l’IA et le design traditionnel pour un rendu professionnel et original.

4
Création de formulaires

  • Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases à cocher, listes, zones de texte, sélection multiple...
Travaux pratiques
Réalisation d'un formulaire avec une IA selon des instructions précises.

5
Ergonomie et accessibilité d'une application web

  • Charte graphique. Règles d'usability. Écueils graphiques à éviter pour faire un site accessible à tous (navigation, mise en page…).
  • Accessibilité. Norme. Impact sur le développement. Mettre en conformité un site web. Outils de test et de validation en production.
Travaux pratiques
Demander à l’IA de renforcer l’accessibilité d'un site.

6
Initiation au langage JavaScript

  • Syntaxe du langage. Contrôles de saisie d'un formulaire.
  • Utilisation d'Ajax puis manipulation du DOM.
  • Présentation de la norme ECMAScript.
  • Présentation des offres du marché à base de JavaScript (Google API, Widgets…).
  • Récupérer, savoir débuguer ses programmes.
  • Appel d’une API.
Travaux pratiques
Demander à l’IA d’écrire des fonctions JavaScript nécessaires à un site. Faire appel à une IA pour un appel Ajax.

7
Création de pages dynamiques

  • Différence entre serveur web et serveur de base de données.
  • Les langages de scripts serveurs et leurs plateformes de développement : PHP, Ruby, Python.
  • Mode de fonctionnement, sécurité. Les méthodes GET et POST. Les variables serveur.
  • Les serveurs web du marché.
  • Intégration de requêtes SQL dans la page pour insérer, supprimer, modifier des données de la base.
  • Créer une page pour afficher le contenu d’une base de données.
  • Créer une page pour modifier/insérer/supprimer le contenu d’une base de données.
Travaux pratiques
Développer des pages dynamiques, interrogation d'une base de données et de services web à l’aide de requêtes précises.

8
Administration d'un site web

  • Mise en œuvre de l'ensemble des opérations d'administration effectuées par le webmaster.
  • Gestion des noms de domaine, transfert FTP.
  • Création de messages d'erreur personnalisés, gestion des fichiers journaux.
  • Suivi et analyse des statistiques.
  • Apprendre à utiliser l’IA pour optimiser le référencement naturel (SEO) d’un site web.