Cz\u0119sto s\u0142yszymy takie terminy, jak biblioteka JavaScript czy JavaScript Framework, ale wiele os\u00f3b nowych w tej dziedzinie nie zna r\u00f3\u017cnicy mi\u0119dzy bibliotekami JS a frameworkami JS. Wiele stron internetowych pr\u00f3bowa\u0142o znale\u017a\u0107 odpowiedzi na to cz\u0119sto zadawane pytanie.<\/p>\n Dobra odpowied\u017a m\u00f3wi, \u017ce biblioteka JS to biblioteka wst\u0119pnie napisanych kod\u00f3w JavaScript zaprojektowana w celu u\u0142atwienia tworzenia aplikacji opartych na JS. Nast\u0119pnie biblioteka JavaScript mo\u017ce zawiera\u0107 kilka metod, obiekt\u00f3w lub funkcji, co zale\u017cy od j\u0119zyka.<\/p>\n Twoja aplikacja, kod nadrz\u0119dny, mo\u017ce wywo\u0142a\u0107 bibliotek\u0119 JS, aby umo\u017cliwi\u0107 dost\u0119p do funkcji.<\/p>\n Framework JavaScript to zbi\u00f3r bibliotek JavaScript, kt\u00f3re b\u0119d\u0105 odwo\u0142ywa\u0107 si\u0119 do kodu nadrz\u0119dnego i u\u017cywa\u0107 go w okre\u015blony spos\u00f3b. Struktura definiuje ca\u0142y projekt aplikacji, kt\u00f3ry kontroluje Twoj\u0105 aplikacj\u0119 i oferuje wywo\u0142ania zwrotne i podpi\u0119cia, na kt\u00f3rych mo\u017cna budowa\u0107.<\/p>\n Biblioteka JavaScript to fragment kodu, kt\u00f3ry mo\u017cna ponownie wykorzysta\u0107 w celu zapewnienia okre\u015blonej funkcjonalno\u015bci. R\u00f3\u017cni si\u0119 od frameworka przep\u0142ywem sterowania: biblioteka oferuje funkcje, klasy i obiekty, kt\u00f3re maj\u0105 by\u0107 wywo\u0142ywane przez jej kod nadrz\u0119dny, tj. do u\u017cycia w aplikacji.<\/p>\n Biblioteka wyodr\u0119bni lub wybierze r\u00f3\u017cne warstwy, dzi\u0119ki czemu nie b\u0119dziesz musia\u0142 martwi\u0107 si\u0119 o szczeg\u00f3\u0142y implementacji. Wywo\u0142aj funkcj\u0119 w bibliotece i podaj jej kilka parametr\u00f3w. Biblioteka JavaScript wykona go i zwr\u00f3ci Ci kontrol\u0119.<\/p>\n Biblioteki JavaScript nie nak\u0142adaj\u0105 ogranicze\u0144 strukturalnych, aby ograniczy\u0107 spos\u00f3b korzystania z biblioteki.<\/p>\n Sprawd\u017a t\u0119 popularn\u0105 kolekcj\u0119 bibliotek JavaScript:<\/p>\n Tw\u00f3rcy Instagrama i Facebooka s\u0105 tw\u00f3rcami React, wszechstronnej biblioteki JavaScript, kt\u00f3r\u0105 programi\u015bci uznali za najbardziej ulubion\u0105 technologi\u0119 zgodnie z ankiet\u0105 Stack Overflow z 2017 roku. Liczba gwiazdek GitHub ocenia go jako najpopularniejszy projekt JavaScript.<\/p>\n React pozwala programistom generowa\u0107 interaktywny interfejs u\u017cytkownika za pomoc\u0105 metody deklaratywnej, kt\u00f3ra pozwala na pe\u0142n\u0105 kontrol\u0119 stanu aplikacji poprzez stwierdzenie \u201ewidok powinien wygl\u0105da\u0107 tak".<\/p>\n React wykorzystuje model oparty na komponentach, a ka\u017cdy komponent jest elementem interfejsu u\u017cytkownika wielokrotnego u\u017cytku z w\u0142asnym stanem. Korzystaj\u0105c z wirtualnego DOM, React jest jedn\u0105 z najlepszych bibliotek JavaScript, kt\u00f3ra eliminuje obawy zwi\u0105zane z bezpo\u015bredni\u0105 manipulacj\u0105 DOM.<\/p>\n React to bogata w funkcje biblioteka JavaScript, a niekt\u00f3re z jej najbardziej wyr\u00f3\u017cniaj\u0105cych si\u0119 cech obejmuj\u0105 opcjonaln\u0105 sk\u0142adni\u0119 JSX, jednokierunkowy przep\u0142yw danych i narz\u0119dzie wiersza polece\u0144, kt\u00f3re usprawnia tworzenie projektu React bez konieczno\u015bci konfigurowania budowania. Dzi\u0119ki wielu dost\u0119pnym pakietom React<\/a> mo\u017cesz budowa\u0107 niesamowite rzeczy.<\/p>\n Co to jest jQuery? jQuery to biblioteka JavaScript, kt\u00f3r\u0105 mo\u017cna pobra\u0107 ze strony jquery.com lub strony JavaScript, gdzie mo\u017cna r\u00f3wnie\u017c znale\u017a\u0107 dokumentacj\u0119 jQuery dotycz\u0105c\u0105 korzystania z jQuery. Biblioteka jQuery to darmowe, wieloplatformowe oprogramowanie korzystaj\u0105ce z permisywnej licencji MIT.<\/p>\n Do czego s\u0142u\u017cy jQuery? JavaScript jQuery pozwala na \u0142atwiejsz\u0105 manipulacj\u0119 DOM i sprawia, \u017ce \u200b\u200bJavaScript jest bardziej dost\u0119pny. Czy jQuery jest frameworkiem? Nie, Java Script jQuery to biblioteka, a nie framework. Jest to biblioteka przyjazna dla programist\u00f3w ze wzgl\u0119du na prost\u0105 sk\u0142adni\u0119 i mi\u0119kk\u0105 krzyw\u0105 uczenia si\u0119.<\/p>\n jQuery jest jedn\u0105 z najpopularniejszych bibliotek JavaScript, a jej popularno\u015b\u0107 jako niezawodnego narz\u0119dzia do tworzenia stron internetowych z obs\u0142ug\u0105 wielu przegl\u0105darek wynika\u0142a z podstawowych cech, takich jak obs\u0142uga zdarze\u0144, manipulacja DOM w oparciu o selektory CSS oraz mo\u017cliwo\u015b\u0107 wykonywania wywo\u0142a\u0144 AJAX.<\/p>\n JavaScript jako j\u0119zyk programowania bardzo si\u0119 rozwin\u0105\u0142, a kilka najnowszych funkcji jQuery zosta\u0142o zintegrowanych z najnowsz\u0105 specyfikacj\u0105 ECMAScript.<\/p>\n Dzisiejsze najlepsze frameworki i biblioteki JavaScript nie wymagaj\u0105 ju\u017c technik manipulacji DOM, poniewa\u017c maj\u0105 wbudowan\u0105 metod\u0119 wi\u0105zania DOM. W tym kontek\u015bcie jQuery mo\u017ce nie by\u0107 tak popularne jak kiedy\u015b, ale pozostaje jedn\u0105 z najcz\u0119\u015bciej u\u017cywanych bibliotek JavaScript.<\/p>\n D3 to biblioteka wizualizacji wykorzystuj\u0105ca standardy, takie jak HTML, SVG i CSS. Jest to pot\u0119\u017cna i unikalna biblioteka JavaScript, kt\u00f3ra znacznie zwi\u0119ksza kontrol\u0119 nad ko\u0144cowym wynikiem.<\/p>\n D3: Dokumenty oparte na danych wi\u0105\u017c\u0105 dane z DOM i dokonuje transformacji do dokumentu. Dzi\u0119ki w\u0142asnemu ekosystemowi bibliotek i wtyczek D3 rozszerzy\u0142o swoj\u0105 podstawow\u0105 funkcjonalno\u015b\u0107. Ponadto w Internecie dost\u0119pnych jest wiele samouczk\u00f3w i dokumentacji.<\/p>\n Underscore wszed\u0142 do kr\u00f3lestwa JavaScript w 2009 roku i zosta\u0142 opracowany przez Jeremy’ego Ashkenasa jako wszechstronna biblioteka narz\u0119dziowa zawieraj\u0105ca ponad 100 r\u00f3\u017cnych funkcji. Takie funkcje pozwalaj\u0105 programistom kontrolowa\u0107 obiekty, tablice i inne funkcje.<\/p>\n Kluczowe funkcje obejmuj\u0105 funkcjonalne pomocniki programowania, takie jak mapowanie, filtrowanie i zmniejszanie. FP lub programowanie funkcjonalne to popularny paradygmat, kt\u00f3ry unika zmiany stanu i zmiany danych.<\/p>\n Lodash wszed\u0142 do \u015bwiata bibliotek JavaScript w 2012 roku. Zaprojektowany przez Johna-Davida Daltona, Lodash oferuje sp\u00f3jne wsparcie iteracji w r\u00f3\u017cnych \u015brodowiskach dla ci\u0105g\u00f3w, tablic i obiekt\u00f3w argument\u00f3w.<\/p>\n Dzi\u015b Lodash jest nadzbiorem Underscore, kt\u00f3ry jest definiowany przez ulepszon\u0105 dokumentacj\u0119 i wi\u0119cej funkcji. Wi\u0119kszo\u015b\u0107 programist\u00f3w, w tym wsp\u00f3\u0142tw\u00f3rcy Underscore, pracuje teraz z Lodash zamiast Underscore.<\/p>\n Standardy JavaScript ewoluowa\u0142y tak bardzo, \u017ce wiele narz\u0119dzi udost\u0119pnianych przez biblioteki zewn\u0119trzne jest teraz do\u0142\u0105czanych do JavaScript.<\/p>\n W tym kontek\u015bcie Lodash i Underscore mog\u0105 nie by\u0107 ju\u017c potrzebne, chocia\u017c zar\u00f3wno Lodash, jak i Underscore pozostaj\u0105 doskona\u0142ymi bibliotekami narz\u0119dzi, szczeg\u00f3lnie przydatnymi w aplikacjach FP.<\/p>\n Frameworki JavaScript ustanawiaj\u0105 i steruj\u0105 przep\u0142ywem kontroli aplikacji. Definiuje szkielet i m\u00f3wi programistom, jak powinny by\u0107 zorganizowane istotne elementy. Najlepsze frameworki JavaScript zapewniaj\u0105 r\u00f3wnie\u017c podstawow\u0105 funkcjonalno\u015b\u0107 do konfiguracji aplikacji.<\/p>\n U\u017cywaj\u0105c frameworka JavaScript, stajesz si\u0119 zmuszony do przestrzegania wzorc\u00f3w projektowych i zasad odpowiednich framework\u00f3w. Framework wzywa ciebie, podczas gdy ty wywo\u0142ujesz bibliotek\u0119.<\/p>\n Frameworki JavaScript cz\u0119sto sk\u0142adaj\u0105 si\u0119 z wielu bibliotek. Maj\u0105 wysoki poziom abstrakcji i szereg wbudowanych funkcji, w tym testowanie, wi\u0105zanie szablon\u00f3w, wi\u0105zanie danych, wywo\u0142ania AJAX czy obs\u0142ug\u0119 zdarze\u0144. Oto niekt\u00f3re z najlepszych framework\u00f3w JavaScript:<\/p>\n Trzy g\u0142\u00f3wne frameworki rz\u0105dz\u0105 \u015bwiatem JavaScript w kategorii popularno\u015bci, tj. Angular, Vue i React. Te frameworki s\u0105 najlepszym miejscem do rozpocz\u0119cia nauki frameworka dla nowych programist\u00f3w. Dost\u0119pnych jest wiele zasob\u00f3w edukacyjnych.<\/p>\n Kiedy\u015b ukuty jako najpopularniejszy i najlepszy framework javascript, a tak\u017ce najlepszy framework frontendowy dla JavaScript, Angular mia\u0142 wsparcie Google, a tak\u017ce solidnej grupy korporacji i os\u00f3b prywatnych. Najnowsza wersja Angulara zosta\u0142a wydana w 2016 roku.<\/p>\n Vue.js to progresywny framework JavaScript wydany w 2014 roku przez Evana You, kiedy by\u0142 jeszcze cz\u0119\u015bci\u0105 zespo\u0142u Google. Platforma open-source, Vue.js, zmieni\u0142a si\u0119 radykalnie od 2014 roku i jest obecnie uwa\u017cana za wyrafinowan\u0105 SPA.<\/p>\n Progresywno\u015b\u0107 Vue sprawia, \u017ce \u200b\u200bjest to pot\u0119\u017cny framework JavaScript, poniewa\u017c mo\u017cesz stopniowo dodawa\u0107 go do swojej aplikacji. Jest to framework, kt\u00f3ry mo\u017cna \u0142atwo miesza\u0107 i dopasowywa\u0107 do projekt\u00f3w JS, co jest \u015bwietn\u0105 funkcj\u0105, kt\u00f3rej brakuje zar\u00f3wno Angularowi, jak i Emberowi.<\/p>\n Funkcje dost\u0119pne w Vue.js obejmuj\u0105 szablony, komponenty, dwukierunkowe wi\u0105zanie danych, skupienie na reaktywno\u015bci i przej\u015bcia.<\/p>\n Bootstrap to front-endowy framework JavaScript, kt\u00f3ry zosta\u0142 stworzony dla tych, kt\u00f3rzy nie lubi\u0105 projektowania. Wcze\u015bniej znany jako Twitter Blueprint, Bootstrap promuje si\u0119 jako najlepszy framework JS, HTML i CSS dla responsywnych projekt\u00f3w mobilnych.<\/p>\n Mark Otto i Jacob Thornton, kt\u00f3rzy byli w\u00f3wczas cz\u0119\u015bci\u0105 Twittera, uruchomili Bootstrap w 2011 roku. Jest to framework, z kt\u00f3rego mog\u0105 korzysta\u0107 ludzie, kt\u00f3rzy nie s\u0105 projektantami, aby bez wi\u0119kszego wysi\u0142ku tworzy\u0107 rozs\u0105dnie wygl\u0105daj\u0105ce witryny i wdra\u017ca\u0107 responsywny design.<\/p>\n Bootstrap u\u017cywa wtyczek JS oraz ikon, styl\u00f3w i komponent\u00f3w CSS. Wtyczki obejmuj\u0105 mi\u0119dzy innymi modele, alerty, listy rozwijane i przyciski.<\/p>\n Inny framework JS typu open source, Ember.Js to narz\u0119dzie do budowania opracowane przez Yehud\u0119 Katz jako SproutCore 2.0 i wydane w 2011 roku. Ma wbudowany router i dane Ember. Ember.js jest uwa\u017cany za elastyczn\u0105, sztywn\u0105 platform\u0119 skupiaj\u0105c\u0105 si\u0119 na konwencji, a nie na konfiguracji.<\/p>\n Wielu nowych programist\u00f3w czuje si\u0119 zniech\u0119conych przez do\u015bwiadczonych programist\u00f3w, kt\u00f3rzy twierdz\u0105, \u017ce arena JavaScript zmienia si\u0119 zbyt szybko. Jako nowy programista mo\u017cesz us\u0142ysze\u0107 narzekania na to, \u017ce zbyt szybko pojawia si\u0119 zbyt wiele bibliotek i framework\u00f3w JavaScript.<\/p>\n Tak, \u015bwiat JavaScript to szybko rozwijaj\u0105ce si\u0119 \u015brodowisko; nie ma sensu zaprzecza\u0107 oczywisto\u015bci. Jednak nadal musisz nauczy\u0107 si\u0119 frameworka, je\u015bli chcesz wej\u015b\u0107 do dziedziny JS. Ten artyku\u0142 oferuje tylko szybki wgl\u0105d w t\u0119tni\u0105cy \u017cyciem \u015bwiat bibliotek i framework\u00f3w JavaScript.<\/p>\n Przejd\u017a na wy\u017cszy poziom i wybierz framework oraz bibliotek\u0119 i rozpocznij nauk\u0119!<\/p>\n Je\u015bli podoba\u0142 Ci si\u0119 ten artyku\u0142 o bibliotekach JavaScript, powiniene\u015b zapozna\u0107 si\u0119 z tym artyku\u0142em na temat wynagrodzenia programisty WordPress<\/a>.<\/p>\n Pisali\u015bmy r\u00f3wnie\u017c o kilku powi\u0105zanych tematach, takich jak szkolenie z WordPressa<\/a>, konwersja HTML do WordPressa<\/a>, najlepszy edytor kodu<\/a> i rozszerzenia Brackets<\/a>.<\/p>\n![\"Niezb\u0119dne](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
Co to jest biblioteka JavaScript?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Co to jest framework JavaScript?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nBiblioteki JavaScript<\/h3>\n
<\/a><\/p>\n\n
Reagowa\u0107<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: Dokumenty oparte na danych<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Podkre\u015blenie i Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Podkre\u015bla\u0107<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodasza<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nPopularne frameworki JavaScript<\/strong><\/h3>\n
<\/a><\/p>\nWielka Tr\u00f3jka framework\u00f3w JavaScript<\/h3>\n
\n
K\u0105towy<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Bootstrap<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Human.js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\nKo\u0144cowe przemy\u015blenia na temat bibliotek JapaScript<\/strong><\/h3>\n