03 20 61 95 00

Formation Développement d’applications Web Front End – Eligible CPF


  • FE1
  • Durée : 5 jours
  • Tarif : 2490 € HT

Objectifs

Identifier et décrire les éléments d’une architecture Web (client, serveur, protocole HTTP) ;
Structurer une page Web ;
Utiliser les principales balises HTML pour construire une page Web ;
Créer un formulaire HTML ;
Intégrer des éléments multimédia ;
Modifier l’apparence des pages avec des feuilles de styles CSS ;
Adapter la présentation des pages aux contraintes matérielles (Responsive Web Design) ;
Intégrer des composants du framework CSS Bootstrap ;
Écrire du code client en JavaScript pour implémenter des interactions utilisateur ;
Appliquer les concepts de la programmation orientée objet avec le langage JavaScript ;
Mettre en œuvre le framework jQuery.

Certification

Possibilité de passer la Certification IT – Développement de sites
web avec le langage de balises HTML et des feuilles de styles CSS

France Compétences : RS2724
Code Certif info : 95439
Code CPF national : 236 252

Suite à la formation, une mise en pratique approfondie de
plusieurs mois est nécessaire pour garantir un bon résultat à l’examen.
La certification France Compétence RS 2724 donne accès aux métiers de :
Concepteur-Développeur, Intégrateur Web, Rédacteur Web, Web Designer

Prérequis

Avoir suivi la Formation introduction à la programmation : Algorithmique ou posséder les connaissances et compétences équivalentes pour pouvoir aborder les modules JavaScript et jQuery.

Public

Concepteurs-Développeurs
Intégrateurs Web

enveloppe Cette formation vous intéresse ? Contactez-nous

A distance / Classe virtuelle

En classe virtuelle, vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel : cours théorique, travaux pratiques, échanges en temps réel avec le formateur et les autres stagiaires…

Eligible CPF

Contactez nous pour connaitre les modalités d’inscription au titre du Compte Personnel de Formation

Formation individualisée

Cette formation est organisée en mode coaching (juste pour vous). Elle sera adaptée (contenu, dates, rythme) pour répondre à vos besoins. Nous pouvons travailler sur vos propres données pour une meilleure expérience et pour des résultats concrets

Notre formateur

La formation est animée par un professionnel de l’informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d’expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.

Présentiel

Formations intra ou interentreprises, cours officiels ou création de contenu spécifique, nos formations sauront répondre à vos attentes.
illustration-formation
Les + d'une formation Access it
Des formations d'excellence, éligibles CPF, disponibles en distanciel, et animées par des consultants experts passionnés par leur métier.
En savoir plus
modules

Les Modules
de formation

Module 1
Les feuilles de style CSS

Définition
Les règles de base
Les sélecteurs
Les modes de sélection
Cascade et héritage des propriétés
Le positionnement des éléments
La typographie et le texte
Les Web fonts
Les listes
Les arrière-plans
Les liens hypertextes et les pseudo-éléments
Les propriétés des boîtes
Les tableaux
Les bordures
La mise en page
La version CSS3
Les bords arrondis (CSS3)
Les ombres (CSS3)
La gestion du texte (CSS3)
Les arrière-plans multiples (CSS3)
Les dégradés de couleurs (CSS3)
Les transformations (CSS3)
Les transitions (CSS3)
Les animations (CSS3)
Les transformations 3D (CSS3)
Démonstrations :
Intégrer des Web fonts avec Font Squirrel
Intégrer des Web fonts avec Google Font Web
Travaux pratiques :
Biographie avec les balises CSS
Mettre en forme un formulaire HTML
Quiz – QCM de validation des acquis

Module 2
Les balises HTML

Maquetter une page
L’historique d’HTML
Les balises, attributs et règles d’HTML
Les premières balises
Les éléments HTML4 obsolètes
Doctype : simplification HTML5
La balise html
La balise head
La balise title
La balise meta
L’encodage des caractères
La balise body
Placer du texte sur une page HTML
Les commentaires
Les liens
La validation du code HTML
La mise en page à l’aide d’éléments conteneurs
Les images
Les couleurs
Les nouveautés HTML5
La balise header
La balise nav
La balise section
La balise aside
La balise article
La balise footer
Les avantages des nouvelles balises
Les nouvelles balises sémantiques
Les nouveaux attributs
Tester la compatibilité des balises suivant le navigateur
Bien coder
Démonstrations :
Maquetter une page
Les principales balises HTML
Travaux pratiques :
Zoning
Biographie
Quiz – QCM de validation des acquis

Module 3
Les formulaires HTML

Introduction
Zones de saisie basiques
Méthode GET ou POST
Améliorer la saisie
Principales balises du formulaire
Valider un formulaire
Attributs de la liste déroulante
Attributs globaux HTML
Evénements de la fenêtre
Evénements du formulaire
Evénements du clavier
Evénement de la souris
Evénements liés au presse-papiers
Evénements des médias
Evénements divers
Démonstration : Formulaire HTML
Travaux pratiques : Créer un formulaire HTML
Quiz – QCM de validation des acquis

Module 4
Un framework CSS : Bootstrap

Utilité et définition d’un framework
Présentation de Bootstrap
Fonctionnement de Bootstrap
Points forts de Bootstrap
Le fichier normalize.css
Evolutions de Bootstrap
Le conteneur
Dossiers d’installation de Bootstrap
Installation de Bootstrap
Minification des fichiers
Utilisation de Bootstrap
Eléments Bootstrap
Compatibilité avec les navigateurs
Scripts JavaScript à ajouter
Le code Bootstrap en résumé
Présentation du système de grille
Optimisation du système de grille
Penser Mobile First
Thèmes et documentations Bootstrap
Présentation des éléments
Eléments de la catégorie CSS
Eléments de la catégorie Composant
Eléments de la catégorie JavaScript
Amélioration des interfaces
Les fenêtres modales
Personnalisation de Bootstrap
Jumbotron
Démonstrations :
Installation de Bootstrap
Système de grille
Offset Bootstrap
Personnaliser Bootstrap avec les CSS
Travaux pratiques : Application My Music
Quiz – QCM de validation des acquis

Module 5
Le Web et le client léger

C’est quoi le Web ?
Comprendre les expressions du Web
Le W3C
Historique et usage d’Internet en France
Différence entre page Web statique et dynamique
Rôle du client et du serveur
Définition des principaux éléments d’un site Web
Quelques chiffres Internet
Premier site Web
Dates clés du Web
Protocole HTTP
Clients légers : navigateurs et moteurs de rendu
Quelques chiffres sur les navigateurs
Avantages et inconvénients du client léger
Choix des navigateurs
Démonstrations :
Installation des outils pour les navigateurs
Installation d’un outil de développement
Quiz – QCM de validation des acquis

Module 6
Le langage JavaScript

Historique
Les bases du langage JavaScript
Les tableaux
La commande console
Les opérateurs
Les différents tests d’égalité
Les fonctions
Les événements
La programmation orientée objet
La création d’une classe
La mise en œuvre de l’héritage
Démonstrations :
La console JavaScript
Modification du DOM
Travaux pratiques :
Le jeu du pendu
Fonctionnalités JavaScript sur l’application My Music
Quiz – QCM de validation des acquis

Module 7
Le framework jQuery

Présentation de jQuery
Ecosystème jQuery
Fonction jQuery
Installation de jQuery
La méthode ready
Les différents modes de sélection
Modifier le DOM
Evénements
Démonstration : Utilisation de jQuery
Travaux pratiques : Fonctionnalités jQuery sur l’application My Music
Quiz – QCM de validation des acquis

Module 8
Conseils pour bien coder

Respecter le Doctype HTML 5
Fermer les balises
Indiquer l’URL canonique
Définir le cache
Définir les emplacements pour le JavaScript
Respecter la sémantique
Respecter la hiérarchie des titres
Influencer le référencement
Bien choisir le texte d’un lien
Utiliser l’attribut nofollow
Mettre un attribut alt à chaque balise d’image
Préciser la taille des images
Utiliser la balise time
Limiter le nombre de balises div
Préférer les feuilles de style CSS aux attributs style
Utiliser l’attribut id
Limiter et combiner les fichiers du même type
Limiter le nombre de connexions à d’autres domaines
Assurer la compatibilité avec Internet Explorer
Tester le rendu final

Module 9
Les balises multimédia

La balise audio
Le format mp3
Le format Ogg Vorbis
Le format Wav
Le format AAC
La compatibilité des formats audio
La balise video
Le format H.264 MPEG-4
Le format OGG
Le format H.265 MPEG-4
Le format WebM
La compatibilité des formats vidéo
Démonstrations :
La balise audio
La balise video
Quiz – QCM de validation des acquis

Module 10
Le Responsive Web Design (Media Queries)

Problématique et principes du Web adaptatif
Mise en page adaptative
Principes du Responsive Web Design
Media Queries
Démonstrations :
Affichage et résolution d’écran
Les outils du navigateur pour les développeurs
Quiz – QCM de validation des acquis

Cette formation vous intéresse ? Contactez-nous !

Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : dpo@access-it.fr ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Acscq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://www.access-it.fr/politique-de-confidentialite/