BootStrap - Développement de pages Web Responsive

Module 1 : Présentation des applications Web

•    Fonctionnements historique et actuel des applications Web

•    Hétérogénéité des clients d'aujourd'hui

•    Outils de débogage des navigateurs 

Module 2 : Présentation du Responsive Web Design

•    Adaptive Web Design

•    Responsive Web Design

•    Techniques de mise en œuvre de designs adaptatif et réactif

•    Utilisation des outils de débogage de Chrome utiles au RWD

•    Frameworks simplifiant la mise en œuvre du RWD

•    Ressources utiles

Module 3 : Présentation détaillée de Bootstrap

•    Bootstrap, présentation

•    Inclusion de Bootstrap dans un document Web

•    Principes d'application des règles fournies par Bootstrap 

•    Outils de typographie et d'amélioration des contenus

Module 4 : Le système de grilles de Bootstrap

•    Présentation du concept de grille

•    Mise en œuvre basique d'une grille

•    Grille adaptative

•    Options avancées des grilles

Module 5 : Utilitaires Bootstrap

•    Principe des utilitaires

•    Utilitaires réactifs

•    Mise en œuvre des principaux utilitaires

Module 6 : Composants Bootstrap

•    Navigation, menus déroulants, fils d'Ariane, Scrollspy

•    Formulaires

•    Pagination

•    Alertes, Collapse, Badges, Tooltips, Popovers

•    Cartes, Media, Jumbotron, List groups

•    Barres de progression, Modal

•    Carrousels d'images

• Connaître les spécificités de Bootstrap
• Rendre des pages responsives avec Bootstrap
• Comprendre comment manipuler les objets de base et les composants

• Développeurs web

• Avoir de bonnes connaissances en HTML et CSS
• Avoir une expérience dans le développement de sites

Session dispensée en présentiel ou téléprésentiel, selon la modalité inter-entreprises ou intra-entreprises sur mesure. 

La formation est animée par un(e) formateur(trice) durant toute la durée de la session et présentant une suite de modules théoriques clôturés par des ateliers pratiques validant l'acquisition des connaissances. Les ateliers peuvent être accompagnés de Quizz.

L'animateur(trice) présente la partie théorique à l'aide de support de présentation, d'animation réalisée sur un environnement de démonstration.

En présentiel comme en téléprésentiel, l'animateur(trice) accompagne les participants durant la réalisation des ateliers.

Cadre présentiel

Salles de formation équipées et accessibles aux personnes à mobilité réduite.

- Un poste de travail par participant

- Un support de cours numérique ou papier (au choix)

- Un bloc-notes + stylo

- Vidéoprojection sur tableau blanc

- Connexion Internet

- Accès extranet pour partage de documents et émargement électronique

Cadre téléprésentiel

Session dispensée via notre solution iClassroom s'appuyant sur Microsoft Teams.

- Un compte Office 365 par participant

- Un poste virtuel par participant

- Un support numérique (PDF ou Web)

- Accès extranet pour partage de documents et émargement électronique

Avant

Afin de valider le choix d'un programme de formation, une évaluation des prérequis est réalisée à l'aide d'un questionnaire en ligne ou lors d'un échange avec le formateur(trice) qui validera la base de connaissances nécessaires.

Pendant

Après chaque module théorique, un ou des ateliers pratiques permettent la validation de l'acquisition des connaissances. Un Quizz peut accompagner l'atelier pratique.

Après

Un examen de certification si le programme de formation le prévoit dans les conditions de l'éditeur ou du centre de test (TOSA, Pearson Vue, ENI, PeopleCert)

Enfin

Un questionnaire de satisfaction permet au participant d'évaluer la qualité de la prestation.