Meilleures ventes

Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes

Un cours de Javier Usobiaga Ferrer
Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015
, Concepteur Web

Découvrez les nouvelles grilles et d’autres moyens de concevoir un site avec CSS Shapes, les variables et effets parallax

  • Meilleures ventes Espagnol sous-titré en français
  • 99% Avis positifs (225)
  • 5343 élèves

Découvrez les nouvelles grilles et d’autres moyens de concevoir un site avec CSS Shapes, les variables et effets parallax



Espagnol sous-titré en français
  • 99% Avis positifs (225)
  • 5343 élèves
  • En ligne et à votre rythme
  • Langue : Espagnol
  • Niveau : Avancé
  • 25 leçons (2 h 16 min)
  • Disponible sur l'appli
  • Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais
  • Accès illimité
  • Certificat à la fin du cours

Le web vit en constante évolution et avec l'arrivée de CSS Grid et Flexbox, les règles du jeu ont de nouveau changé. Javier Usobiaga - concepteur de sites Web, développeur FrontEnd et co-fondateur du studio Swwweet - a 13 ans d'expérience dans la création de divers projets pour des clients tels que la mairie de Barcelone, et avec sa vaste expérience, il vous invite à découvrir les techniques et outils les plus modernes qui révolutionnent le secteur.

Si au cours de Introduction au développement Web [url=https://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]avec HTML et CSS , vous avez déjà commencé dans le monde du responsive web, en cela vous apprendrez diverses techniques avancées avec des outils tels que CSS Grid, Flexbox, CSS Shapes, des unités de fenêtre, des variables CSS, des transformations 3D ou de type parallaxe effets.

Qu'allez-vous apprendre dans ce cours en ligne ?

Tableau des contenus du cours

  • U1
    U1. introduction
  • U2
    U2. Façonner la mise en page
  • U3
    U3. Mise en page en une dimension avec flexbox
  • U4
    U4. Mise en page en deux dimensions avec grille CSS
  • U5
    U5. Grille CSS avancée
  • U6
    U6. La troisième dimension: la profondeur et les effets de défilement
  • PF
    PF Projet final
Voir les détails

La première chose que vous ferez est de rencontrer Javier Usobiaga, son parcours professionnel et ses projets les plus marquants.

Vous commencerez par apprendre à façonner la mise en page avec les unités relatives aux unités de la fenêtre, la[/i] object-fit et comment distribuer le texte en colonnes avec des colonnes CSS. Vous verrez comment les formes Web peuvent cesser d'être rectangulaires avec clip-path et CSS Shapes et aussi, vous apprendrez à optimiser votre code avec les variables de propriétés personnalisées natives.

Vous découvrirez la révolution que Flexbox a apportée dans le monde de la mise en page Web . Javier vous apprendra toutes les possibilités d'alignement des éléments. Pour ce faire, il vous expliquera les propriétés du conteneur et du contenu, ainsi que les capacités d'alignement avec un axe principal, un axe croisé et des axes alternatifs.

Vous continuerez à découvrir les nouvelles règles du jeu avec CSS Grid en changeant complètement la façon dont vous structurez votre code et posez le layout . Vous apprendrez quelques fonctions de grille, les propriétés de distribution et de taille et comment vous pouvez créer une grille qui s'adapte à différentes tailles d'écran avec les fonctions répétition et minmax .

Javier expliquera des techniques plus avancées avec CSS Grid sur les zones de grille, l'alignement et l'ordre, l'imbrication et à travers un exemple, vous verrez comment vous pouvez utiliser Grid et Flexbox en combinaison dans un projet.

Vous apprendrez brièvement les transformations 3D avec un exemple pratique de profondeur et d'effets dans scroll pour enfin voir les projets, exemples et ressources sélectionnés par Javier pour servir d'inspiration.

Quel est le projet du cours ?

Vous ferez un exercice libre avec une ou plusieurs des techniques apprises. Javier fera une page d'information sur la conquête du pôle Sud, vous pourrez choisir le thème et le projet que vous souhaitez.

Projets d'élèves du cours

À qui s'adresse ce cours en ligne ?

Toute personne intéressée par la conception moderne et les techniques mise en page avec CSS Grid, Flexbox et d'autres techniques modernes.

Connaissances et matériel

Pour suivre ce cours, il est nécessaire d'avoir de solides connaissances en HTML et CSS, un ordinateur et un éditeur de code.


Avis

5343 Élèves
225 Avis
99% Avis positifs

Javier Usobiaga Ferrer

Professeur Plus
Concepteur Web

Javier Usobiaga est web designer et développeur FrontEnd, depuis plus de 10 ans et co-fondateur avec Marta Armada du studio Swwweet, spécialisé dans la conception de sites web responsives de la conception initiale au développement front-end.

Il apprécie également son rôle de professeur de Web Design dans des ateliers et écoles renommés tels qu'Elisava, IDEP.

Usobiaga comprend le Web dans son intégralité, non seulement à quel point il peut être beau sur l'écran de l'ordinateur, mais aussi son utilisation dans différents appareils et circonstances.

Selon ses mots, "je pense que la vitesse à laquelle il se charge ou la réponse à laquelle il répond est aussi important que l'esthétique, et il me semble que dans notre industrie, nous l'oublions souvent".


Contenus

  • U1

    introduction

    • Présentation
    • Les influences
  • U2

    Façonner la mise en page

    • Variables en CSS
    • Formes CSS
    • Colonnes CSS
    • Images avec ajustement objet
    • Les unités de la fenêtre
  • U3

    Mise en page en une dimension avec flexbox

    • Layouts avancés avec flexbox
    • Alignements avancés
    • Alignements sur l'axe principal et l'axe transversal
    • Propriétés du contenu
    • Propriétés du conteneur
    • Introduction à la flexbox
  • U4

    Mise en page en deux dimensions avec grille CSS

    • Grille réactive automatique
    • Distribution et taille
    • Fonctions de grille
    • Introduction à la grille CSS
  • U5

    Grille CSS avancée

    • Grid (et flexbox) en pratique
    • Nesting
    • Alignement et ordre
    • Zones sur la grille
  • U6

    La troisième dimension: la profondeur et les effets de défilement

    • Inspiration et ressources
    • Faire défiler les animations synchronisées
    • En-têtes fixes
    • Introduction aux transformations 3D
  • PF

    Projet final

    • Techniques de mise en page Web

Ce qu’il faut attendre d’un cours Domestika

  • Apprenez à votre rythme

    Apprenez depuis chez vous sans horaires fixes et à votre rythme. C’est vous qui décidez de votre planning d’apprentissage.

  • Apprenez auprès des meilleurs professionnels du secteur créatif

    Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.

  • Rencontrez des experts reconnus

    Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.

  • Obtenez un certificat avec chaque cours
    Nouveau

    Obtenez un certificat personnalisé et signé par votre professeur pour chaque cours. Partagez-le dans votre portfolio, sur les réseaux sociaux ou sur la plateforme de votre choix.

  • Soyez aux premières loges

    Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à l’accès en illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.

  • Partagez vos connaissances et vos idées

    Posez des questions, demandez du feed-back ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté aussi passionnés que vous par la créativité.

  • Rejoignez une communauté créative mondiale

    Cette communauté réunit plus de 5 millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.

  • Assistez à des cours produits de manière professionnelle

    Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.


Foire aux questions

Les cours Domestika sont des leçons en ligne qui vous permettent d'apprendre un certain nombre d'outils et de compétences pour réaliser un projet en particulier. Chaque étape du projet combine des vidéos et des textes avec du matériel didactique complémentaire. Les cours vous donnent également la possibilité de partager vos propres projets avec d'autres utilisateurs et le professeur, et de donc de créer une communauté autour du cours.

La modalité des cours étant 100 % en ligne, une fois qu'ils sont publiés, ils commencent et finissent quand vous le souhaitez. C'est vous qui donnez le rythme des leçons. Vous pouvez revoir ce qui vous intéresse, omettre ce que vous savez déjà, poser des questions, résoudre des doutes, partager vos projets et bien plus encore.

Les cours se divisent en plusieurs unités, dont chacune comprend des leçons, des textes explicatifs, des exercices et des tâches pour réaliser votre projet étape par étape, ainsi que des ressources et des documents complémentaires. Vous aurez également accès à un forum exclusif où vous pourrez interagir avec tous les élèves du cours et le professeur, mais également partager vos travaux et le projet que vous réalisez, créant ainsi une communauté autour du cours.

Vous pouvez valider le cours qui vous a été offert en accédant à la page de validation, où vous pourrez saisir le code cadeau qui vous a été communiqué.

Lorsque vous aurez terminé le cours, vous recevrez instantanément votre certificat personnalisé. Vous pouvez consulter tous vos certificats en vous rendant dans la section « Certificats » de votre profil. Vous pourrez télécharger les certificats au format PDF et partager le lien de consultation en ligne. En savoir plus sur les certificats
Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes. Un cours de Design , et Création de sites et d'applications de Javier Usobiaga Ferrer Meilleures ventes

Mise en page de site avec CSS Grid, Flexbox et autres techniques modernes

Un cours de Javier Usobiaga Ferrer
Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015
  • 99% Avis positifs (225)
  • 5343 élèves