Informatique et data
Développement web : HTML, CSS et JavaScript, de zéro à un site responsive au Gabon
Construire, rendre interactif et mettre en ligne votre premier site web responsive en quatre jours
Quatre jours pour apprendre à créer un site web de A à Z avec HTML, CSS et JavaScript : structure sémantique, mise en page responsive avec Flexbox et Grid, accessibilité, interactions avec le DOM, appel d'une API avec fetch et mise en ligne. Destinée aux débutants, elle se conclut par un site complet et publié, que vous pourrez faire évoluer seul.
- Durée
- 4 jours · 28 heures
- Niveau
- Débutant
- Format
- Intra-entreprise · Classe virtuelle
Prochaines sessions
Cette formation est organisée à la demande : en classe virtuelle ou dans vos locaux, aux dates qui vous conviennent. Demandez-nous les prochaines dates ou un devis pour votre équipe.
Également disponible
- En intra-entreprise, dans vos locaux : Cameroun, Centrafrique, Congo, Côte d'Ivoire, France, Gabon, Sénégal, Tchad
- En classe virtuelle : Cameroun, Centrafrique, Congo, Côte d'Ivoire, France, Gabon, Sénégal, Tchad
La formation au Gabon
Onarcle propose la formation « Développement web : HTML, CSS et JavaScript, de zéro à un site responsive » au Gabon, dans vos locaux pour un groupe (intra-entreprise), ou en classe virtuelle, en direct avec le formateur. Le programme, les objectifs et la méthode sont les mêmes que pour toutes nos sessions : un formateur praticien, des exercices sur des cas concrets et une attestation de fin de formation Onarcle.
Le tarif au Gabon est de 295 000 FCFA HT par participant. Pour un groupe ou une session dans vos locaux, nous établissons un devis en francs CFA qui précise les taxes applicables et le calendrier.
Au Gabon, cette formation s'adresse aux entreprises, aux institutions et aux professionnels, à Libreville comme dans le reste du pays. Elle peut être suivie en classe virtuelle, en direct avec le formateur, ou organisée dans vos locaux à Libreville pour un groupe, avec des exemples adaptés à votre secteur.
Présentation
Une association veut présenter ses actions, une PME souhaite une page de présentation claire, un service interne a besoin d'un petit outil consultable depuis un navigateur : derrière ces besoins se trouvent toujours les trois mêmes technologies, HTML, CSS et JavaScript. Les comprendre permet de créer soi-même des pages simples, mais aussi de dialoguer efficacement avec un prestataire, de corriger un gabarit de site ou de faire ses premiers pas vers un métier technique.
Cette formation part de zéro. Vous apprenez d'abord à structurer un contenu avec un HTML sémantique, lisible par les moteurs de recherche et par les lecteurs d'écran. Vous mettez ensuite ce contenu en forme avec CSS : typographie, couleurs, boîtes, puis mise en page moderne avec Flexbox et Grid, et adaptation aux mobiles grâce aux media queries. La seconde moitié est consacrée à JavaScript : variables, conditions, fonctions, manipulation du DOM, gestion des événements, validation d'un formulaire et récupération de données depuis une API publique avec fetch. Vous terminez par la mise en ligne du site sur un hébergement gratuit.
La méthode repose sur un fil rouge : la construction progressive d'un site vitrine pour une structure fictive (commerce, ONG ou cabinet de conseil, au choix). Chaque notion est montrée en direct, puis appliquée immédiatement sur votre poste avec Visual Studio Code et les outils de développement du navigateur. Des exercices courts ponctuent chaque demi-journée et le formateur relit votre code pour vous aider à corriger vos erreurs et à prendre de bonnes habitudes dès le départ.
Pour l'organisation, c'est l'occasion de rendre une équipe autonome sur les petites évolutions d'un site et de mieux cadrer les demandes faites aux agences. Pour vous, c'est une base solide et transférable : les mêmes notions servent ensuite pour WordPress, React ou tout autre outil web. Vous repartez avec un site réel, publié, et un code propre que vous comprenez ligne par ligne, ce qui facilite la poursuite de l'apprentissage en autonomie.
La formation est proposée en classe virtuelle en direct ou en intra dans vos locaux, par groupes de 10 participants maximum, avec un formateur développeur web en activité. Il vous suffit d'un ordinateur portable avec un navigateur récent et Visual Studio Code, un éditeur gratuit ; les consignes d'installation sont envoyées avant le premier jour.
Objectifs
- Structurer une page avec un HTML sémantique et accessible
- Mettre en forme un site avec CSS, Flexbox et Grid
- Rendre un site responsive pour mobile, tablette et ordinateur
- Écrire du JavaScript pour réagir aux actions de l'utilisateur
- Manipuler le DOM et valider un formulaire côté navigateur
- Récupérer et afficher des données d'une API avec fetch
- Déboguer avec les outils de développement du navigateur
- Publier un site statique sur un hébergement gratuit
Public concerné
- Débutants complets souhaitant comprendre et créer des pages web
- Chargés de communication ou de contenu qui interviennent sur un site
- Assistants, chefs de projet et entrepreneurs qui veulent dialoguer avec un prestataire web
- Personnes en reconversion qui découvrent le développement
Prérequis
Être à l'aise avec un ordinateur, un navigateur et la gestion de fichiers. Aucune connaissance en programmation n'est requise.
Programme
Jour 1 — matin
Comprendre le web et écrire son premier HTML
- Navigateur, serveur, URL : comment s'affiche une page
- Installer et prendre en main Visual Studio Code
- Balises, attributs et structure d'un document HTML
- Titres, paragraphes, listes, liens et images
Jour 1 — après-midi
HTML sémantique et accessibilité
- Balises header, nav, main, section, article, footer
- Textes alternatifs, hiérarchie des titres et contrastes
- Construire un formulaire de contact accessible
- Fil rouge : squelette complet du site vitrine
Jour 2 — matin
Les fondamentaux de CSS
- Sélecteurs, cascade et spécificité
- Couleurs, polices et unités relatives
- Le modèle de boîte : marges, bordures, espacements
- Variables CSS pour une charte graphique cohérente
Jour 2 — après-midi
Mise en page moderne et responsive
- Flexbox pour aligner et répartir les éléments
- Grid pour les mises en page en grille
- Media queries et approche mobile d'abord
- Fil rouge : version responsive de la page d'accueil
Jour 3 — matin
Premiers pas en JavaScript
- Variables, types, conditions et boucles
- Fonctions et portée des variables
- Tableaux et objets
- Utiliser la console pour tester et déboguer
Jour 3 — après-midi
Interagir avec la page : DOM et événements
- Sélectionner et modifier des éléments du DOM
- Écouter les clics, saisies et soumissions
- Créer un menu mobile et une galerie interactive
- Valider un formulaire avant envoi
Jour 4 — matin
Données dynamiques avec fetch
- Le format JSON et le principe d'une API
- Requêtes asynchrones avec fetch, async et await
- Afficher une liste de données issues d'une API publique
- Gérer le chargement et les erreurs
Jour 4 — après-midi
Finaliser et mettre en ligne
- Optimiser les images et vérifier les performances
- Contrôler l'accessibilité et le référencement de base
- Publier le site sur un hébergement statique gratuit
- Bilan, ressources et pistes pour continuer
Méthode pédagogique
Plus de 70 % de pratique sur poste, avec un mini-projet fil rouge. Groupes de 10 participants maximum, en classe virtuelle en direct ou dans vos locaux, avec un formateur praticien. Pendant 30 jours après la formation, vous pouvez poser vos questions au formateur par email.
Ce que vous recevez
- Le code source complet du site vitrine réalisé en fil rouge
- Un site publié en ligne, accessible par une adresse web
- Un mémo des principales balises HTML et propriétés CSS
- Une fiche de contrôle accessibilité et responsive
- Une attestation de fin de formation Onarcle
Évaluation et certificat
Positionnement en début de formation, exercices pratiques et mini-projet évalué. Attestation de fin de formation ; certificat de réussite Onarcle à partir de 70 % aux évaluations.
Questions fréquentes
Quel est le prix de cette formation au Gabon ?
Le tarif est de 295 000 FCFA HT par participant au Gabon. Pour un groupe, une session dans vos locaux ou une demande de financement, contactez-nous : nous vous envoyons un devis en francs CFA.
Peut-on suivre la formation depuis Libreville ?
Oui. Depuis Libreville, la formation se suit dans vos locaux pour un groupe (intra-entreprise), ou en classe virtuelle, en direct avec le formateur. Les supports sont remis en version téléchargeable.
Peut-on organiser cette formation pour notre équipe au Gabon ?
Oui. Pour un groupe, nous adaptons les exemples et les exercices à votre secteur et à vos outils, et organisons la session dans vos locaux ou en classe virtuelle, selon vos contraintes au Gabon.
Faut-il savoir programmer pour suivre cette formation ?
Non. La formation part de zéro ; il suffit d'être à l'aise avec un ordinateur et un navigateur web.
Quels logiciels dois-je installer ?
Un navigateur récent (Chrome, Firefox ou Edge) et Visual Studio Code, un éditeur gratuit. Nous envoyons un guide d'installation avant la session.
Pourrai-je créer un site complet après ces quatre jours ?
Vous saurez réaliser et publier un site vitrine responsive avec quelques interactions et des données issues d'une API. Les sites avec comptes utilisateurs ou base de données relèvent du développement back-end, traité dans d'autres formations.
Quel est le prix de la formation ?
Le tarif indiqué sur cette page s'entend par participant, en inter-entreprises. Pour un groupe ou une session dans vos locaux, nous établissons un devis. Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.
La formation peut-elle être financée ?
Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.
Que reçoit-on à la fin ?
Une attestation de fin de formation Onarcle, le code source de votre site et les supports de cours.
Inscription et devis
Réservez une place, demandez un devis ou une session pour vos équipes. Nous vous répondons sous 48 heures ouvrées.
Les noms de logiciels et de marques cités appartiennent à leurs propriétaires respectifs. Onarcle est un organisme de formation indépendant, non affilié à leurs éditeurs ; cette formation ne délivre pas de certification officielle d'éditeur.