Video2Brain Découvrir Foundation 5 torrent

?Video2Brain Découvrir Foundation 5

?

Thématiques :Design web - Programmation - Frameworks et bibliothèques - Développement web front-end - Expérience utilisateur - Conception de sites web mobiles
Editeur : Video2brain
Langue :  Francais
Duree : 3h 08mn
Nombre de videos : 64 vidéos
Taille : 731 Mo
Logiciel : Foundation 5
Votre formateur : Christophe Aubry
Date de parution : 27 mai 2014
Open Source 




Foundation est un framework qui permet de créer rapidement des interfaces de site web en responsive web design, qui s’adapteront donc aux différentes tailles des écrans de diffusion. Vous pourrez insérer dans vos pages web des barres de navigation, des carrousels d’images, des panneaux à outils, et bien d’autres composants prêts à l’emploi ! N’hésitez donc plus, et suivez Christophe Aubry dans cette découverte de Foundation 5.


Utiliser Foundation
Découvrez ce qu'est Foundation, sa documentation et des exemples de sites web créés avec Foundation.

S'initier à Foundation 5   02:06
Faire le point sur Foundation   04:07
Lire la documentation de Foundation   03:15
Avoir un aperçu des exemples d'utilisation de Foundation   02:00
Utiliser les fichiers source   00:37

Télécharger et installer Foundation
Voyez dans ce chapitre comment télécharger et installer Foundation.

Télécharger Foundation   01:45
Procéder au téléchargement complet   06:46
Ne télécharger que les essentiels   03:22
Personnaliser le téléchargement de Foundation   03:36
Créer un dossier d'un site web avec Foundation complet   04:07
Comprendre la structure des fichiers HTML   03:17

Avoir une approche du responsive web design
Foundation permet la création de sites web en responsive web design. Faites donc le point sur cette notion.

S'intéresser aux requêtes de média   02:05
Charger du responsive pour les images   05:07
Charger du responsive pour les textes   03:05

S'appuyer sur la grille de mise en page
N'hésitez pas à utiliser la grille de mise en page de Foundation pour des pages responsive.

Découvrir la grille de mise en page de Foundation   05:37
Appliquer une grille pour un seul média, les Smartphones   03:03
Se servir d'une grille pour un seul média, les écrans d'ordinateur   01:55
Manipuler une grille pour différents écrans   06:56
Utiliser une grille avec des blocs affichés et masqués   03:04
Adapter une grille selon l'orientation de l'écran   01:53
Passer par une grille imbriquée   03:49
Jouer sur une grille avec des blocs décalés   02:29
Formater une grille avec un nombre incomplet de blocs   01:52
Exploiter une grille avec des blocs centrés   01:08
Profiter d'une grille de blocs simples sous forme de liste   02:40

Détailler les composants de navigation
Dans ce chapitre, une étude des différents composants de navigation proposés par Foundation sera faite.

Divulguer la barre de navigation horizontale   02:26
Mettre en place la barre de navigation latérale   01:29
Créer une barre de navigation hors champ   06:15
Afficher la barre de navigation supérieure   04:11
Manipuler une barre de navigation supérieure fixe   02:18
Exploiter une barre de navigation avec un menu déroulant sur un clic   00:49
Travailler sur la barre de navigation Magellan   04:52
Faire apparaître le fil d'Ariane   02:05
Afficher un système de pagination   02:53

Dévoiler les médias avec Foundation
Dans ce chapitre, faites le tour des différents composants de navigation proposés par Foundation.

Affecter des images responsive   01:34
Visualiser les vignettes d'image   01:44
Incorporer une vidéo responsive   01:17
Afficher un diaporama d'images ou slider avec Foundation   03:10
Personnaliser le slider   02:27
Afficher un diaporama d'images interactif   02:18

Ajouter des formulaires avec Foundation
Christophe Aubry vous dévoile les éléments de mise en forme des formulaires et la validation des champs.

Insérer un formulaire avec les objets usuels   02:05
Connaître les options des formulaires   04:48
Valider les formulaires   06:05

Insérer des boutons dans Foundation
Ce chapitre vous permettra d'insérer des boutons prêts à l'emploi et mis en forme par Foundation.

Imbriquer des boutons simples   02:16
Incruster des groupes de boutons   00:53
Incorporer des boutons déroulants   03:56

Jouer sur la typographie et la mise en page
Foundation vous propose plusieurs mises en forme pour la typographie et la mise en page de votre site web.

Appliquer une mise en forme typographique   03:18
Manipuler des listes en ligne   00:39
Ajouter des étiquettes de mise en forme   01:17
Jouer sur les touches du clavier   00:42
Gérer les utilitaires de mise en page   01:41

Afficher les composants d'interface avec Foundation
Les composants d'interface vous permettront d'interagir avec les utilisateurs. Ce chapitre y est dédié.

Manipuler les fenêtres modales   04:22
Exploiter les fenêtres d'alerte   02:33
Révéler les panneaux de Foundation   01:03
Introduire les bulles d'aide   03:05
Explorer la navigation Joyride   03:44

Utiliser des composants de Foundation pour le contenu
Ce chapitre est consacré à l'utilisation des composants pour afficher du contenu dans votre site web, grâce à Foundation.

Mettre en place des menus déroulants   05:46
Intégrer des accordéons avec Foundation   04:59
Implémenter des panneaux à onglets   03:27
Configurer des blocs à hauteur identique   02:50
Insérer des tableaux simples avec Foundation   01:47
Afficher des tableaux de prix   02:04
Explorer un exemple de page d'accueil   05:07
Conclure sur la découverte de Foundation 5   00:48


Langue : True French



Tailles des fichiers : 1 x 731 Mo
Taille totale : 731 Mo