Veille Technologique
La veille technologique ou veille scientifique et technique consiste à s'informer de façon systématique sur les techniques les plus récentes et surtout sur leur mise à disposition commerciale
La veille technologique porte sur un sujet précis, pour ma part j'ai choisi la librairie Bootstrap. C'est la librairie HTML, CSS et JS le plus utilisé dans le monde.
Bootstrap c'est quoi ?
Bootstrap a été créé afin d'accélérer et faciliter le développement de sites web frontaux.
Il contient toutes sortes de modèles de conception basés sur HTML et CSS pour diverses fonctions et composants tels que la navigation, le système de grille, les carrousels d’images et les boutons.
Son objectif premier est de créer des sites réactifs. Il permet à l’interface utilisateur d’un site web de fonctionner de manière optimale sur toutes les tailles d’écran, que ce soit sur des téléphones à petit écran ou des ordinateurs de bureau à grand écran.
Les 3 principaux fichiers
Comme Bootstrap est constitué d’une collection de syntaxes qui remplissent des fonctions spécifiques, il est logique que la librairie contienne différents types de fichiers. C'est pour cela que nous allons voir les 3 principaux fichiers de Bootstrap.
Pour commencer il y a le Bootstrap.css : c'est une librairie CSS qui organise et gère la mise en page d’un site web. Alors que le HTML gère le contenu et la structure d’une page web, le CSS s’occupe de la mise en page du site. Pour cette raison, les deux structures doivent coexister pour effectuer une action particulière. Grâce à ses fonctions, le CSS vous permet de créer un aspect uniforme sur autant de pages web que vous le souhaitez. Avec le CSS, il suffit de renvoyer les pages web au fichier CSS. Toute modification nécessaire peut être effectuée dans ce seul fichier.
Ensuite il y a Bootstrap.js, ce fichier est la partie centrale de Bootstrap. Il est constitué de fichiers JavaScript qui sont responsables de l’interactivité du site web.
Pour gagner du temps en évitant d’écrire de nombreuses fois des syntaxes JavaScript, les développeurs ont tendance à utiliser jQuery. Il s’agit d’une bibliothèque JavaScript multiplateforme à code source ouvert très répandue qui permet d’ajouter diverses fonctionnalités à un site web. Comme créer des widgets à l’aide d’une collection de plugins JavaScript, créer des animations personnalisées en utilisant les propriétés CSS, dynamiser le contenu du site.
Et pour finir il y a le fichier Glyphicons, ce fichier comporte un jeu d'icônes qui a été autorisé à être utilisé gratuitement. La version gratuite a un aspect standard mais est adéquate pour les fonctions essentielles. Certaines icônes peuvent être modifiées par le CSS pour changer leur apparence, tandis que d’autres ont un aspect par défaut.
Il faut savoir que les icônes font partie intégrante de la partie frontale d’un site web. Elles sont souvent associées à certaines actions et données dans l’interface utilisateur. Bootstrap utilise des glyphes pour répondre à ce besoin.
Comment utiliser Bootstrap
Afin d'utiliser Bootstrap, il vous suffit d'installer les documents sur le site officiel puis les insérer dans votre code. Vous insérez les fichiers dans votre code comme le montre l'exemple ci-dessous :
Conclusion
Bootstrap est une librairie de frontend gratuit qui devient de plus en plus populaire parmi les développeurs de frontend. Elle est facile à utiliser et permet aux développeurs d’économiser beaucoup de temps en évitant d’avoir à écrire manuellement des syntaxes encore et encore. La librairie est également très flexible et peut répondre à presque tous les besoins de développement web en frontend. Ses meilleures capacités comprennent, sans s’y limiter, des fonctionnalités réactives qui permettent aux pages web de fonctionner de manière optimale sur toutes les tailles d’écran.
Où s'informer ?
Pour effectuer une veille technologique il est très important de se renseigner régulièrement, mais pas n'importe où, il est important de savoir choisir des sources fiables afin de suivre correctement son thème de veille comme :
- https://www.lemondeinformatique.fr
- https://www.programmez.com
- https://web.developpez.com
J'ai utilisé Feedly, qui est un agrégateur de flux RSS en ligne. Il est accessible par un navigateur internet, et est également disponible sous forme d'application mobile. Il permet de gérer et personnaliser ses abonnements à des flux RSS.
Et j'ai utilisé Google Alertes qui est un service qui envoie un mail ou une alerte lorsqu'une nouvelle page web correspondant aux mots-clés que l'on a choisi, apparaît dans les résultats Google. J'ai donc rentré plusieurs mots-clés en rapport avec la libraire Bootstrap. Là aussi, cet outil m'a été très utile car il m'a permis de rassembler plusieurs articles concernant mon sujet.
Articles
Bootstrap Icons 1.0
Le 31 Août 2020 on apprend l'arrivé officiel d'une collection d'icônes disponibles pour les projets que l'on développe avec Bootstrap. Après plusieurs mois, Bootstrap lance Bootstrap Icons 1.0 qui rassemble plus de 1 100 icônes diverses et variées. Elles sont toutes au format SVG et sont faites pour être importées, personnalisées et étendues.
Sources :
https://www.programmez.com/actualites/bootstrap-icons-disponible-30855
Bootstrap 5 Disponible
Le 6 Mai 2021 on apprend l'arrivé officielle de Bootstrap 5. La 5ème version aurait demandée 3ans de développement pour voir le jour. Elle introduit de nouvelles fonctionnalités, des améliorations et quelques changement de ruptures notamment avec la rupture des liens avec la bibliothèque jQuery pour du pur JavaScript qui a été la plus grande modification en rapport avec JavaScript.
La nouvelle version a donc apportée quelques améliorations sur le JavaScript. De nouveaux composant comme offcanvas, accordion ou forms qui résolvent plusieurs bogues au passage mais ils sont là pour rendre meilleur et plus facile l'utilisation.
De nouveaux champs pour le choix des fichiers.
La prise en charge de RTL (Right-To-Left)
Une nouvelle API d'utilitaires comme principal moyen d'étendre les classes d'utilitaires par défaut.
De nouveaux utilitaires comme l'ajout d'utilitaires de positionnement, le renommage des utilitaires afin d'être plus rapides, etc...
Et l'équipe Bootstrap a abandonné plusieurs anciens navigateurs et certaines plateformes dans cette mise à jour, ce qui en fait l'un des plus grands changements depuis un certain temps
Sources :