Formations informatiques - Bruxelles
Accueil | E-shop | Témoignages | Références | Jobs | Prix | Contact | Staff | Sitemap | A propos | Devis en ligne

Formation Formation Bootstrap développer des pages Web Responsive - 2 jours

Formation Bootstrap développer des pages Web Responsive





Agenda formations :

9h à 17h (Journée complète)
18h - 20h30 (Demi-soirée)

Nos tarifs Devis en ligne

Description :

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 du cours :

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

Travaux pratiques

Réalisation d’une interface administrateur back-office avec Bootstrap. Création d’un site Web Responsive depuis un modèle Bootstrap.

Méthodes pédagogiques

50% d’exposé, 50% de pratique.


Contenu du cours : Formation Bootstrap, développer des pages Web Responsive

PROGRAMME DE FORMATION

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.

Travaux pratiques
Installation de Bootstrap. Habiller une page HTML avec Bootstrap.

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 icones pour afficher des icônes sur les pages.
  • Les CSS pour la mise en page, les blocs de texte.
  • Personnaliser sa feuille de style.

Travaux pratiques
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.

Les grilles

  • Comprendre le concept de grille.
  • Les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement…).
  • Organisation de la grille. Manipuler les grilles.
  • Créer une page multigrille.
  • Les grilles statiques et élastiques.

Travaux pratiques
Créer une page Web responsive basée sur une grille.

Les composants de base

  • Les menus déroulants.
  • Les composants de navigation et de pagination.
  • Les boutons, les badges, les alertes.
  • Les barres de progression.
  • Les tableaux, les listes d’éléments.

Travaux pratiques
Conception d’une page Web pour un site Internet ou intranet intégrant plusieurs composants Bootstrap.

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.

Travaux pratiques
Intégrer des effets visuels modernes par le biais de plug-ins jQuery associés à la librairie Bootstrap.

Analyse des modèles Bootstrap

  • Analyser des modèles construits à partir de Bootstraps.
  • 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 LESS avec un préprocesseur et un serveur Nodejs.

Travaux pratiques
Créer un site depuis un modèle.

Nous contacter :

boulevard Mettewie 89/42
1080 Bruxelles

Gsm : +32 477 16 40 11 Tel : +32 648 84 63
Email : selossej@pixystree.com


Email : selossej@jlgestion.be

Nos avantages :

  • Type de formation : Inter-entreprise, Intra-entreprise et particuliers
  • Formation 100% flexible et personalisée : Vous choisissez le lieu, la date et le programme de formation
  • Demande de devis : Réponse dans les 24 heures.
  • Remise de 50% pour les PME Bruxelloises
  • Parking, boisson et lunch gratuit
  • Accès à notre centre de compétences : Syllabus, note de cours, exercises,...