Główna zawartość
Kurs: Programowanie > Rozdział 6
Lekcja 7: Korzystanie z bibliotek JS na twojej stronie internetowejŚwiat bibliotek JS
Istnieją tysiące bibliotek JavaScript, z których mógłbyś skorzystać na swojej stronie internetowej, mogą ci pomóc na wiele sposobów na twojej stronie:
- Manipulacja DOM
- Zdarzenia DOM
- AJAX / Pobieranie danych
- Efekty & animacje
- Szablony HTML
- Układ strony
- Pomocniki UI
- Grafika & wykresy
- Modelowanie danych
- Przekierowania i nawigacja
- Accessibility
- Obsługa wielu przeglądarek
- Obsługa przeglądarek mobilnych
Tutaj inny sposób w jaki lubię myśleć o tym - strona składa się z interfejsu użytkownika (HTML & CSS), interaktywności (JS + DOM), i Danych (które często pobieramy przez JS). Możesz stworzyć swoje własne interaktywne UI bez bibliotek, ale możesz skorzystać z bibliotek w wielu różnych częściach. Niektóre biblioteki zrobią wiele rzeczy, niektóre tylko jedną:
Jedną z najtrudniejszych części w tworzeniu stron jest zdecydowanie z jakich bibliotek będziemy korzystać, ponieważ będziesz tworzył kod w oparciu o te biblioteki i ciężko później zmienić bibliotekę na inną. Nie ma prawidłowej odpowiedzi - znaj opcje, a następnie wybierz tą która ci odpowiada.
Frameworki Web
Istnieją pewne biblioteki, które potrafią "zrobić wszystko" - wszystko, zaczynając na pobieraniu danych, a kończąc na manipulacji DOM i pomocnikach UI. Jeśli używasz jednej z tych bibliotek, z reguły dołączasz dużo kodu JavaScript do swojej strony, więc upewnij się, że potrzebujesz większości z oferowanych przez daną bibliotekę funkcji. Dla niektórych developerów, te biblioteki robią za dużo i uważają, że lepiej będzie skorzystać z mniejszych bibliotek do bardziej sprecyzowanych zadań.
Frameworki CSS
Biblioteka CSS to zbiór reguł CSS z dokumentacją, która pokazuje jakie znaczniki HTML i klasy należy użyć. Istnieje wiele popularnych bibliotek CSS dzięki którym łatwiej ci będzie stworzyć piękną stronę internetową. Czasem obejmują one opcjonalne pomocniki JavaScript, ale developerzy często korzystają z innych bibliotek JS z bibliotekami CSS.
Biblioteki JS wspierające przeglądarki
To biblioteki, które pomogą ci w korzystaniu z funkcjonalności przeglądarek - na przykład DOM API, metody okna - tematy, które omówiliśmy w tym kursie. Pozwalają na uzyskanie tego samego efektu z mniejszą ilością kodu i będą dbać o błędy z kompatybilnością między przeglądarkami.
Biblioteki JS architektury aplikacji
Te biblioteki pomogą Ci z twoją aplikacją w trakcie jej rozwoju. Twój kod może być łatwy do zarządzania teraz, ale gdy dojdziesz do tysięcy linii kodu, twój kod może stać się "kodem spaghetti" - niezarządzalnym koszmarem. Te biblioteki pomogą ci rozdzielić "model" (dane) od "widoku" (prezentacji) i często korzystają z zasad programowania zorientowanego obiektowego do organizacji kodu.
Mini biblioteki i mikrobiblioteki
Możesz użyć małych bibliotek, które zostały napisane do określonego zadania - gdy są bardzo małe, mogą zostać nazwane "mikrobibliotekami". Tutaj kilka z nich:
- DOM: tinyDOM
- Zdarzenia: Events.js
- AJAX: MicroAjax
- Animacje: Morpheus, Viper
- Modelowanie Danych: Spine, Knockout
- Szablony: Handlebars, Mustache
- Przekierowania: PathJS
- Biblioteki zorientowane obiektowo: Classy, Klass
- Grafika: Processing.JS (Zobacz przykład na KA), RaphaelJS (Zobacz przykład na KA), D3, Three.JS (Zobacz przykład na KA), Paper.js
- Wykresy: gRaphael, High Charts
- Data/czas: moment.js
Więcej możesz znaleźć na microjs.com lub szukając na internecie "javascript library [funkcjonalność]" niezależnie od tego jakiej funkcjonalności szukasz.
Czy próbowałeś korzystać z jakieś biblioteki JS w swoich stronach na Khan Academy? Podziel się w komentarzu poniżej.
Chcesz dołączyć do dyskusji?
Na razie brak głosów w dyskusji