Développement Web & No-Code
Développer un site Web : panorama complet des technologies et mise en pratique
Débutant
À propos de cette formation
Cette formation de 4 jours offre une vue d'ensemble opérationnelle du développement web. Elle couvre les protocoles réseau, l'administration d'un site, la création de pages HTML/CSS, la conception graphique, l'accessibilité, les pages dynamiques côté serveur et les technologies JavaScript côté client. Les nombreux exercices permettent d'appréhender concrètement chaque phase de la réalisation d'un site Web.
Objectifs de la formation
- Comprendre les fondamentaux du Web et l'environnement technique d'un site
- Réaliser un site Web ergonomique, accessible et correctement référencé
- Accéder aux données d'une base relationnelle depuis les pages Web
- Administrer un site Web au quotidien
Programme détaillé
Module 1 — Les technologies du site Web
- Serveurs Web : Apache, Nginx, Wampserver
- Protocoles TCP/IP, HTTP, FTP et services réseau complémentaires (DNS)
- Gestion des noms de domaine, choix d'un hébergeur, architecture technique
Module 2 — Administration d'un site Web
- Opérations d'administration du Webmaster : gestion du domaine, transfert FTP
- Messages d'erreur personnalisés et gestion des fichiers journaux
- Suivi et analyse des statistiques de fréquentation
Module 3 — Création de pages Web : HTML, XHTML, HTML5
- Présentation des langages HTML, XHTML et HTML5 ; différences entre navigateurs
- Structure, liens hypertexte, images, cadres et formats vectoriels
- Mise en page avec CSS : feuilles de styles, tableaux et calques
- Techniques de référencement sur les moteurs de recherche et méta-tags
- Définition et intégration de composants plug-ins
- Travaux pratiques : réalisation de pages HTML complexes, création de feuilles de style, préparation au référencement
Module 4 — Les formulaires
- Syntaxe et structure : champs de saisie, boutons, cases à cocher, listes, zones de texte, sélection multiple
- Contraintes et avantages des formulaires HTML
- Travaux pratiques : création d'un formulaire avec envoi vers la messagerie et une base de données
Module 5 — Conception graphique et multimédia
- Créer et intégrer une charte graphique
- Outils graphiques pour concevoir une interface évoluée
- Animations avec JavaScript et ressources graphiques : GIF, JPEG, PNG, SVG, WebP
- Utilisation de Photoshop ou Gimp pour la préparation des assets
- Travaux pratiques : conception d'un modèle de page HTML, intégration de JavaScript
Module 6 — Ergonomie et accessibilité d'une application Web
- Charte graphique, règles d'usabilité et écueils à éviter pour un site efficace
- Accessibilité : normes, impact sur le développement et mise en conformité
- Outils de test et validation de l'accessibilité en production
- Travaux pratiques : définition du cahier des charges graphique, audit d'accessibilité
Module 7 — Pages dynamiques
- Différence entre serveur Web et serveur d'application : méthodes GET et POST
- Langages de scripts serveur : ASP, PHP, Ruby, Python
- Appel de services Web et intégration de requêtes SQL (insertion, suppression, modification)
- Travaux pratiques : développement de pages dynamiques, interrogation d'une base de données et de services Web
Module 8 — Les technologies côté client
- Technologies d'interfaces graphiques : HTML5, XAML, JavaScript
- Solutions Rich Internet Application (RIA) et Rich Desktop Application (RDA)
- Travaux pratiques : démonstration et mise en œuvre de ces technologies
Module 9 — Initiation au JavaScript
- Syntaxe du langage, contrôles de saisie et gestion d'événements
- DOM, Ajax et présentation d'ECMAScript
- Offres du marché basées sur JavaScript : Google API, Widgets
- Débogage de scripts JavaScript
- Travaux pratiques : effets DHTML, contrôles sur formulaires, intégration de scripts existants
Prérequis
Avoir des notions fondamentales en architecture informatique.