Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > BootStrap - Développement de pages Web Responsive

BootStrap - Développement de pages Web Responsive

Réaliser des pages Web qui s'adaptent à tous types d'écrans

Parce que les smartphones et autres tablettes sont de plus en plus performants, nous n’hésitons plus à les utiliser pour consulter des sites web. Mais c’est parfois mission impossible tant certains sites ne sont pas adaptés à ce type d’usage. Les concepteurs doivent donc aujourd’hui s’assurer que les outils qu’ils développent soient adaptés à une grande variété de terminaux. S’il fut un temps envisageable de créer 2 sites distincts (1 pour les appareils mobiles et 1 pour les PC), l’apparition de techniques rendant l’ajustement des pages possible en fonction des écrans (Web Responsive) tend à mettre fin à cette pratique. Doté notamment d’une collection d’outils très performants sur les champs du design et de l’interactivité avec les utilisateurs, BootStrap est le Framework Web Responsive de prédilection pour le développement de sites web de dernière génération.

Objectifs

  • 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

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

Prérequis

  • Bonne connaissance de JavaScript
  • Avoir suivi le formation "Création d'applications web avec HTML5 et CSS3" ou disposer des compétences équivalentes

Programme de la formation

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 & 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 & Rows
  • Images & 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 & 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 4