|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/apprendre-le-framework-bootstrap-en-partant-de-zero/
课程评论：没有评论
课程名称：从零开始学习Bootstrap框架 课程概述：随着web开发的不断进步，创建一个结构稳固、优雅、符合现代各种设备展示的网页，变得越来越重要。掌握HTML、CSS和JavaScript等基础语言，是实现这一目标的关键，但学习过程往往困难且耗时。为此，使用框架（或称为cadriciels）可以大大简化开发过程。 Bootstrap是使用最广泛的框架之一，最初由Twitter内部开发，旨在统一其应用程序的接口。现在，Bootstrap已经成为开源项目，并推出5个版本。它为网页开发提供了强大的功能，采用响应式网页设计（Responsive Web Design）的方法，并利用了最新的CSS3布局功能，如Flexbox和Grid。 Bootstrap的主要功能包括： - 一种响应式的布局网格，能够自适应各种屏幕（计算机、平板和手机）。 - 丰富的CSS样式，用于美化文本、表格和表单。 - 吸引人的按钮和精美的图片样式。 - 多种界面组件，如菜单栏、按钮组、面包屑导航、分页等，可以为网站增加动态效果。 - 许多CSS规则，帮助提升网页设计的优雅性，包括颜色搭配、边框、浮动和位置、额外的边距等。 在这门课程中，您将学习如何根据不同的开发目标安装Bootstrap。接着，掌握基于CSS3 Flexbox的Bootstrap布局技术，以实现自动适应各种设备显示的响应式网页。您将利用Bootstrap的各种CSS组件来优化网页，创建导航栏和菜单，学习如何使用CSS规则改善界面元素的样式。 课程要求：有学习的渴望，并且最好有一台计算机。
Depuis longtemps déjà, le développement des sites web a fortement évolué. Vous devez créer des sites avec une architecture solide, qui soient élégants, ergonomiques et qui puissent être parfaitement affichés dans tous les types de support actuel, c'est-à-dire sur un écran d'ordinateur, sur une tablette ou un smartphone.Cela nécessite une très bonne connaissance des langages fondateurs du Web (HTML, CSS et JavaScript) de sorte à pouvoir mener à bien les projets. Mais il ne faut pas se leurrer, c'est parfois long et difficile.Pour nous aider dans cette tâche, nous pouvons utiliser des frameworks (ou des cadriciels selon la terminologie française). Les frameworks sont des collections de brique de code (HTML, CSS et JavaScript) bien structurées et prêtes à l'emploi qui nous permettent de partir sur de solides bases pour la création de nos sites web.Il existe de très nombreux frameworks, mais le plus utilisé est sans conteste Bootstrap. Au départ il a été créé en interne, pour unifier les interfaces des applications de Twitter. Puis un des deux architectes, Mark Otto en a créé un projet ouvert à tous en le mettant à disposition sur GitHub.Actuellement Bootstrap, est disponible en version 5.Bootstrap propose de très solides fonctionnalités pour développer nos sites web, avec une approche résolument « Responsive Web Design ». Bootstrap utilise aussi les dernières fonctionnalités de mise en page, avec l'utilisation des modules CSS3 Flexbox et Grid, proposés par le W3C.Voici les fonctionnalités que nous propose Bootstrap:Une grille de mise en page pour agencer les différentes boîtes d'affichage des sites. Cette grille est immédiatement « Responsive Web Design », cela veut dire que l'affichage va s'adapter aux écrans de diffusion: ordinateurs, tablette et smartphone.Des styles CSS pour mettre en forme le texte, les tableaux et les formulaires...Des styles CSS permettant d'afficher des boutons attrayants et des images design.Des composants d'interface pour dynamiser vos sites web: barre de menus, groupe de bouton, fil d'Ariane, pagination, vignette d'image, liste...De nombreuses règles CSS qui viennent vous aider pour améliorer le design de vos pages web de manière élégante: des jeux de couleurs, des bordures, des flottements et des positions pour les blocs d'information, des marges supplémentaires...Dans cette formation, vous commencerez par apprendre à installer Bootstrap selon plusieurs méthodes en fonction de l'objectif de vos projets de développement web.Ensuite, vous apprendrez les techniques de mise en page de Bootstrap qui sont basées sur le module CSS3 Flexbox, pour concevoir des sites Responsive Web Design dont l'affichage s'adaptera automatiquement selon l'écran de diffusion (écran d'ordinateur, tablette ou smartphone).Vous exploiterez les différents composants CSS Bootstrap afin d'optimiser vos pages web: pour le texte, les images, les tableaux, les formulaires, les composants d'interface et les boutons.Vous apprendrez comment créer la navigation, avec l'utilisation des barres et des menus de navigation.Vous étudierez des exemples d'utilisation de règles CSS qui vont vous permettre de mettre en forme des éléments d'interface comme des bordures, des jeux de couleurs, des flottements, des marges et remplissages...PrérequisDe la motivation.Avec un ordinateur (C'est mieux!).
