devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Języki programowania
Home›Języki programowania›Bootstrap 5.0 alfa nadchodzi, bez obsługi jQuery

Bootstrap 5.0 alfa nadchodzi, bez obsługi jQuery

By Bernadeta Zapała
22 czerwca 2020
147
0
Share:

Pojawiła się pierwsza wersja Bootstrap 5.0, w wersji alfa. Główne zmiany to szybsze ładowanie stron a także mniejsze rozmiary plików. Ten framework witryn mobilnych stworzono do projektowania nowoczesnych, responsywnych i dynamicznych interfejsów dla profesjonalnych stron internetowych. To wszystko jest możliwe dzięki wielu szablonów projektowych opartych na HTML i CSS dla różnych elementów strony internetowej lub aplikacji, m.in. przyciski, nawigacja, formularze, typografia czy innych elementów interfejsu z pomocnym rozszerzeniem JavaScript.

Bootstrap 5.0 logo

Jak mówią twórcy, w nowej wersji nie bali się odejść od tego co przestało być odpowiednie lub jest przestarzałe. Dlatego też Bootstrap 5.0 nie jest już zależny od biblioteki JavaScript jQuery .Ponadto zrezygnowano z obsługi przeglądarki Internet Explorer.

„Koncentrujemy się na budowaniu narzędzi, które są bardziej przyjazne dla przyszłości. I chociaż nie jesteśmy jeszcze w pełni tam przygotowani, obietnica zmiennych CSS, szybszego JavaScript, mniej zależności i lepsze interfejsy API z pewnością są dla nas właściwe.”

Lżejsze pliki w Bootstrap 5.0

jQuery to bogata w funkcje, szybka biblioteka JavaScript. Połączenie wszechstronności i rozszerzalności dało dostęp do elementów dokumentu bez pisania dużej ilości kodu JavaScript, reagowania na interakcję użytkownika, pobieranie informacji z serwera bez odświeżania strony za pomocą AJAX, zmienianie zawartości dokumentu czy dodawanie animacji do strony internetowej.

jQuery logo

Podczas ośmiu lat korzystania z jQuery przez Bootstrap, jQuery rozrosło się i zostało dość dużą strukturą . W przeciwieństwie do jQuery, większość frameworków, takich jak Angular, React czy Vue, działa poprzez wirtualną DOM, prowadząc do lepszej wydajności. Dzięki ulepszeniom narzędzi programistycznych i obsługi przeglądarki można było zrezygnować z jQuery. Projekty oparte na Bootstrap 5.0 staną się lżejsze. Dotyczy to rozmiaru plików i postępu ładowania strony.

Vanilla JS

W związku z usunięciem jQuery, wszelkie jego funkcje zapytań będą wykonywane przy użyciu Vanilla JS. Dzięki temu nie ma potrzeby martwienia się o rozmiar lub sumowanie nieistotnych funkcji, ponieważ można pisać wydajny kod Vanilla JavaScript.

Koniec obsługi IE i niestandardowe właściwości CSS

Na początku działalności Internet Explorer był jedyną przeglądarką obsługującą skrypty JS i aplety CSS. Jednak obecnie nie obsługuje on nowoczesnych standardów JavaScript i kody musiały być kompilowane do ES5 zamiast ES6. Zwiększało to także rozmiar projektów prawie o 30%. Ponadto powoduje to ograniczenia w korzystaniu z właściwości CSS i mniejsze możliwości projektowania stron internetowych. Rezygnacja z obsługi IE pozwoliła projektom na większą elastyczność dzięki niestandardowym właściwościom Sass i CSS.

Kolory Bootstrap 5.0

Rozszerzenie palety kolorów w Bootstrap 5.0

W Bootstrap 5.0 rozszerzono również paletę kolorów. Teraz łatwiej można dostosować wygląd aplikacji bez opuszczania bazy kodu. Poprawiono kontrast kolorów, dzięki czemu strony oparte na Bootstrap będą bardziej dostępne dla ludzi na całym świecie.

Źródła:

  • https://designmodo.com/bootstrap-5/
  • https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
  • https://www.infoworld.com/article/3563416/bootstrap-50-alpha-arrives-sans-jquery.html
TagsBootstrap 5.0FrameworkJavaScriptJqueryMobile DevelopmentSoftware Development

Share:

  • Narzędzia

    Deno 1.4 z zintegrowanym pokryciem testów i API WebSocket

  • InformacjeNarzędzia

    Certyfikat programisty Tensor Flow ogłoszony przez Google

  • Cypress 6.0
    QA

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 3 marca 2021

    Vite 2.0 wydane z nowymi wtyczkami

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT