Scribd Logo
Importer

Bienvenue sur Scribd !

  • 114 vues

    Bootstrap 5, Développer Des Pages Web Responsive: Cours Pratique de 2 Jours Réf: BTP - Prix 2022: 1 510 HT

    Transféré par

    RONICE MAMELEM DJANZE
    Ce document décrit un cours de deux jours sur le framework Bootstrap 5 pour développer des pages web responsive. Le cours enseigne à intégrer Bootstrap 5 dans des projets web, à créer des interfaces utilisant les composants et grilles responsive du framework.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Bootstrap 5, Développer Des Pages Web Responsive: Cours Pratique de 2 Jours Réf: BTP - Prix 2022: 1 510 HT

    Transféré par

    RONICE MAMELEM DJANZE
    114 vues2 pages
    Ce document décrit un cours de deux jours sur le framework Bootstrap 5 pour développer des pages web responsive. Le cours enseigne à intégrer Bootstrap 5 dans des projets web, à créer des interfaces utilisant les composants et grilles responsive du framework.

    Titre original

    BTP

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Ce document décrit un cours de deux jours sur le framework Bootstrap 5 pour développer des pages web responsive. Le cours enseigne à intégrer Bootstrap 5 dans des projets web, à créer des interfaces utilisant les composants et grilles responsive du framework.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    114 vues2 pages

    Bootstrap 5, Développer Des Pages Web Responsive: Cours Pratique de 2 Jours Réf: BTP - Prix 2022: 1 510 HT

    Transféré par

    RONICE MAMELEM DJANZE
    Ce document décrit un cours de deux jours sur le framework Bootstrap 5 pour développer des pages web responsive. Le cours enseigne à intégrer Bootstrap 5 dans des projets web, à créer des interfaces utilisant les composants et grilles responsive du framework.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 2

    Bootstrap 

    5, développer des pages web PARTICIPANTS


    Webmaster, développeur,

    responsive intégrateur.

    PRÉREQUIS
    Connaître HTML et CSS et avoir
    Cours Pratique de 2 jours des notions de JavaScript.

    Réf : BTP - Prix 2022 : 1 510€ HT COMPÉTENCES DU


    Le prix pour les dates de sessions 2023 pourra être révisé FORMATEUR
    Les experts qui animent la
    formation sont des spécialistes des
    matières abordées. Ils ont été
    validés par nos équipes
    Le framework Bootstrap, créé par les développeurs de Twitter, est devenu un framework pédagogiques tant sur le plan des
    connaissances métiers que sur
    CSS et JavaScript de référence dans la conception de sites web. Vous apprenez à celui de la pédagogie, et ce pour
    habiller vos pages et à les enrichir de composants interactifs avec Bootstrap 5 afin de chaque cours qu’ils enseignent. Ils
    ont au minimum cinq à dix années
    rendre vos sites attractifs et adaptatifs. d’expérience dans leur domaine et
    occupent ou ont occupé des postes
    à responsabilité en entreprise.
    OBJECTIFS PÉDAGOGIQUES MÉTHODES PÉDAGOGIQUES MODALITÉS D’ÉVALUATION
    À l’issue de la formation l'apprenant sera en mesure de : Le formateur évalue la progression
    Les cours comprennent pour moitié pédagogique du participant tout au
    Intégrer Bootstrap 5 dans un projet web des exposés, pour l'autre de la long de la formation au moyen de
    QCM, mises en situation, travaux
    pratique.
    Réaliser des pages web reprenant les codes pratiques…
    Le participant complète également
    esthétiques des sites actuels un test de positionnement en amont
    TRAVAUX PRATIQUES et en aval pour valider les
    Maîtriser les composants et les plug-ins du Réalisation d'une interface compétences acquises.
    framework Bootstrap 5 administrateur back office avec MOYENS PÉDAGOGIQUES
    Développer des sites web responsive Bootstrap 5. Création d'un site web ET TECHNIQUES
    responsive depuis un modèle • Les moyens pédagogiques et les
    méthodes d’enseignement utilisés
    Bootstrap 5. sont principalement : aides
    audiovisuelles, documentation et
    support de cours, exercices
    pratiques d’application et corrigés
    des exercices pour les stages
    pratiques, études de cas ou
    présentation de cas réels pour les
    LE PROGRAMME séminaires de formation.
    • À l’issue de chaque stage ou
    dernière mise à jour : 02/2022 séminaire, ORSYS fournit aux
    participants un questionnaire
    d’évaluation du cours qui est
    ensuite analysé par nos équipes
    pédagogiques.
    • Une feuille d’émargement par
    1) Présentation du framework demi-journée de présence est
    - Vue d'ensemble du framework Bootstrap 5 et des autres frameworks. fournie en fin de formation ainsi
    qu’une attestation de fin de
    - L'apport de Bootstrap 5 par rapport à CSS. formation si le stagiaire a bien
    - Les éléments du kit Bootstrap 5 (grilles, normalize.css, icônes, plug-ins...). assisté à la totalité de la session.

    - Comprendre l'arborescence des différents fichiers : feuilles de style, JavaScript... MODALITÉS ET DÉLAIS
    - Lier une page web à la feuille de style de base de Bootstrap 5. D’ACCÈS
    L’inscription doit être finalisée 24
    Travaux pratiques : Installation de Bootstrap 5. Habiller une page HTML avec Bootstrap 5. heures avant le début de la
    formation.

    2) Les feuilles de style de Bootstrap 5 ACCESSIBILITÉ AUX


    - Les CSS pour les éléments textuels et les images. PERSONNES HANDICAPÉES
    Vous avez un besoin spécifique
    - Les CSS pour les éléments de formulaires et les tableaux. d’accessibilité ? Contactez Mme
    FOSSE, référente handicap, à
    - Utilisation des polices icônes pour afficher des icônes sur les pages. l’adresse suivante psh-
    - Les CSS pour la mise en page, les blocs dans une page. [email protected] pour étudier au
    mieux votre demande et sa
    - Surcharger la feuille de style. faisabilité.
    Travaux pratiques : Styler les différents éléments constituant une page web avec les CSS de
    Bootstrap 5. Personnaliser le style de certains éléments de la page.

    3) Les grilles
    - Comprendre le concept de grille.
    - Les grilles adaptatives (le responsive web design, media queries, positionnement...).
    - Organisation de la grille. Manipuler les grilles.
    - Grid Layout dans Bootstrap 5.
    - Flexbox dans Bootstrap 5.

    ORSYS - www.orsys.com - [email protected] - Tél : +33 (0)1 49 07 73 73 Page 1 / 2


    - Disposition des colonnes.
    - L'ordre des blocs.
    Travaux pratiques : Créer une page web responsive basée sur une grille.

    4) Les composants de base JavaScript


    - Utilisation du carrousel.
    - Les menus responsives améliorés.
    - Les composants de navigation et de pagination.
    - Les boutons, les badges, les alertes.
    - Les barres de progression.
    Travaux pratiques : Conception d'une page web pour un site Internet ou intranet intégrant
    plusieurs composants Bootstrap 5.

    5) Les modules à la carte de Bootstrap 5


    - Utiliser un serveur JavaScript (Node, Deno, Parcel).
    - Définir un Bootstrap sur mesure avec uniquement le nécessaire.
    - Inclure des modules bootstrap.js dans le Webpack.
    Travaux pratiques : Créer un projet sur mesure avec uniquement les modules CSS et
    JavaScript dont on a besoin.

    6) Les plug-ins de Bootstrap 5


    - Les fenêtres modales. Les accordéons. Le carrousel de photos.
    - Formulaire validateur.
    - Les champs d'autocomplétion.
    - Navigation verticale.
    - Multi-item carrousel.
    - Editeur WYSIWYG (What You See Is What You Get).
    Travaux pratiques : Intégrer des effets visuels modernes par le biais de plug-ins JavaScript
    associés à la bibliothèque Bootstrap 5.

    7) Analyse des modèles Bootstrap 5


    - Analyser des modèles construits à partir de Bootstrap 5.
    - Créer un site avec un des modèles.
    - Créer une page à partir d'un modèle en surchargeant le fichier CSS.
    - Utiliser des fichiers SAAS avec un préprocesseur et/ou un serveur JavaScript (NodeJS).
    Travaux pratiques : Créer son propre Bootstrap.css.

    LES DATES

    CLASSE A DISTANCE
    2022 : 12 déc.

    2023 : 23 janv., 15 mai, 03 juil., 30


    oct.

    ORSYS - www.orsys.com - [email protected] - Tél : +33 (0)1 49 07 73 73 Page 2 / 2

    Vous aimerez peut-être aussi