Accueil > Développement Logiciel, Devops > Créer un site Web Responsive
Formation #DEV182

Formation Créer un site Web Responsive

Formation avec Restauration incluse
(Déjeuner, Petit Déjeuner et Pauses Cafés)

Durée : 5 jours

Code : DEV182


Sessions programmées :

Du 15 au 19 Fév. 2021

Du 19 au 23 Avril 2021

Du 21 au 25 Juin 2021

Du 20 au 24 Sept. 2021

Du 15 au 19 Nov. 2021

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
  • Pour les entreprises AU MAROC :
    Au minimum 10 JOURS OUVRÉS avant la date de formation
  • Pour les entreprises HORS MAROC :
    Au minimum 15 JOURS OUVRÉS avant la date de formation

Formation dans votre entreprise.

Durée : 5 jours

Code : DEV182


Vous souhaitez réaliser cette formation en vos locaux avec le même programme ?

Vous souhaitez personnaliser le programme de cette formation pour qu'elle réponde aux spécificités de votre entreprise ?

Objectifs

  • Identifier les standards HTML5 et CSS3
  • Découvrir le potentiel graphique des CSS3
  • Composer et modifier une maquette Web responsive
  • Intégrer les balises HTML5 : vidéo, audio et Canvas
  • Créer des motifs élaborés en CSS3
Programme
1/ L’écosystème du Web mobile actuel
  • Les notions de Web adaptatif
  • site responsive
  • application native
  • WebApp
  • progressive WebApp…
  • Les usages actuels
  • Les bonnes pratiques de la mobilité :
  • contraintes et optimisations
  • amélioration progressive vs dégradation élégante
2/ Le responsive Web design
  • Les notions de Viewport et de variabilité de mises en pages
  • Les points de rupture
  • Les nouveaux concepts du responsive design :
  • surface d’affichage vs surface de rendu
  • pixel physique vs pixel CSS
3/ Les Media Queries
  • La règle @media :
  • les types de médias et types de requêtes (min-width, orientation, aspect-ratio…)
  • Choix de ses largeurs de colonnes et des points de rupture
  • Ajout de la balise meta Viewport pour iOS
  • Les types et techniques de gabarits : fixes, élastiques, fluides, mixte, flex, column, grid layout, grilles…
4/ Les techniques de mise en pages CSS responsive
  • Les fondamentaux
  • Le rôle des reset et des pré-processeurs
  • Les notions d’héritage et de poids de sélecteurs
  • Les sélecteurs avancés
  • Calcule des tailles d’objet avec le modèle de boîte standard et la propriété box-sizing
  • Les fusions de marge
  • Calcule des tailles de texte, les largeurs de colonnes et points de rupture
  • Utilisation des techniques avancées de mise en pages
  • Les techniques et astuces de déplacement et de centrage
  • Définition ses largeurs de colonnes : min et max-width, unités em
  • Les flottants : overflow, clear, clearfix
  • Convertion d'une maquette “classique” en RWD
  • Réalisation d'une maquette RWD avec Flexbox
  • Analyse d'une maquette RWD avec Grid Layout
  • Les systèmes de grille responsive et les frameworks actuels : Bootstrap, Foundation
5/ Adaptation de ses contenus aux capacités des écrans et bandes passantes
  • Calcule des ratios pour présenter les contenus image et vidéo
  • Les trucs et astuces de l’optimisation :
  • “compression zero”
  • SVG inline et génération de sprites
  • background-images
  • srcset…
  • Contrôle des déplacements, masquages et chargements conditionnels
  • Utilisation des outils de test
  • Utilisation des polyfills pour les anciens navigateurs
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Développeurs
  • Concepteurs Web
  • Webmasters
Dates

Dates

  • Du 15 au 19 Fév. 2021
  • Du 19 au 23 Avril 2021
  • Du 21 au 25 Juin 2021
  • Du 20 au 24 Sept. 2021
  • Du 15 au 19 Nov. 2021
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
    • Pour les entreprises AU MAROC : Au minimum 10 JOURS OUVRÉS avant la date de formation
    • Pour les entreprises HORS MAROC : Au minimum 15 JOURS OUVRÉS avant la date de formation