Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

La version 5.0 de Bootstrap supprimera le support d'Internet Explorer 11,
Cela fait suite à l'annonce de supprimer jQuery pour du pur JavaScript

Le , par Bill Fassinou

76PARTAGES

6  0 
La publication de la version 5.0 du framework Bootstrap est prévue pour la fin du printemps de cette année et pour l’instant, des changements continuent à y être apportés. Le dernier changement notable est l’abandon du support des dernières versions du navigateur Internet Explorer (IE). La nouvelle version de Bootstrap supprimera la prise en charge du navigateur non seulement pour Internet Explorer 10, mais aussi pour 11. Cela fait suite à l’annonce en février 2019 de la suppression de la bibliothèque jQuery pour se tourner vers du JavaScript pur.

Bootstrap est sans doute le framework HTML, CSS et JavaScript le plus populaire pour développer des projets mobiles first et responsives sur le Web. Il propose des outils utiles à la création du design de sites et d'applications Web. Bootstrap contient des bouts de codes HTML et CSS pour des boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. Bootstrap 4.0 a été publiée en janvier 2018 après plus de trois 3 ans de développement et sa version 5 est en développement depuis l’année dernière.

La version 4.0 a été présentée comme une réécriture complète de la bibliothèque. Ainsi, il y a eu beaucoup de changements incompatibles avec les versions précédentes. Comme la version 4.0, la version 5 est aussi une version majeure qui annonce plusieurs ruptures avec ses prédécesseurs. Dernièrement, l’équipe de développement du framework CSS a enclenché la suppression du support d’IE. L’information vient d’un commit effectué il y a quelques semaines sur la page GitHub de l’outil. Alors, quel impact cela aura-t-il sur les développeurs à l’avenir ?


Pour les uns, il était pénible de devoir toujours prendre du recul et de faire des corrections spécifiquement pour les navigateurs IE. Selon ces derniers, la plupart du temps, cela rend le développement beaucoup moins amusant, mais également, cela augmente considérablement le temps mis pour réaliser les projets. Ainsi, ils estiment que cette décision va améliorer le développement avec Bootstrap et, compte tenu du fait que l'utilisation d'IE 11 va régulièrement diminuer au cours des prochaines années, cette fonctionnalité sera de moins en moins exigeante.

À ce propos, selon les statistiques d'utilisation d'IE de W3counter, un site qui propose des statistiques sur la part de marché des navigateurs et plateformes, l'utilisation d'IE 10 a chuté de manière drastique en dessous de 1 % depuis le début de 2017. Plus important encore, Internet Explorer 11 est passé d'environ 9 % en 2015 à 2-3 % à partir de 2017, mais depuis lors, il semble s'être stabilisé dans cette fourchette. Toutefois, Microsoft entend prendre en charge IE 11 jusqu’à la fin de la prise en charge de Windows 10, c'est-à-dire le 14 octobre 2025.

Par ailleurs, Microsoft ne recommande plus l’utilisation d’IE, mais il conseille désormais d’utiliser son navigateur Edge qui s’appuie désormais sur le moteur Chromium. Mais pourquoi continue-t-il de supporter IE ? En réponse, c'est parce que certaines personnes continuent à l’utiliser. Il s’agit par exemple des personnes qui ne se soucient pas beaucoup du navigateur qu'elles utilisent ou de certaines grandes entreprises qui ne se sentent pas prêtes à investir dans la mise à jour de leur infrastructure. N’y aura-t-il pas de situations dans lesquelles ce support sera nécessaire ?

D’après certains développeurs, il est probable que oui. On peut citer par exemple le cas particulier des projets ciblés sur les entreprises. Alors, que ferons-nous dans ce cas ? L’on procédera probablement comme dans le cas d’autres outils. Bien qu'il n'y ait plus de support officiel pour Internet Explorer, il y existera forcément des moyens de contournement afin de faire fonctionner les sites Web faits avec Bootstrap sur Internet Explorer. Ce qui serait peut-être mieux est que quelques-uns de ces moyens soient mentionnés dans la documentation officielle.

Certains pensent déjà que Polyfill.io serait la solution pour utiliser Bootstrap v5 sur sur IE 11. Il s'agit d'un service qui accepte une demande pour un ensemble de fonctionnalités de navigateur et ne renvoie que les polyfills nécessaires au navigateur demandeur. Voici quelques exemples des modifications déjà annoncées pour la version 5 de Bootstrap :

  • suppression de jQuery ;
  • abandon du support d’IE 10 et 11 ;
  • bibliothèque d'icônes SVG personnalisées ;
  • passer de Jekyll à Hugo ;
  • mises à jour JavaScript importantes ;
  • mises à jour et corrections mineures des classes.

Source : Bootstrap v5

Et vous ?

Qu'en pensez-vous ?

Voir aussi

La version 5.0 du framework Bootstrap va supprimer jQuery, sa plus grande dépendance côté client pour du pur JavaScript

Bootstrap 4.0 est officiellement disponible. Un aperçu des changements notables dans la collection d'outils pour la création de sites Web

Bootstrap 4.1 est disponible. Des corrections de bogues, de nouvelles classes utilitaires et une mise à jour de la documentation

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Captain Spic
Membre à l'essai https://www.developpez.com
Le 09/04/2020 à 7:31
Citation Envoyé par air-dex

Il serait sain de pouvoir dégager la chiée de classes mono-déclarations du style .propriete-valeur { propriete: valeur; } couvrant tous les propriétés CSS existantes avec toutes leurs valeurs possibles. Styler une page c'est bien plus que bourrer les attributs style des éléments HTML avec une nuée de ces petites classes vides de sens (à l'échelle du projet), de préférence toujours les mêmes nuées pour les mêmes choses. Ces classes là ce sont des (kilo-)octets superflus qu'on peut s'économiser en mettant soi-même les mains dans le cambouis du CSS, en codant soi-même ses classes qui auront plus de sens dans le projet que les classes de Bootstrap.
Cela s'appelle le CSS atomique, et en fait, c'est plus économe en CSS que les autres méthodes (d'autant plus si on utilise des outils pour purger les classes non-utilisées).
Il existe des frameworks entier que ne repose que sur ce principe (ex: https://tailwindcss.com) et ça n'a rien à voir avec des "classes CSS pour les noobs

C'est assez marrant comme on a rapidement le réflexe de discréditer des pratiques et leurs utilisateurs quand on ne les connait pas

Source:
https://www.nicolas-hoffmann.net/sou...avantages.html
https://css-tricks.com/lets-define-e...ly-atomic-css/
2  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 09/04/2020 à 13:33
Chacun sa vision du CSS et ce n'est pas la mienne. Je préfère avoir des noms de classe qui ont du sens par rapport à mon projet, un sens qui va bien au delà de "bloc rouge" ou "truc bleu". Le CSS atomique serait compatible avec ma vision si t'avais "l'héritage multiple" en CSS, mais ce n'est pas le cas "en natif" (ça le reste avec un préprocesseur).
1  0 
Avatar de solo190
Membre averti https://www.developpez.com
Le 16/04/2020 à 18:10
Bonne Nouvelle ,
A quand la sortie de la V5 ? j'ai hâte de migrer la dessus !
1  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 08/04/2020 à 23:49
Il serait bien que Bootstrap 5 isole ses composants graphiques de ses classes CSS pour noobs. Il serait sain de pouvoir dégager la chiée de classes mono-déclarations du style .propriete-valeur { propriete: valeur; } couvrant tous les propriétés CSS existantes avec toutes leurs valeurs possibles. Styler une page c'est bien plus que bourrer les attributs style des éléments HTML avec une nuée de ces petites classes vides de sens (à l'échelle du projet), de préférence toujours les mêmes nuées pour les mêmes choses. Ces classes là ce sont des (kilo-)octets superflus qu'on peut s'économiser en mettant soi-même les mains dans le cambouis du CSS, en codant soi-même ses classes qui auront plus de sens dans le projet que les classes de Bootstrap.

Le reboot est déjà isolé, maintenant ça doit être au tour de l'une des autres composantes très intéressantes de Bootstrap, à savoir ses composants d'interface.
0  0 
Avatar de byrautor
Membre averti https://www.developpez.com
Le 15/04/2020 à 18:57

dans 10 ans on aura tout supprimé !
Il faut faire de la place.
Quelle anarchie tout de même.
C'est le "progrès" en marche !
0  0 
Avatar de byrautor
Membre averti https://www.developpez.com
Le 20/04/2020 à 12:12
Citation Envoyé par solo190 Voir le message
Bonne Nouvelle ,
A quand la sortie de la V5 ? j'ai hâte de migrer la dessus !
Moi aussi !
0  0 
Avatar de marc.collin
Membre éprouvé https://www.developpez.com
Le 21/04/2020 à 22:39
j'utilise encore jquery en autre à cause de https://datatables.net/ j'ai aussi utilisé son compétiteur https://bootstrap-table.com/ mais il a aussi beosin de jquery...
0  0 
Avatar de psychadelic
Expert confirmé https://www.developpez.com
Le 22/04/2020 à 17:14
https://github.com/fiduswriter/Simple-DataTables
0  0 
Avatar de marc.collin
Membre éprouvé https://www.developpez.com
Le 26/04/2020 à 16:07
j'avais commencé à l'utiliser en 2018, mais il manquait encore certaine fonctionnalités

pour des cas simple ça peut faire le travail.....
0  0 
Avatar de elonguemare
Membre régulier https://www.developpez.com
Le 28/06/2020 à 10:53
Bonjour,

Voir la doc de Bootstrap 5 : http://localhost:9001/docs/5.0/getti...ed/javascript/ .

>Still want to use jQuery? It’s possible!

>Bootstrap 5 is designed to be used without jQuery, but it’s still possible to use our components with jQuery. If Bootstrap detects jQuery in the window object it’ll add all of our components in jQuery’s plugin system; this means you’ll be able to do $('[data-toggle="tooltip"]').tooltip() to enable >tooltips. The same goes for our other components.

Cordialement,

Eric
0  0