ENI Service

Generic selectors
Exact matches only
Search in title
Search in content
Formations
Certifications
Green IT
Formations
Systèmes
Fondamentaux
Windows Server 2016/2019
Windows Server 2012 R2
Windows 10
Scripting PowerShell
Red Hat Enterprise Linux
Linux
Gestion et supervision des systèmes
System Center et MDT
Nagios
GLPI
Virtualisation
Microsoft Hyper-V, SCVMM
VMware vSphere
Citrix VirtualDesktop, VirtualApps
Veeam
Hyperconvergence
Azure Stack
VMware vSAN
Nutanix
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
VMware NSX-T
Microsoft 365 / Office 365
Dynamics 365
Red Hat OpenStack
Red Hat OpenShift
Red Hat Ansible Automation
DevOps
Fondamentaux
Outils d'automatisation et de déploiement
Outils d'intégration continue
Réseau
Fondamentaux
Cisco
Cybersécurité
Fondamentaux
pfSense
SonicWALL
F5
ISO 27001/27005
Blockchain
Messagerie
Exchange
CMS, GED, portail, e-commerce
SharePoint
WordPress
Joomla!
Drupal
Alfresco
Prestashop
Magento
Serveurs Web et d'applications
IIS
Apache
Tomcat
JBoss EAP/Wildfly
Bases de données
Fondamentaux
SQL Server
Oracle
MySQL/MariaDB
PostgreSQL
MongoDB
Décisionnel
Dynamics 365
Fondamentaux
SQL Server BI
Power BI
Talend
QlikSence, QlikView
SAP BusinessObjects
Big Data
Fondamentaux
Apache Hadoop
MongoDB
Microsoft Azure Data
Spark
Elastic Suite
Langage R
Intelligence artificielle
Fondamentaux
Machine Learning, Deep Learning
Microsoft Azure IA et Machine Learning
Ingénierie logicielle
Conception, modélisation
Intégration continue, tests
Développement Web et mobile
HTML5, CSS3, JavaScript
PHP
Symfony
Django
Développement mobile
UX Design
Design Circulaire
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
IoT
Raspberry
Arduino
Gestion de projets
Fondamentaux
Méthodes Agiles
Prince2
Project
GanttProject
Organisation du SI
Fondamentaux
RGPD
Sécurité
DevOps
ITIL
Travail collaboratif
Office 365 / Microsoft 365
Google Suite
SharePoint
Bureautique
Excel
Word
Outlook
PowerPoint
OneNote
Access
Publisher
VBA Excel/Access
Suite Office
LibreOffice
Power BI Desktop
Project
Acrobat
Mind Mapping
Windows
Internet
Infographie, PAO
Fondamentaux
Photoshop
GIMP
InDesign
Illustrator
Captivate
Premiere Pro
AfterEffects
DAO, CAO
SketchUp
AutoCAD
Digital, Web et Webmarketing
Conception de sites
UX Design
Stratégie digitale
Référencement
Generic selectors
Exact matches only
Search in title
Search in content
Formations
Certifications
Green IT
Formations
Systèmes
Fondamentaux
Windows Server 2016/2019
Windows Server 2012 R2
Windows 10
Scripting PowerShell
Red Hat Enterprise Linux
Linux
Gestion et supervision des systèmes
System Center et MDT
Nagios
GLPI
Virtualisation
Microsoft Hyper-V, SCVMM
VMware vSphere
Citrix VirtualDesktop, VirtualApps
Veeam
Hyperconvergence
Azure Stack
VMware vSAN
Nutanix
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
VMware NSX-T
Microsoft 365 / Office 365
Dynamics 365
Red Hat OpenStack
Red Hat OpenShift
Red Hat Ansible Automation
DevOps
Fondamentaux
Outils d'automatisation et de déploiement
Outils d'intégration continue
Réseau
Fondamentaux
Cisco
Cybersécurité
Fondamentaux
pfSense
SonicWALL
F5
ISO 27001/27005
Blockchain
Messagerie
Exchange
CMS, GED, portail, e-commerce
SharePoint
WordPress
Joomla!
Drupal
Alfresco
Prestashop
Magento
Serveurs Web et d'applications
IIS
Apache
Tomcat
JBoss EAP/Wildfly
Bases de données
Fondamentaux
SQL Server
Oracle
MySQL/MariaDB
PostgreSQL
MongoDB
Décisionnel
Dynamics 365
Fondamentaux
SQL Server BI
Power BI
Talend
QlikSence, QlikView
SAP BusinessObjects
Big Data
Fondamentaux
Apache Hadoop
MongoDB
Microsoft Azure Data
Spark
Elastic Suite
Langage R
Intelligence artificielle
Fondamentaux
Machine Learning, Deep Learning
Microsoft Azure IA et Machine Learning
Ingénierie logicielle
Conception, modélisation
Intégration continue, tests
Développement Web et mobile
HTML5, CSS3, JavaScript
PHP
Symfony
Django
Développement mobile
UX Design
Design Circulaire
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
IoT
Raspberry
Arduino
Gestion de projets
Fondamentaux
Méthodes Agiles
Prince2
Project
GanttProject
Organisation du SI
Fondamentaux
RGPD
Sécurité
DevOps
ITIL
Travail collaboratif
Office 365 / Microsoft 365
Google Suite
SharePoint
Bureautique
Excel
Word
Outlook
PowerPoint
OneNote
Access
Publisher
VBA Excel/Access
Suite Office
LibreOffice
Power BI Desktop
Project
Acrobat
Mind Mapping
Windows
Internet
Infographie, PAO
Fondamentaux
Photoshop
GIMP
InDesign
Illustrator
Captivate
Premiere Pro
AfterEffects
DAO, CAO
SketchUp
AutoCAD
Digital, Web et Webmarketing
Conception de sites
UX Design
Stratégie digitale
Référencement

Bootstrap 3 : Créez facilement le design de vos sites Web

Réf. T448-035

Q1_TECHNIQUE_DEV
Q1_WEB

3 jour(s) - 21 h

Formation
intra-entreprise
sur devis

Télécharger Programme

Dernière mise à jour : 7 octobre 2020

L'étude de Bootstrap 3 permettra aux stagiaires de :

  • Maitriser la présentation Responsive des applications Web ;
  • Disposer d'une bibliothèque complète de fonctionnalités permettant de résoudre le casse-tête du développement Web ;
  • Faire un rappel concret des nouveautés HTML5 et CSS3.

Objectifs


  • Intégrer la librairie Bootstrap dans votre projet
  • Structurer la page HTML et positionner le contenu avec une grille
  • Utiliser les styles prédéfinis
  • Mettre en oeuvre les composants simple
  • Personnaliser le thème
  • Intégrer des composants dynamiques avec la librairie complémentaire jQuery

Pré-requis


Public


  • Intégrateur Web
  • Web Designer
  • Concepteur-Développeur

Programme de la formation


Introduction générale

Présentation de HTML5 et CSS3

  • Structure d'une page HTML 5 et CSS 3
  • Balises importantes
  • Présentation des attributs HTML5

Introduction à jQuery

  • Présentation du framework jQuery
  • Gestion des événements
  • Manipuler le DOM
  • Manipuler le CSS
  • Manipuler les attributs HTML5

Introduction à Bootstrap 3

  • Présentation du framework Bootstrap 3
  • Télécharger et installer Bootstrap 3
  • Créer une première page HTML utilisant Bootstrap 3

Créer une interface Web Responsive

  • Présentation du concept de grilles de Bootstrap 3
    • 4 grilles pour 4 types de supports
    • Créer une page multi-grilles
  • Manipuler les grilles
    • Afficher et cacher des zones en fonction du support
    • Changer l'ordre des zones
    • Décaler les éléments d'une grille

La typographie

  • Disposition du texte
  • Mise en forme contextuelle
    • Texte simple
    • Bandeaux d'alerte contextuels
    • Les badges
    • Les labels
  • La bibliothèque Glyphicons

Les listes

  • Introduction
  • Les listes simples
  • Les listes en ligne
  • Les listes de définition
  • Les listes de définition horizontales
  • Les list-group
  • Media Objects

Les boutons

  • Les boutons contextuels
  • One class, multiple tag
  • Taille des boutons
  • Les boutons groupés
  • Boutons avec menu déroulant
  • Manipuler les boutons avec l'API Bootstrap 3
    • Via les attributs HTML5
    • Via la fonction .button()

Les formulaires

  • Principes de base
  • Formulaires horizontaux
  • Formulaires verticaux
  • Largeur des éléments du formulaire
  • Hauteur des éléments du formulaire
  • Les éléments groupés
  • Les messages d'aide
  • Messages d'aide contextuels

La navigation

  • Objectif
  • La barre de navigation principale
    • Première barre de navigation
    • Fixer la barre en haut ou en bas
    • Aligner le contenu
    • Insertion d'un bouton
    • Insertion d'un formulaire
    • Insertion d'un menu déroulant
    • Rendre la barre responsive
  • Les sous-menus
    • Sous-menus avec onglets
    • Sous-menus sans onglet
    • Sous-menus verticaux

Les images

  • Mise en forme
  • Manipuler la taille des images
  • Créer une étiquette
  • Le carrousel de Bootstrap 3
  • Manipuler le carrousel avec l'API Bootstrap 3
    • Via les attributs HTML5
    • Via la fonction .carousel()

Les infobulles

  • Objectif
  • Les tooltips
    • Présentation
    • Manipuler les tooltips avec l'API Bootstrap 3
  • Les popovers
    • Présentation
    • Manipuler les popovers avec l'API Bootstrap 3
  • Les fenêtres modales
    • Présentation
    • Manipuler les fenêtres modales avec l'API Bootstrap 3

Les tableaux et panneaux

  • Les tableaux
    • Présentation des différents types de tableaux
    • Lignes et cellules contextuelles
    • Tableaux adaptés aux supports mobiles
  • Les panneaux
    • Panneau simple
    • Panneau et tableau

Travaux pratique final

  • Nous terminons cette formation par un cas pratique d'une durée d'environ 2 heures. Il est demandé aux stagiaires de créer un mini site Web reprenant l'ensemble des éléments étudiés en cours. Le contenu est adapté en fonction des attentes initiales des stagiaires et des questions / intérêts de chacun.

Formation avec un formateur, qui peut être suivie selon l’une des 3 modalités ci-dessous :

1 – Dans la salle de cours en présence du formateur.

2 – Dans l’une de nos salles de cours immersives, avec le formateur présent physiquement à distance. Les salles immersives sont équipées d’un système de visio-conférence HD et complétées par des outils pédagogiques qui garantissent le même niveau de qualité.

3 – Depuis votre domicile ou votre entreprise. Vous rejoignez un environnement de formation en ligne, à l’aide de votre ordinateur, tout en étant éloigné physiquement du formateur et des autres participants. Vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel. Pour plus d’informations : Le téléprésentiel – notre solution de formation à distance.

Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.

Chaque stagiaire dispose d’un poste de travail adapté aux besoins de la formation, d’un support de cours et/ou un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s’il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).

Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d’exercices et de cas concrets réalisés seul ou en groupe.

En début et en fin de formation, les stagiaires réalisent une auto-évaluation de leurs connaissances et compétences en lien avec les objectifs de la formation. L’écart entre les deux évaluations permet ainsi de mesurer leurs acquis.

En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification. Les candidats à la certification doivent produire un travail personnel important en vue de se présenter au passage de l’examen, le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un bon résultat et/ou l’obtention de la certification.

Pour certaines formations certifiantes (ex : ITIL, Prince2, DPO, …), le passage de l’examen de certification est inclus et réalisé en fin de formation. Les candidats sont alors préparés par le formateur au passage de l’examen tout au long de la formation.

Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur ;

Evaluation qualitative de fin de formation, qui est ensuite analysée par l’équipe pédagogique ENI ;

Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

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.

-

C'est le moment
de vous former

    Vous souhaitez obtenir plus d’informations sur cette formation ?

    Pour nous consulter et en savoir plus, vous pouvez compléter le formulaire ci-dessous.

    Les champs avec un astérisque (*) sont obligatoires.

      Vous souhaitez vous pré-inscrire à cette formation ?

      Vous pouvez compléter le formulaire ci-dessous. Dès sa réception nous réserverons votre place.

      Participants :

      NomPrénomE-mail





      Les champs avec un astérisque (*) sont obligatoires.

        Vous souhaitez vous pré-inscrire à cette formation ?

        Vous pouvez compléter le formulaire ci-dessous. Dès sa réception nous réserverons votre place.

        NomPrénomE-mail





        Les champs avec un astérisque (*) sont obligatoires.

          Vous souhaitez obtenir un devis pour cette formation ?

          Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous

          Les champs avec un astérisque (*) sont obligatoires.

            Vous souhaitez obtenir un devis pour cette formation ?

            Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous.

            Les champs avec un astérisque (*) sont obligatoires.

              Vous souhaitez obtenir un devis pour cette formation ?

              Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous.

              Les champs avec un astérisque (*) sont obligatoires.