Que vont apprendre les participants
- Apprendre les dernières technologies web : HTML5 et CSS3 pour être compétitif sur le marché du développement web.
- Utiliser Bootstrap pour créer des sites web réactifs adaptés aux différents appareils.
- Améliorer vos compétences de développement web en maîtrisant les technologies clés HTML5 et CSS3.
- Des exercices pratiques pour mettre en pratique les connaissances acquises et vous familiariser avec les outils.
- Un accès en ligne aux ressources de la formation pour réviser ou vous rappeler des concepts.
- Conçue pour vous, elle vous permettra de rester à jour avec les dernières tendances en développement web.
- Vous apprendrez à créer des designs modernes et ergonomiques grâce à Bootstrap.
- Vous serez capable de créer des sites web adaptatifs pour une expérience utilisateur optimale.
- Vous serez en mesure de mettre en place des sites web professionnels avec des performances optimales.
Liste des principaux composants
Dans cette formation, vous allez apprendre les bases du langage de la programmation Java, le langage le plus demandé et le mieux payé au monde et le langage de référence en matière de programmation
- Nous allons commencer par les principes de base au travers des cas pratiques. Ensuite, nous nous intéresserons à la programmation orientée objet.
- Introduction à HTML5 et définition
- Environnement de travail pour développer en HTML5
- La syntaxe HTML5, notamment la structure d'une page, les commentaires, les paragraphes, les titres, les images, les listes et les liens
- Les éléments sémantiques de l'HTML5, notamment les divisions, les en-têtes et les pieds de page, les groupes de rubriques et la navigation
- Les tableaux en HTML5
- Les formulaires en HTML5, notamment les zones de saisie basiques et enrichies
- Les bases de styles CSS, notamment les sélecteurs ID et CLASS, les propriétés CSS et les règles CSS
- Les propriétés CSS, notamment les propriétés de texte, les couleurs, les propriétés d'arrière-plan, les marges intérieures et extérieures, les bordures et les dimensions
- Le modèle de boîte CSS, notamment les éléments "block" et "inline", la propriété display, les padding, les marges et les bordures
- Le positionnement des blocs, notamment les positionnements absolu, relatif, fixé et flottant
- Les animations CSS, notamment les transitions, les animations, les durées d'animation, les fonctions de transition et les keyframes
- Les propriétés CSS3, notamment les transformations, les ombres de texte et de bloc, et la propriété box-sizing.
- Utilisation de NPM comme gestionnaire de dépendances pour Bootstrap
- Utilisation des systèmes de grille et de FlexBox dans Bootstrap
- Utilisation des formulaires et des tableaux dans Bootstrap
- Utilisation des éléments de navigation, de pagination, de boutons et de cards dans Bootstrap
- Mise en pratique de tous les éléments mentionnés ci-dessus.
Je vais vous guider pas à pas en se focalisant sur un et un seul concept à la fois dans une approche pédagogique efficace vous permettant une montée en compétence.
Description idéale du participant
- Tous
Prérequis
- Aucun
Contenu du cours
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
- 15 - Présentation et définition
- 16 - Styliser votre code HTML
- 17 - Atelier - Styliser HTML Github Hub
- 18 - Les sélecteurs ID et CLASS et les propriétés CSS
- 19 - atelier - Les sélecteurs dans Github Hub
- 20 - Comprendre les règles CSS
- 21 - Les pseudo-classes
- 22 - Les propriétés et valeurs
- 23 - Workshop - Les bases de Styles CSS
- 24 - Solution Workshop - Les bases de Styles CSS
Disponible en
journées
journées
après votre inscription
- 25 - Les propriétés de texte (police, taille, alignement)
- 26 - Les couleurs hexadecimale, rgb, rgba et nommées
- 27 - Les propriétés d'arrière plan
- 28 - Les marges intérieurs et extérieur (margin, padding)
- 29 - Les bordures
- 30 - Les dimensions
- 31 - Les listes
- 32 - Atelier Mettre en forme une page existante
Disponible en
journées
journées
après votre inscription
- 33 - Le modèle de boîte
- 34 - Eléments block et inline
- 35 - La propriété display
- 36 - Atelier - La propriété display
- 37 - Solution - La propriété display
- 38 - Padding, marges et bordures
- 39 - Atelier - Padding, marges et bordures
- 40 - Workshop - Utiliser le modèle de boîte CSS
- 41 - Solution - Utiliser le modèle de boîte CSS
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription
Disponible en
journées
journées
après votre inscription