Dernière mise à jour le 28/03/2024

BootStrap – Développement de pages Web Responsive

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

Connaître les spécificités de Bootstrap Maitriser la création d'interfaces Mobiles First avec Bootstrap Rendre des pages responsives avec Bootstrap Comprendre comment manipuler les objets de base et les composants Découvrir des Frameworks concurrents

Public visé

Chefs de projet Web, architectes techniques, développeurs front-end

Pré-requis

Bonne connaissance de JavaScript Avoir suivi le formation "Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript" (W-HT3) ou disposer des compétences équivalente

Programme

INTRODUCTION Présentation de BootStrap Qu'est ce que Bootstrap ? Rapide tour d'horizon  POURQUOI BOOTSTRAP 3? Designers vs. Developpeurs Le web mobile Responsive web design et Mobile First responsive web design Bootstraping the web  CRÉER UN PROJET AVEC BOOTSTRAP (ET BOWER) Récupérer Bootstrap (avec et sans bower) Ajouter Bootstrap à une page web Présentation de la 12-row-grid Utiliser la grille Offsets et Rows Images et Responsive helpers Ajouter un thème  LES OBJETS DE BASE Les typographies Les boutons Les font d’icônes La navigation Les listes Les tableaux Les formulaires  LES COMPOSANTS Headers et breadcrumbs Groupes de boutons Dropdowns Inputs Pagination Miniatures Panels  LES PLUGINS Accordéons Fenêtres Modales Onglets Tooltips Alertes Carousels  LES FRAMEWORKS CONCURRENTS Foundation Bulma UIKit Semantic UI  LE FUTUR BOOTSTRAP 41 - Introduction
    • Historique du produit, licence
    • Les apports de Bootstrap
    • Navigateurs et devices compatibles
2 - Affichage
    • Définition de grilles
    • Gestion de contenus responsive (images, tableaux, schémas, ...)
    • Typographie, paramétrage des polices
3 - Composants
    • Présentation des composants standards : messages d'alertes, boutons, carrousels, barres de navigation, etc...
    • Travaux pratiques : réalisation d'un site de démonstration avec les composants classiques
4 - Gestion des thèmes
    • Principe de Sass, structure des fichiers
    • Travaux pratiques : import des fichiers sources Sass
    • Modification des variables Sass par défaut
    • Configuration d'un thème personnalisé
    • Utilisation des fonctions Sass de gestion des couleurs, des contrastes
    • Principales options de Sass
5 - Accessibilité
    • Possibilités de bootstrap
    • Compatibilité WCAG 2.0
    • Gestion des composants interactifs, du contraste, ...
6 - JavaScript
    • Plugins basés sur jQuery, API JavaScript
    • Fonctionnalités disponibles
    • Travaux pratiques : exemples avec les plugins fournis en standard
7 - Compléments
    • Fichiers CSS précompilés
    • Outils disponibles : sources et fichiers compilés JSS et JavaScript
    • Compilateur Sass
    • BootstrapCDN
    • Packages NPM, YARN et RubyGems, Composer, NuGet, ...
    • Packs d'icônes, Tooltip
 

Modalités

Modalités : en présentiel, distanciel ou mixte – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels

Méthodes

Fin de formation : entretien individuel
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation
Assiduité : certificat de réalisation (validation des acquis)
Contact : contact@astonbysqli.com
 
Code de formation : W-BST

Tarifs

Prix public : 1360
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • CPF -MonCompteFormation
Contactez nous pour plus d’information

Lieux & Horaires

Campus : , Ensemble des sites

Durée : 14 heures
Délai d'accès :
Jusqu’à 8 jours avant le début de la formation

Distanciel possible : Oui

Prochaines sessions

Cliquez sur la date choisie pour vous inscrire :

  • Inscription au 22 / 04 / 2024
    : Ensemble des sites
    : Distanciel possible
    : 14 heures
    : 2 jours
  • Inscription au 04 / 07 / 2024
    : Ensemble des sites
    : Distanciel possible
    : 14 heures
    : 2 jours
  • Inscription au 07 / 10 / 2024
    : Ensemble des sites
    : Distanciel possible
    : 14 heures
    : 2 jours
  • Inscription au 09 / 12 / 2024
    : Ensemble des sites
    : Distanciel possible
    : 14 heures
    : 2 jours
Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

W-HT3

Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript

Disposer des compétences nécessaires au développement d'un site internet full HTML5 / CSS3 Savoir produire des pages compatibles avec les différents navigateurs internet Être capable de créer des interactions dynamiques avec l'utilisateur sans développement serveur Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéos compatible mobiles

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

AS201

Technologies du Web, la synthèse

Aborder l'état de l'art des technologies Xnet et de leurs impacts sur les applications internet et intranet d'entreprise Apporter une synthèse complète, structurée et didactique des connaissances indispensables en matière de technologies du Web Analyser les domaines d'application et examiner les démarches pratiques de mise en œuvre

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-HT4

Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Evaluer les enjeux du développement d'une application web, et son intérêt Disposer des connaissances et compétences nécessaires pour rendre une application "offline" Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures) Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive" Être capable de prendre en charge l'intégralité du développement de la partie "front"

35 heures de formations sur 5 Jours
En savoir plus

Transformation digitale

SP78039

Référencement naturel / SEO AVANCE

Comprendre le fonctionnement des moteurs de recherche - Connaître les techniques d'optimisation d'une page web - Savoir créer de bons backlinks

7 heures de formations sur 1 Jours
En savoir plus

Formation continue

Transformation digitale

W-INI

Créer un site Internet pour non informaticien

Savoir préparer et organiser les contenus prévus pour le site Comprendre comment élaborer la navigation entre les pages du site Internet Maîtriser l'écriture du HTML Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS) Disposer des bases pour configurer un serveur Web Être capable d'enrichir le contenu d'un site (vidéos, liens dynamiques)

28 heures de formations sur 4 Jours
En savoir plus

Transformation digitale

SP78053

Elaborer et piloter sa stratégie digitale

À l’issue de la formation, le participant sera en mesure de : Elaborer une stratégie de communication digitale et la décliner en plan opérationnel
Mettre en œuvre le mix des actions de communication spécifiques au Web
Piloter et évaluer ses actions de communication Web

14 heures de formations sur 2 Jours
En savoir plus