Guide complet INF-306 — Pearson
Information Technology Specialist HTML5 App Development · Programme, plan de révision, ressources, examen blanc gratuit.
L'ITS HTML5 App Development (INF-306) de Pearson certifie les competences fondamentales en developpement d'applications web modernes avec HTML5, CSS3 et JavaScript. Destinee aux etudiants, developpeurs juniors et professionnels en reconversion, elle valide la maitrise du markup semantique, du styling responsive et des API HTML5. Examen QCM de 40-50 questions en 50 minutes, sans prerequis formel. Debouches : developpeur front-end junior, integrateur web, developpeur mobile hybride. Premiere certification ideale pour entrer dans le developpement web professionnel.
Pourquoi passer la certification INF-306 ?
En 2026, le developpement web reste l'un des secteurs IT les plus dynamiques avec une croissance soutenue par la transformation numerique post-pandemie et l'essor des Progressive Web Apps (PWA). La certification INF-306 valide des competences directement operationnelles : HTML5, CSS3 et JavaScript constituent le socle de 95% des interfaces web mondiales. Pour un debutant ou un etudiant, c'est un signal fort envoye aux recruteurs : vous maitrisez les standards W3C et savez construire des applications conformes aux bonnes pratiques. Le ROI est rapide : preparation en 6-8 semaines, examen abordable (environ 130 EUR), et acces immediat a des postes juniors remuneres 28-35k EUR brut annuel. Sur le marche francais, les offres pour developpeurs front-end depassent les 45 000 par an selon France Travail. La certification se distingue car elle est editeur-neutre (contrairement aux certs React ou Angular), ce qui prouve une comprehension des fondamentaux plutot qu'une dependance a un framework. Elle constitue aussi une excellente porte d'entree vers des certifications plus avancees comme CIW Web Developer, Microsoft MTA ou les parcours JavaScript professionnels. Pour les entreprises, c'est une garantie de qualite minimale lors du recrutement de profils juniors.
Caractéristiques de l'examen
| Format | QCM 40 a 50 questions |
|---|---|
| Duree | 50 minutes |
| Score requis | 70% |
| Prix officiel | 130 EUR |
| Langues | Francais, Anglais, Espagnol, Allemand |
| Validite | A vie (pas de renouvellement) |
| Prerequis | Aucun formel, bases HTML/CSS/JS recommandees |
Programme détaillé par domaine
Domain 1 : HTML5 Markup et Structure 20%
- Objectifs
- Maitriser la syntaxe HTML5, la structure semantique d'un document, le doctype, les balises de section et la hierarchie des elements. Le candidat doit savoir construire une page conforme aux specifications W3C, gerer les meta-donnees (viewport, charset, description) et utiliser correctement les attributs globaux. Comprehension du DOM et de son arborescence indispensable.
- Concepts clés
- Balises semantiques (header, nav, main, article, section, aside, footer), attributs ARIA pour l'accessibilite, formulaires HTML5 avec nouveaux types d'input (email, tel, date, range, color), validation native via pattern et required, attributs data-*, embed multimedia avec audio et video, fallback content, microdonnees Schema.org, hierarchie des titres h1-h6, balises de texte (em, strong, mark, time, abbr).
- Services / outils
- Editeurs : VS Code, Sublime Text. Validateurs : W3C Markup Validator, Nu HTML Checker. Outils de debug : Chrome DevTools, Firefox Inspector. Specifications de reference : WHATWG Living Standard et W3C HTML5 Recommendation.
- Temps estimé
- 8-10h
Domain 2 : CSS3 Styling et Layout 25%
- Objectifs
- Concevoir des interfaces visuelles modernes avec CSS3, gerer le responsive design, comprendre la cascade, la specificite et l'heritage. Le candidat doit pouvoir creer des layouts complexes avec Flexbox et Grid, et adapter ses styles a differents formats d'ecran via media queries.
- Concepts clés
- Selecteurs avances (pseudo-classes, pseudo-elements, attributs), box model (margin, padding, border, content-box vs border-box), positionnement (static, relative, absolute, fixed, sticky), Flexbox (flex-direction, justify-content, align-items), CSS Grid (grid-template, grid-area), transitions et animations (keyframes), transformations 2D/3D, variables CSS (custom properties), media queries et mobile-first.
- Services / outils
- Frameworks : Bootstrap 5, Tailwind CSS. Preprocesseurs : Sass, Less. Outils : PostCSS, Autoprefixer. Reference : MDN Web Docs CSS, Can I Use pour la compatibilite navigateurs.
- Temps estimé
- 10-12h
Domain 3 : JavaScript et Programmation Client 25%
- Objectifs
- Programmer en JavaScript ES6+, manipuler le DOM, gerer les evenements utilisateur et implementer la logique applicative cote client. Le candidat doit maitriser les structures fondamentales et les concepts asynchrones de base.
- Concepts clés
- Variables (let, const, var), types primitifs, fonctions flechees, objets et tableaux, destructuring, spread/rest operators, manipulation DOM (querySelector, addEventListener), evenements (click, submit, keyup), modeles asynchrones (callbacks, Promises, async/await), Fetch API pour appels HTTP, JSON parsing, gestion d'erreurs try/catch, scope et closures.
- Services / outils
- Runtime : navigateurs modernes (V8, SpiderMonkey). Outils : Node.js pour tests, ESLint pour qualite, Babel pour transpilation. Reference : ECMAScript 2024 specification, MDN JavaScript Guide.
- Temps estimé
- 12-15h
Domain 4 : APIs HTML5 et Stockage 20%
- Objectifs
- Utiliser les APIs HTML5 pour enrichir les applications web : geolocalisation, stockage local, dessin 2D, communication temps reel. Le candidat doit savoir choisir l'API adaptee a chaque besoin fonctionnel.
- Concepts clés
- Web Storage (localStorage, sessionStorage), IndexedDB pour bases de donnees client, Geolocation API, Canvas 2D et primitives de dessin, SVG embarque, Web Workers pour le multi-threading, Service Workers pour le mode offline et PWA, Drag and Drop API, File API, Notifications API, WebSockets pour communication bidirectionnelle, History API (pushState).
- Services / outils
- Outils PWA : Workbox, Lighthouse pour audit. Bibliotheques : Chart.js (Canvas), Leaflet (geolocalisation). Reference : W3C Web APIs, MDN Web APIs.
- Temps estimé
- 10-12h
Domain 5 : Accessibilite, Performance et Securite 10%
- Objectifs
- Produire des applications accessibles, performantes et securisees. Le candidat doit connaitre les standards WCAG, les bonnes pratiques d'optimisation et les vulnerabilites courantes du web client.
- Concepts clés
- WCAG 2.2 niveaux A/AA/AAA, attributs ARIA, navigation clavier, contraste de couleurs, alternatives textuelles, optimisation images (WebP, AVIF, lazy loading), minification CSS/JS, compression Gzip/Brotli, cache HTTP, vulnerabilites XSS et CSRF, Content Security Policy (CSP), HTTPS, validation cote serveur, Same-Origin Policy.
- Services / outils
- Audit : Lighthouse, axe DevTools, WAVE. Reference : WCAG 2.2, OWASP Top 10, Web.dev de Google.
- Temps estimé
- 6-8h
Plan de révision hebdomadaire
Planning sur 6 semaines pour candidats debutants ou en reconversion, avec un rythme d'environ 8-10h par semaine. Semaine 1 : Decouverte HTML5. Lire la documentation MDN sur les balises semantiques, creer 3 pages statiques (page d'accueil, formulaire de contact, article de blog). Valider chaque page via W3C Validator. Premier examen blanc diagnostic. Semaine 2 : CSS3 fondamentaux. Etudier le box model, les selecteurs et la cascade. Realiser un lab Flexbox (galerie d'images) et un lab Grid (dashboard responsive). Implementer 3 media queries differentes. Semaine 3 : JavaScript ES6+. Suivre un cours en ligne (freeCodeCamp ou OpenClassrooms), coder un mini-projet TODO list avec localStorage. Pratiquer la manipulation DOM et les evenements quotidiennement (30 min minimum). Semaine 4 : APIs HTML5. Construire une application meteo utilisant Fetch API et Geolocation. Experimenter Canvas avec un mini-jeu (Snake ou Pong). Implementer un Service Worker basique pour mode offline. Semaine 5 : Accessibilite et performance. Auditer vos projets avec Lighthouse, atteindre un score superieur a 90 partout. Corriger les problemes d'accessibilite avec axe DevTools. Etudier WCAG 2.2 niveau AA. Premier examen blanc complet en conditions reelles. Semaine 6 : Revision finale. Refaire 2 examens blancs (objectif 80%+), revoir les domaines faibles, consolider le vocabulaire technique anglais (la cert utilise du jargon). Reposer la veille de l'examen.
Besoin d'un planning sur mesure ? 30 jours · 60 jours · 90 jours
Ressources recommandées
Objectifs officiels, exam blueprint et politique de certification ITS HTML5
Reference incontournable pour HTML, CSS, JavaScript et APIs web, traduite en francais
Cursus gratuit avec labs pratiques couvrant 80% du programme INF-306
Cours en francais pour HTML/CSS/JS et communaute Stack Overflow pour debug
5 erreurs classiques à éviter
- Erreur 1 : Negliger la semantique HTML5 et utiliser des div partout. Le jury teste la connaissance des balises semantiques (article, section, nav). Apprendre quand utiliser chaque balise selon son sens.
- Erreur 2 : Confondre Flexbox et Grid. Les questions distinguent les cas d'usage : Flexbox pour 1 dimension, Grid pour 2 dimensions. Pratiquer les deux avec des labs distincts.
- Erreur 3 : Sous-estimer JavaScript en pensant que la cert est surtout HTML. JS represente 25% de l'examen. Ne pas faire l'impasse sur les Promises et Fetch API.
- Erreur 4 : Ignorer l'accessibilite. Les questions ARIA et WCAG tombent souvent. Apprendre les attributs role, aria-label et la navigation clavier.
- Erreur 5 : Memoriser sans pratiquer. La cert teste l'application concrete. Coder reellement plutot que lire passivement, c'est le seul moyen de retenir la syntaxe.
5 questions types corrigées
Carrière & salaire après INF-306
L'INF-306 ouvre les portes des metiers du web front-end. En France en 2026, un developpeur web junior certifie demarre entre 28 000 et 35 000 EUR brut annuel, evoluant vers 40-48 000 EUR a 3 ans d'experience. Les profils integrateurs web et developpeurs HTML/CSS/JS sont tres recherches dans les agences digitales, ESN et startups. La cert constitue un tremplin vers des roles plus specialises : developpeur React/Vue/Angular (45-60k EUR), developpeur full-stack (50-70k EUR), expert UX/UI front-end. Certifications complementaires recommandees : ITS JavaScript, CIW Web Developer, Microsoft Power Platform Developer, ou parcours specialises React/Node.js. En freelance, le TJM debute autour de 350 EUR.
FAQ — INF-306
Combien de temps faut-il pour preparer INF-306 ?
Entre 4 et 8 semaines selon votre niveau initial. Un debutant complet vise 60-80h de preparation, un developpeur ayant deja des bases environ 30-40h.
Cette certification est-elle reconnue en France ?
Oui, la certification ITS de Pearson Certiport est reconnue internationalement. Elle figure dans les referentiels d'embauche des ESN et est valorisee sur LinkedIn et les CV.
Quel est le taux de reussite a INF-306 ?
Le taux de reussite est d'environ 70-75% selon les centres Pearson VUE, plus eleve chez les candidats ayant suivi un cursus structure et pratique avec labs.
Quel est le salaire apres INF-306 ?
En France 2026, un junior certifie demarre a 28-35k EUR brut. Apres 2-3 ans, la remuneration atteint 40-48k EUR. En freelance, le TJM commence vers 300-400 EUR.
Faut-il une experience prealable ?
Non, aucune experience professionnelle requise. La cert est concue pour les debutants. Des notions de base en HTML/CSS aident toutefois grandement a la preparation.
INF-306 ou cert concurrente : laquelle choisir ?
INF-306 est plus accessible et editeur-neutre que les certs Microsoft (MTA HTML5) retirees. C'est aujourd'hui la reference foundation pour HTML5/CSS3/JS en 2026.
Combien coute l'examen INF-306 ?
Environ 130 EUR pour l'examen seul. Avec un voucher universitaire ou via un centre partenaire, le tarif peut descendre a 90-100 EUR.
Combien de fois peut-on repasser INF-306 ?
Aucune limite globale, mais Pearson impose 24h d'attente apres le premier echec, puis 14 jours entre tentatives suivantes. Chaque passage est facture au tarif plein.
Prêt à passer à la pratique ?
Lancez votre examen blanc gratuit ou faites le test d'orientation pour valider votre choix.
Démarrer l'examen blanc INF-306 → Test d'orientation