Connectez-vous

Connectez-vous

login
Exclus

Exclus

exclues
  • Sérotonine - Michel Houellebecq (Rentrée Littérature 2019)
  • Donne-moi le temps - Laël Even Soris (2018)
  • La cage de l’Albatros - Pierre Pouchairet (2018)
  • Dictionnaire amoureux du Nord - Jean-Louis FOURNIER (2018)
  • L’espace du rêve - David Lynch (2018)
  • L’enquête vérité : Vous n’aurez plus jamais peur du cancer - David Khayat (2018)
  • Psychologie de la connerie - Jean-francois Marmion et Collectif (2018)
  • For You  (Pour Son Amour Tome 1) - Alessia Jourdain (2018)
  • Julia Cage - le prix de la democratie (2018)
  • Les Hommes de l’Ombre T2 : Le Biker - Rain Carrington (2018)
Télécharger Tuto.com - Intégration web et mobile avec Bootstrap 4 gratuitement sur Bookys Bookys / autoformations / Télécharger Tuto.com - Intégration web et mobile avec Bootstrap 4
Tuto.com - Intégration web et mobile avec Bootstrap 4

Votez pour ce ebook !

Télécharger Tuto.com - Intégration web et mobile avec Bootstrap 4 gratuitement sur Bookys

Date de sortie : 2017
Genre : Programmation et developpement.
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


tele


Liens de téléchargements
Haut de la page
Bas de la page