FORMATION BOOTSTRAP 4

DÉVELOPPER DES PAGES WEB RESPONSIVE :

Le framework Bootstrap, créé par les développeurs de Twitter, est devenu un framework CSS de référence dans la conception de sites Web. Vous apprendrez dans ce stage à habiller vos pages et à les enrichir de composants interactifs avec Bootstrap afin de rendre vos sites attractifs et adaptatifs.

Objectifs pédagogiques :

  • Intégrer Bootstrap dans un projet Web
  • Réaliser des pages Web reprenant les codes esthétiques des sites actuels
  • Maîtriser les composants et les plug-ins du framework Bootstrap
  • Développer des sites Web responsive
  • Tp : Réalisation d'une interface administrateur back-office avec Bootstrap. Création d'un site Web Responsive depuis un modèle Bootstrap.

Programme de formation

1 PRÉSENTATION DU FRAMEWORK :

  • Vue d'ensemble du framework Bootstrap.
  • L'apport de Bootstrap par rapport à CSS.
  • Les éléments du kit Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery...).
  • Comprendre l'arborescence des différents fichiers : feuilles de style, JavaScript...
  • Lier une page Web à la feuille de style de base de Bootstrap.
  • Tp : Installation de Bootstrap. Habiller une page HTML avec Bootstrap.

2 LES FEUILLES DE STYLE DE BOOTSTRAP :

  • Les CSS pour les éléments textuels et les images.
  • Les CSS pour les éléments de formulaires et les tableaux.
  • Utilisation des polices icônes pour afficher des icônes sur les pages.
  • Les CSS pour la mise en page, les blocs de texte.
  • Personnaliser sa feuille de style.
  • Tp : Styler les différents éléments constituant une page Web avec les CSS de Bootstrap. 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.
  • Flexbox dans Bootstrap.
  • Disposition des colonnes.
  • L'ordre des blocks.
  • Tp : Créer une page Web responsive basée sur une grille.

4 LES COMPOSANTS DE BASE :

  • Les deux fichiers JavaScript nécessaires.
  • Les marges de chaque block.
  • Les menus responsives améliorés.
  • Les composants de navigation et de pagination.
  • Les boutons, les badges, les alertes.
  • Les barres de progression.
  • Les tableaux, les listes d'éléments.
  • Tp : Conception d'une page Web pour un site Internet ou intranet intégrant plusieurs composants Bootstrap.

5 LES PLUG-INS JQUERY DE BOOTSTRAP :

  • Les fenêtres modales. Les accordéons. Le carrousel de photos.
  • La barre de navigation. Les onglets. Les menus déroulants.
  • Les champs d'auto-complétion.
  • Intégration de plug-ins externes (Datepicker...).
  • Les cards conteneurs flexibles et extensibles.
  • Tp : Intégrer des effets visuels modernes par le biais de plug-ins jQuery associés à la librairie Bootstrap.

6 ANALYSE DES MODÈLES BOOTSTRAP :

  • Analyser des modèles construits à partir de Bootstrap.
  • 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 NodeJS.
  • Tp : Créer son propre Bootstrap.css.

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.

<

Tarification et déroulement

Formation Accélérée

1600 DH ≈

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 2 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation Accélérée

1600 DH ≈

  • Type de formation : En groupe
  • Volume horaire : 16 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de vos inscriptions
  • Horaire : Flexible selon vos disponibilités et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 2 jours ou bien répartir vos heures selon vos rythmes, vos engagements
  • NB : le groupe est compilé par vous-même

Formation continue

800 DH ≈

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH ≈

  • Type de formation : En groupe
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

Paiement en ligne par PayPal.

Paiement par virement bancaire (RIB : 127270211118738201000403).

Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).