Formation - Création de pages Web HTML 5, CSS 3, Bootstrap Responsive

Formation Html5 Css3 Bootstrap4 Featured
05
Avr
Gratuit

Dans cette formation – Création de pages Web HTML 5, CSS 3, Bootstrap Responsive, 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.

  • 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 les compétences de développement web en maîtrisant HTML5 et CSS3.
  • Des exercices pratiques pour mettre en pratique les connaissances acquises.
  • Accès à vie aux ressources de la formation pour réviser ou se rappeler des concepts vus.
  • Cette formation est certifiante WTC-DEVFRONT et fait partie du cursus Développeur Full-Stack.

A qui s'adresse cette formation ?

Pour qui

  • Tous

Prérequis

  • Notions de base en création de sites Web, HTML et CSS

Le programme

Avant la session

  • Consolider les pré-requis

En présentiel / A distance

  • C’est quoi l’html5?
  • Environnement de travail
  • Quiz 1 – HTML5, Définition et Environnement de travail
  • Section 2 – La syntaxe HTML5
  • La structure d’une page HTML
  • Les commentaires, paragraphes et Titres
  • Les espaces et les retours à la ligne
  • Les images et les listes
  • Les liens en HTML5
  • Les éléments sémantiques de l’HTML5
  • Les tableaux en HTML5
  • MEP et Fil Rouge – HTML5
  • Quiz 2 – La syntaxe HTML5
  • Introduction
  • Les zones de saisie basiques
  • Les zones de saisie enrichis
  • MEP et Fil rouge
  • Quiz 3 – Les formulaires en HTML5
  • Présentation et définition
  • Styliser votre code HTML
  • Atelier – Styliser HTML Github Hub
  • Les sélecteurs ID et CLASS et les propriétés CSS
  • Atelier – Les sélecteurs dans Github Hub
  • Comprendre les règles CSS
  • Les pseudo-classes
  • Les propriétés et valeurs
  • Workshop – Les bases de Styles CSS
  • Solution Workshop – Les bases de Styles CSS
  • Quiz 4 – Les bases de Styles CSS
  • Les propriétés de texte (police, taille, alignement)
  • Les couleurs hexadecimale, rgb, rgba et nommées
  • Les propriétés d’arrière plan
  • Les marges intérieurs et extérieur (margin, padding)
  • Les bordures
  • Les dimensions
  • Les listes
  • Atelier : Mettre en forme une page existante
  • Le modèle de boîte
  • Eléments “block” et “inline”
  • La propriété display
  • Atelier – La propriété display
  • Solution – La propriété display
  • Padding, marges et bordures
  • Atelier – Padding, marges et bordures
  • Workshop – Utiliser le modèle de boîte CSS
  • Solution Workshop – Utiliser le modèle de boîte CSS
  • Absolu et relatif
  • Fixé et flottant
  • Tableau comparatif entre entre les différentes positionnements des blocs:
  • Atelier – Positionnement dans une page
  • Solution de l’atelier – Positionnement dans une page
  • Positionnement en CSS
  • Introduction aux transitions
  • Utilisation des animations
  • Durée des animations
  • Les fonctions de transition
  • Les Keyframes
  • Atelier : animer une page web
  • Solution: Atelier – animer une page web
  • Les transformations
  • Les ombres de texte et de bloc
  • La propriété box-sizing
  • NPM comme gestionnaire de dépendances
  • Installation de Bootstrap via Yarn
  • Les systèmes de grille
  • Mise en pratique
  • FlexBox
  • Forms
  • Mise en pratique
  • Tables
  • Mise en pratique
  • Dropdown
  • Mise en pratique
  • Buttons
  • Mise en pratique
  • Card
  • Mise en pratique
  • Navigation bars
  • Mise en pratique
  • Pagination
  • Mise en pratique

Après la session

  • Des vidéos pour revenir sur le contenu de la formation
  • Des démos pour approfondir les sujets de votre choix
  • Des Quizzes pour vous auto-évaluer
  • Des Mises en pratique pour vous accompagner dans la mise en oeuvre de vos acquis

Pédagogie

  • L’apprentissage par projet.
  • Beaucoup de pratique.
  • Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques s’articulant autour d’une application fil rouge, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.
  • Ressources pédagogiques : Le programme est qui représente le fil conducteur de la formation, un ordinateur connecté à Internet par participant, un support de cours en français.
  • Une attestation de fin de formation sera remise au stagiaire à l’issue de la formation.

Les points forts de la formation

  • La formation est animée par des professionnels du domaine, l’apprentissage est basé par la pratique sur des cas réels.
  • Une formation très concrète durant laquelle s’alternent les phases d’apports théoriques, d’échanges, de partage d’expériences et d’ateliers réalisés au travers d’un cas pratique “fil rouge”.
  • Les supports digitaux mise à disposition des participants avant et après la formation assurent une belle expérience d’apprentissage et garantissent une continuité d’accès au contenu de la formation.
  • 92% des participants se sont déclarés satisfaits au cours des 24 derniers mois.
  • Être formé par des experts, car nous pratiquons quotidiennement ce que nous proposons comme formations.
  • La formation est basée sur un parcours d’apprentissage et des cours rédigés par des experts du secteur,

Qualité des formations

Wetic - Groupe Digitar.

Dates et villes

Course Content

Time: 5 days

Curriculum is empty

Au sujet du formateur

Avatar de l’utilisateur Wetic

Free