[Tuto.com] Intégration web et mobile avec Bootstrap 4 (2017) [mp4]

Téléchargement & Détails

Téléchargement Anonyme

Nous vous recommandons fortement l'utilisation d'un VPN pour télécharger vos torrents en toute sécurité & anonymat :

Accéder au VPN
Télécharger Télécharger le torrent
Contrôle virus Ce torrent est sain (2) C'est un virus! (0)
Mots clés Développement WEB Français
Seeders 55 Leechers 3 Complétés 274
Informations Voir les informations
Fichiers 797 - Voir les fichiers

Présentation

Ajouter à mes favoris Voir le NFO Signaler
[Tuto.com] Intégration web et mobile avec Bootstrap 4

2yzd578.jpg
https://fr.tuto.com/bootstrap/integration-web-et-mobile-avec-bootstrap-4-bootstrap,93671.html

Publié le 18/10/2017 | Durée : 3h50m | Langue : Français
Fichiers : (50 Fichiers videos + Fichiers sources + Fichier .nfo)
Poids total : 640Mo  (Fichiers sources inclus)
Format : mp4 | Video: AVC 96,1 kb/s 1920x1048 | Audio: AAC 256 kb/s 44,1KHz 2ch


Voici une formation complète Bootstrap V4 pour une prise en main simple et rapide des méthodes de développement web universel et cross-platform (mobile, tablette, desktop).

Atout majeur pour tous les métiers du web, connaître la librairie HTML, CSS & JS Bootstrap aide à créer rapidement et facilement des pages responsives pour les écrans de mobiles, tablettes et ordinateurs de bureau.



En développement depuis 2014, Bootstrap V4 annonce finalement sa version Beta. Les nouveautés incluent :
  • - Un système de grille avec la Flexbox pour plus d’options et flexibilité ?
  • - L'utilisation de Sass
  • - Des nouveaux composants CSS comme les cards
 

Pourquoi utiliser Bootstrap ?

  • - La bibliothèque Bootstrap est simple et facile à apprendre.
  • - Plusieurs options sont disponibles pour démarrer un projet : le CDN, les fichiers CSS ou Sass,
  • - Bootstrap offre, dans sa documentation, plusieurs exemples de pages et templates pour vos projets,
  • - Une documentation claire et informative avec des codes snippets prêts à l'emploi, pour un usage rapide des classes et composants CSS.
 

Au programme de cette formation :

Ce cours complet vous aidera, avec plusieurs démonstrations et projets, à comprendre l'intégration cross-platform mobile. À l'issu de la formation, vous pourrez afficher fièrement vos nouvelles compétences de conception web adaptif avec une page portfolio professionnelle et responsive.


Vous apprendrez à

  • - Créer des pages responsives pour les écrans larges (ordinateurs portables et de bureau) et réduits (tablettes et mobiles).
  • - Utiliser les nouveautés de Bootstrap V4 avec la Flexbox et autres composants nouveaux comme les Cards.
  • - Inclure des plugins jQuery, prêts à l’emploi et extrêmement faciles à configurer, pour créer une page dynamique en un rien de temps.
  • - En extra, jQuery et Animation CSS pour ajouter de l’interactivité et des effets visuels animés.
 

Les projets pratiques inclus avec la formation

Cette formation se veut centrer sur la pratique. Elle propose donc des projets concrets d'intégration :

Un premier exemple de page Bootstrap pour apprendre les éléments de base :
  • - Comment intégrer les ressources Bootstrap avec l’option CDN.
  • - Le système de grille pour créer rapidement une mise en page responsive.
  • - Les classes CSS et les composants Bootstrap avec le concept de mobile first.
  • - Les plugins jQuery. Avec une configuration minimum et simple d’utilisation, les composants Javascript seront faciles à intégrer
 

On poursuit, plus fort, avec un projet de page portfolio pour apprendre à créer une mise en page en moins d’une heure, avec en démonstration :

  • - L’utilisation des options de grille responsive avec la Flexbox.
  • - L’intégration des composants Bootstrap : Jumbotron,  Navbar, et Form ...
  • - L’ajout de classes utilitaires responsives pour adapter la mise en page aux différentes tailles d’écran. Ce sera, sans trop d’effort, que vous pourrez cibler les écrans larges et les appareils mobiles.
  • - En bonus, animations et transitions avec CSS Animation et jQuery

On passera, ensuite, à un niveau plus avancé avec un projet de template d’application mobile. Au final, vous aurez une page fonctionnelle et responsive pour présenter vos projets en ligne, un portfolio numérique, vos compétences de développement web ou autre.

Vous apprendrez également à personnaliser votre page Bootstrap en utilisant la syntaxe de Sass et Grunt.


Une formation pour qui ?

  • - Les designers et développeurs web.
  • - Les Intégrateurs HTML et CSS.
  • - Pour les débutants surtout, qui souhaitent rapidement se familiariser avec le développement mobile cross-platform.
  • - Et, les utilisateurs de Bootstrap 3 pour rester au fait des nouveautés annoncées pour la version 4.

Des fichiers de travail sont fournis avec le cours. Je reste disponible dans le salon d'entraide pour répondre à vos questions sur Bootstrap 4 !



Table des matières de cette formation Bootstrap (durée : 3h50m)

01. Introduction de la formation

 Bienvenue dans ce cours 01m48s
 Objectifs de Cours 03m45s
 Prérequis 01m38s
 Présentation de Bootstrap 02m04s
 Nouveautés Bootstrap 4 01m24s
 
02. Première Page Responsive avec Bootstrap
 Projet de Démarrage 03m14s
 Documentation Bootstrap 02m18s
 La Barre de Navigation 05m24s
 En-tête (Composant Jumbotron) 02m16s
 Système de Grille 08m48s
 Image Responsive 06m18s
 Section Main 06m14s
 Composant CSS Cards 04m39s
 [Challenge] - Système de Grille 01m47s
 [Challenge] - Solution 03m32s
 Footer 04m17s
 Page Responsive 07m27s
 jQuery - carousel.js 10m24s
 jQuery - modal.js 04m01s
 [Challenge] - Personnaliser Page 03m11s
 [Challenge] - Solution 07m57s
 
03. Page Portfolio
 Projet de Démarrage 1/2 06m27s
 Projet de Démarrage 2/2 05m24s
 Ajouter une Barre de Navigation 04m24s
 Ajouter En-tête 07m51s
 Ajouter Image d'Arrière Plan 01m29s
 Section Portfolio avec Système de Grille 05m57s
 Section Services avec Système de Grille et la Flexbox 05m02s
 Ajouter des icônes avec Font Awesome 4.7 04m49s
 Ajouter un Slideshow avec carousel.js 04m06s
 Section Contact 05m00s
 Section Contact - Icônes Réseaux Sociaux 06m37s
 Section Contact - Bootstrap Form 07m17s
 Pied de Page (Footer) 03m52s
 Personnaliser et Animer Barre de Navigation 04m52s
 jQuery - scrollspy.js 04m10s
 Ajouter Page Scroll avec jQuery 01m26s
 
04. Template App Mobile
 Projet de Démarrage 08m52s
 Ajouter Image Arrière Plan 03m39s
 Section Download (Google Play & App Store) 01m45s
 Section Features avec Font Awesome 4.7 05m05s
 Ordering avec le Système de Grille 02m53s
 Section Showcase 04m11s
 Section Contact - Animation CSS 02m04s
 Animation avec jQuery 04m04s
 
05. Bootstrap Sass
 Package.json & npm install 08m40s
 Gruntfile.js 06m56s
 Compiler Sass en CSS 02m16s
 Sass - les Variables 01m14s
 Sass - les Mixins 07m45s
 

Commentaires

Derniers commentaires

  • utilisateur

     SADOKTSA

    1.30To - 1.22To

    Ajouté par SADOKTSA il y a 3 jours

    Merci beaucoup
  • utilisateur

     Patoche764

    15.01Go - 5.46Go

    Ajouté par Patoche764 il y a 4 jours

    Merci pour le partage, très interessant.
  • uploader

     Berurier44

    419.21Go - 362.41Go

    Ajouté par Berurier44 il y a 5 jours

    Merci pour le boulot
  • utilisateur

     Cekh012

    1.77To - 1.39To

    Ajouté par Cekh012 il y a 5 jours

    merci on peut avoir Revit MEP compait svp