Bootstrap

Utilisation des bibliothèques Bootstrap pour la conception web

Développement Web4.9(77)2h 45min13 leçons4 sections

Ce que vous apprendrez

  • Comprendre les bases de la bibliothèque Bootstrap
  • Concevoir des tableaux avec Bootstrap
  • Traiter les images et améliorer leur apparence
  • Utiliser les boutons de commande dans les pages
  • Concevoir des formulaires dans les pages web
  • Naviguer entre les pages
  • Créer des sites web adaptatifs
  • Relier avec JavaScript, Servlet et JSP

À propos du cours

Ce cours enseigne la bibliothèque Bootstrap pour concevoir des sites web adaptatifs qui s'affichent de la même façon sur ordinateur et sur téléphone. C'est une boîte à outils libre construite sur HTML, CSS et JavaScript, qui vous aide à créer des pages rapidement au lieu de tout écrire à partir de zéro. Vous commencez par des extraits du cours, puis vous apprenez les bases de Bootstrap en plusieurs leçons, et vous passez à la conception de tableaux, au traitement des images et à l'amélioration de leur apparence, à l'utilisation des boutons de commande, ainsi qu'à la conception de formulaires et à la navigation entre les pages. Dans la dernière partie, vous découvrez la liaison avec JavaScript, Java Servlet et Java JSP. Ce cours convient aux concepteurs, aux développeurs et aux débutants qui veulent créer des pages web attrayantes et faciles à utiliser. Il vaut mieux connaître les bases de HTML et de CSS avant de commencer. Il vous suffit d'un ordinateur, d'un éditeur de code et d'un navigateur pour essayer les pages vous-même. À la fin, vous saurez concevoir une page web adaptative grâce aux bibliothèques Bootstrap et à leur code prêt à l'emploi, et organiser les tableaux, les images et les formulaires de façon propre et agréable.

Résultats attendus

  • Acquérir des compétences dans la conception de pages Web responsives avec Bootstrap.
  • Capacité à améliorer l'expérience utilisateur grâce à un design attrayant et convivial.
  • Créer des formulaires dynamiques qui améliorent l'interaction avec l'utilisateur.
  • Comprendre comment utiliser les outils intégrés dans Bootstrap pour accélérer le processus de conception.
  • Concevoir des sites Web compatibles avec divers appareils et navigateurs.

Avis des apprenants

Ces avis proviennent d'apprenants qui ont acheté le contenu et en ont complété au moins 50% — il n'y a aucun avis de personnes n'ayant pas suivi le contenu.
4.9
★★★★★
77 avis
5★
73
4★
3
3★
1
2★
0
1★
0
  • ★★★★★Baraa E.·منذ 3 شهرشاهد 54٪
  • ★★★★★أحمد م.·منذ 4 شهرشاهد 100٪

    كوووووووووورس رائع

  • ★★★★★Hany D.·منذ 5 شهرشاهد 100٪
  • ★★★★★Omar A.·منذ 5 شهرشاهد 100٪

تم عرض كل التقييمات (4)

Contenu du cours

1

Bases de Bootstrap

5 leçons
  1. Aperçus du coursPrésente Bootstrap comme bibliothèque prête à l'emploi pour styliser les pages HTML au lieu d'écrire du CSS pour chaque élément, avec la réactivité selon les appareils, le téléchargement de ses fichiers et l'application de classes aux images (image ronde, flottement à gauche ou à droite).9:07
  2. Bootstrap Basics (1)Introduction à Bootstrap : pourquoi une bibliothèque prête à l'emploi qui stylise tous les composants de la page (boutons, textes, tableaux, images) vaut mieux qu'un stylage manuel de chaque élément et page, avec un aperçu des outils de développement web.13:48
  3. Bootstrap Basics (2)Présentation pratique de la bibliothèque Bootstrap : ses atouts (adaptation aux tailles d'écran, simplicité, modèles prêts à l'emploi) et comment la télécharger et décompresser ses fichiers CSS et JavaScript.11:40
  4. Bootstrap Basics (3)Montre comment lier les fichiers Bootstrap à une page HTML puis les appliquer à ses composants, comme les boutons, en copiant le nom de la classe de la bibliothèque et en le plaçant sur l'élément.14:08
  5. Bootstrap Basics (4)Explique la division de la page en colonnes avec le système de grille de Bootstrap grâce à des classes prêtes qui s'adaptent à la taille de l'écran, avec les classes de titres et les propriétés d'affichage.10:29
2

Tâches avancées

4 leçons
  1. TablesExplique la mise en forme des tableaux avec la bibliothèque Bootstrap : il suffit de lier le fichier de la bibliothèque et d'indiquer la classe du tableau pour qu'il soit stylé automatiquement, avec le changement des couleurs des lignes.19:39
  2. Travailler avec des imagesExplique la gestion des images avec les classes Bootstrap pour modifier leur apparence, comme l'image ronde, ainsi que le contrôle du style des messages d'alerte en changeant simplement la classe.14:48
  3. Boutons de commandeExplique l'utilisation de Bootstrap avec les boutons et d'autres composants comme les barres de progression et les listes, et comment l'apparence de chaque bouton change en choisissant la classe adaptée de la bibliothèque.30:24
  4. Formulaires et navigation entre les pagesExplique les formulaires et la navigation entre les pages dans Bootstrap : menus, onglets et éléments de formulaire comme checkbox et textarea, en précisant que l'apparence dépend de la classe utilisée.9:12
3

Conférences supplémentaires

3 leçons
  1. Java ScriptIntroduction simple à JavaScript dans les pages web : comment écrire le code entre les balises script, avec des exemples de boucle qui affiche des valeurs et de validation des saisies.13:48
  2. Java ServletPrincipe d'une Java Servlet : relier une page de connexion HTML à une classe Java sur le serveur, lire les valeurs envoyées par la page via l'objet request et afficher le nom d'utilisateur.8:29
  3. Java JSPPrincipe de Java JSP (Java Server Pages) : écrire du code Java dans une page HTML entre des balises spéciales, avec un exemple de boucle et un exemple de page de connexion qui lit les valeurs des champs.10:01
4

Add-ons

1 pièces jointes
  1. Téléchargez les pièces jointes ici

Formateur

Ing. Azab Mohamed Azab

Ing. Azab Mohamed Azab

Conférencier à l'Académie arabe des sciences, de la technologie et du transport maritime, ainsi qu'au ministère égyptien de l'Intérieur, spécialisé en technologie et information.
68.8K vues28 cours

Ce cours fait partie du diplôme

Cours similaires