Top ventes

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

Un cours proposé par Javier Usobiaga Ferrer , Concepteur Web

Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015

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

  • Top ventes
  • 99% avis positifs (277)
  • 8147 élèves
  • Audio : Espagnol
  • Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais

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

Un cours proposé par Javier Usobiaga Ferrer

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.

Lire la suite ↓

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

25 leçons & 16 vidéos téléchargées

Les unités de la fenêtre
4 minutes, 40 secondes
Images avec ajustement objet
4 minutes, 44 secondes
Colonnes CSS
3 minutes, 1 seconde
Formes CSS
7 minutes, 5 secondes
Variables en CSS
4 minutes, 11 secondes
Introduction à la flexbox
3 minutes, 12 secondes
  • 99% avis positifs (277)
  • 8147 élèves
  • 25 leçons (2 h 16 min)
  • 16 ressources complémentaires (14 fichiers)
  • En ligne et à votre rythme
  • Disponible sur l'application
  • Audio : Espagnol
  • Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais
  • Niveau : Avancé
  • Accès illimité pour toujours

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.

Prérequis et matériel nécessaire

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

8147 Élèves
277 Avis
99% Avis positifs

Javier Usobiaga Ferrer

Un cours proposé par 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".


Contenu

  • U1

    introduction

    • Présentation
    • Les influences
  • U2

    Façonner la mise en page

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

    Mise en page en une dimension avec flexbox

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

    Mise en page en deux dimensions avec grille CSS

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

    Grille CSS avancée

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

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

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

    Projet final

    • Techniques de mise en page Web

Ce qu’il faut attendre d’un cours Domestika

  • Apprenez à votre rythme

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

  • Apprenez auprès de grands noms 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 spécialistes 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.

  • Certificats
    Plus

    En tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.

  • Soyez aux premières loges

    Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès 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 des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.

  • Rejoignez une communauté créative internationale

    Cette communauté réunit plus de huit 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 de haute qualité

    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 et d'acquérir un certain nombre d'outils et de compétences pour réaliser un projet créatif. Chaque étape du projet combine des vidéos et des textes avec des ressources didactiques complémentaires, le but étant d'apprendre par la pratique. Vous pouvez également partager vos propres projets avec d'autres élèves et le professeur. Domestika, c'est aussi une communauté !

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 fixez le rythme auquel vous suivez les leçons. Vous pouvez revoir ce qui vous intéresse, passer ce que vous savez déjà, poser des questions, obtenir des réponses, partager vos projets et bien plus encore.

Les cours se divisent en plusieurs unités. Chacune d'entre elles comprend des leçons, des textes explicatifs, des exercices d'entraînement et des tâches pour réaliser votre projet étape par étape, ainsi que des ressources et des documents complémentaires à télécharger. 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. Domestika, c'est aussi une communauté !

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é.

En tant que membre Plus, vous recevrez un certificat personnalisé à la fin du cours que vous avez acheté. Vous pouvez consulter vos certificats dans la section Certificats de votre profil. Vous pourrez les télécharger pour les partager avec qui vous voulez. 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 Top ventes

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

Un cours proposé par Javier Usobiaga Ferrer
Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015
  • 99% avis positifs (277)
  • 8147 élèves