ENI Service

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Formations
Certifications
Raspberry
Arduino
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
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
Microsoft 365 / Office 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
ISO 27001/27005
SonicWALL
pfSense
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
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
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
UX Design
HTML5, CSS3, JavaScript
PHP
Développement mobile
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
IoT
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
SAP BusinessObjects
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
Search in posts
Search in pages
Formations
Certifications
Raspberry
Arduino
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
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
Microsoft 365 / Office 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
ISO 27001/27005
SonicWALL
pfSense
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
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
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
UX Design
HTML5, CSS3, JavaScript
PHP
Développement mobile
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
IoT
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
SAP BusinessObjects
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

Nos formations ouvertes en Octobre

Suivez votre formation en présentiel chez nous, ou en téléprésentiel depuis chez vous ou votre entreprise.

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

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, dans une salle dédiée à la formation, équipée d’un vidéoprojecteur, d’un tableau blanc et d’une solution de visio-conférence dans le cas des formations suivies en in-classTM (présentiel à distance depuis l’une de nos agences), ou en téléprésentiel (présentiel à distance depuis le domicile ou l’entreprise du stagiaire).

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 d’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.

L’évaluation des acquis se fait tout au long de la formation au travers des différents travaux dirigés et travaux pratiques réalisés par le stagiaire.

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.

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.

-
ENI Service

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.

Nos formations ouvertes en Octobre

Vous pouvez suivre votre formation en présentiel chez nous, ou en téléprésentiel depuis chez vous ou votre entreprise.

Le téléprésentiel, qu’est-ce que c’est ?

ENI Service a mis au point et utilise depuis 10 ans (plus de 8000 participants, dont 540 pendant la crise Covid19) une solution technique et pédagogique qui vous permet de rejoindre un environnement de formation en ligne tout en étant éloignés 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 : cours théorique, travaux pratiques, échanges avec le formateur et les autres stagiaires… Vous voyez les autres stagiaires, le formateur, ce qu’il saisit, ce qu’il écrit, ce qu’il diffuse depuis son ordinateur…

Depuis votre domicile ou votre entreprise, vous rejoignez la formation avec votre propre PC équipé d’une webcam, d’un micro et de haut-parleurs (ou d’un micro-casque) et d’une ligne Internet ADSL haut débit. Un deuxième écran est fortement recommandé pour suivre la formation dans les meilleures conditions.

Pour assurer un démarrage dans les meilleures conditions au premier jour de la formation, notre service logistique se met systématiquement en relation, en amont, avec vous afin de réaliser un test de validation technique et de vous présenter l’environnement de formation.

Découvrez également nos autres modalités de formations à distance
Quels que soient votre contexte, vos enjeux, vos contraintes…
notre ingénierie pédagogique et nos moyens techniques s’adaptent et répondent à votre projet de formation !

Dans tous les cas, n’hésitez pas à nous parler de votre projet et de vos contraintes, en nous contactant directement

inter@eni.fr

Formations Techniques : 02 40 92 45 62

Formations Bureautique et PAO : 02 40 92 45 64

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.