Le développement web client avec HTML5 et CSS3
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 990,00 € |
| Durée | 27 heures |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 990,00 € |
| Durée | 27 heures |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Programme
Présentation du cours
Introduction
- Objectifs du module
- Préambule
- Internet
- Web
- Démonstration - Premier site web
- Évolution du Web
- Définitions
- Outils
- Démonstration - Installation de Visual Studio Code
- Conclusion
HTML, sémantique et structure
- Objectifs du module
- Introduction
- Démonstration - Utilisation de CanIUse
- Démonstration - Exploration d'un site avec les outils des navigateurs
- Généralités du langage HTML5
- Doctype
- Balise
- Balise
- Démonstration - Structure de base
- Balise
- Démonstration - Eléments structurants du body
- Texte - Partie 1
- Démonstration - Titres
- Texte - Partie 2
- Démonstration - Paragraphes
- Texte - Partie 3
- Démonstration - Mise en valeur du texte
- Tableau
- Démonstration - Tableaux
- Maquettage
- TP à réaliser
- Correction du TP
- Conclusion
Le contenu multimédia
- Objectifs du module
- La balise
- Les polices d'icônes
- Les contenus audio et vidéo
- TP à réaliser
- Correction du TP
- Conclusion
Les bases du CSS
- Objectifs du module
- Introduction
- Mise en place externe du CSS
- Démonstration - Mise en place externe
- Mise en place interne du CSS
- Démonstration - Mise en place interne
- Mise en place inline
- Démonstration - Mise en place inline
- Recommandations
- Syntaxe CSS
- Sélecteurs
- Démonstration - Sélecteurs
- Convention de nommage
- TP à réaliser
- Propriétés CSS
- TP à réaliser
- Cascade et spécificité
- Démonstration - Spécificité
- TP à réaliser
- Héritage
- Démonstration - Héritage
- TP à réaliser
- Correction du TP
- Conclusion
La navigation
- Objectifs du module
- Liens
- Démonstration - Les liens
- Fil d'Ariane
- Listes
- Démonstration - Listes
- TP à réaliser
- Correction du TP
- Conclusion
Les unités de mesure
- Objectifs du module
- Types d'unités
- Unités absolues
- Unités relatives
- Fonctions
- Bon usage des unités
- Démonstration - Les unités
- TP à réaliser
- Correction du TP
- Conclusion
Le positionnement des éléments
- Objectifs du module
- Introduction
- Float
- Démonstration - Float
- Display
- Démonstration - Display
- Position
- Démonstration - Position
- Flex
- Démonstration - Flex
- TP à réaliser
- Correction du TP
- Conclusion
La responsivité
- Objectifs du module
- Introduction
- Tailles d'écran
- Comment procéder ?
- Média Queries
- Démonstration - Media Queries
- TP à réaliser
- Correction du TP1
- Correction du TP2
- Conclusion
Les formulaires
- Objectifs du module
- Introduction
- Champ texte
- Champ nombre
- Champ date et heure
- Champ choix
- Boutons
- Ergonomie
- Démonstration - Formulaires
- Sécurité
- TP à réaliser
- Correction du TP
- Conclusion
Framework CSS
- Objectifs du module
- Introduction
- Minification
- TP à réaliser
- Bootstrap
- Démonstration - Bootstrap (partie 1)
- Démonstration - Bootstrap (partie 2)
- Démonstration - Bootstrap (partie 3)
- TP à réaliser
- Correction du TP
- Conclusion
Préprocesseurs SASS
- Objectifs du module
- Introduction
- Installation
- Utilisation
- Variables
- Démonstration - Variables
- Modules et Partials
- Démonstration - Partials
- Mixins
- Démonstration - Mixins
- Héritage
- Démonstration - Héritage
- Opérateurs
- Conditions
- Boucles
- Démonstration - Opérateurs, boucles et conditions
- Fonctions
- Démonstration - Fonctions
- TP à réaliser
- Correction du TP - Partie 1
- Correction du TP - Partie 2
- Correction du TP - Partie 3
- Conclusion
Prérequis
Pas de prérequis.
Public
Informaticiens
Ces formations pourraient vous intéresser
Objectifs de la formation
Toute personne souhaitant maîtriser les fonctionnalités de Photoshop afin de créer ou modifier des images en vue de leur utilisation dans un site Internet/Intranet.
À l'issue de la formation, le stagiaire sera capable de :
- Travailler ses images et les mettre en ligne sur le Web
| Tarif |
Contacter l'organisme |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
Savoir utiliser les services web avec PHP - Connaitre les principales normes et architectures de services web| Tarif |
A partir de 1 495,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Développer une application web robuste avec le framework Django| Tarif |
A partir de 2 995,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Concevoir des Progressive Web Apps
- Connaître le Web App Manifest
- Utiliser le Service Worker
- Gérer le cache
- Maîtriser le Responsive Design
- Manier les notifications et le push de données
- Connaître les outils et les APIs
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
Objectifs de la formation
- Décrire l'ergonomie logicielle et les différences entre UX/UI Design
- Identifier les éléments clés de l'ergonomie mobile et les différents niveaux de mobilité
- Analyser l'utilité et l'utilisabilité d'une application web existante
- Concevoir une IHM mobile en prenant en compte les aspects multiplateformes
- Réaliser des maquettes papier et numériques en utilisant des outils appropriés
- Appliquer les principes de navigation, les patrons de conception et les guidelines Android
- Appliquer les principes de navigation, les patrons de conception et les guidelines Android
- Concevoir un livrable de maquette en utilisant une approche mobile first
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Réaliser des applications Web 3D avec l'API WebGL
- Mettre en oeuvre les algorithmes adaptés aux navigateurs et à l'environnement.
| Tarif |
A partir de 1 860,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Installer et configurer des serveurs Web et des serveurs d'applications sous Windows Server
- Assurer la disponibilité et la sécurité des applications Web
- Réduire les risques grâce à la modularité
- Durcir un environnement IIS.
| Tarif |
A partir de 2 010,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre les principes de développement et l'architecture Blazor
- Développer des interfaces utilisateurs en utilisant les différents composants disponibles
- Créer des pages, travailler le routage côté client et gérer les mises en page
- Accéder aux données et les gérer dans une application
- S'approprier les outils et meilleures pratiques pour développer avec Blazor
| Tarif |
A partir de 1 800,00 € |
| Durée |
3 jours |
| Modes |
|
QualiPV - Responsable technique photovoltaïque : acquérir la compétence électrique - Qualit’EnR
Proposé par APAVE EXPLOITATION FRANCE
Objectifs de la formation
Les objectifs de la formation QualiPV - Responsable technique photovoltaïque : acquérir la compétence électrique - Qualit’EnR :
- Conseiller son client sur les plans techniques, financiers et divers - Concevoir et dimensionner une installation au plus juste des besoins et en fonction de l’existant - Organiser les points clés de la mise en œuvre et de la mise en service - Planifier la maintenance de l’exploitation
| Tarif |
A partir de 1 590,00 € |
| Durée |
3j / 21h |
| Modes |
|
