htmx
to biblioteka, która pozwala na łatwy dostęp do AJAX, przejść CSS, WebSockets i
Server Sent Events
bezpośrednio w HTML, korzystając wyłącznie z atrybutów HTML. Dzięki czemu nie trzeba pisać skomplikowanej składni czy własnego JavaScriptu.
Dawno, dawno temu – kiedy jeszcze nie było neostrady… żeby odpalić video w na stronie, trzeba było mieć flash i kupę dodatkowych skryptów. Po tym jak pojawił się HTML5 sprawa się lekko uprościła i wystarczył tag VIDEO i mądre przeglądarki w teorii zaczęły odtwarzać video bez flasha.
You might not need jQuery to bardzo fajna strona która w prosty sposób pokazuje jak zrobić “coś” bez jQuery. Przez lata każdy przyzwyczaił się do słynnego $(… a okazuje się że często można obejść się bez. Dlaczego właściwie można próbować robić cokolwiek bez jQuery? Ano powodów jest kilka:
Prędkość – załadowanie jQuery trwa, niezależnie czy idzie z CDN czy lokalnie, Rozmiar strony – samo jQuery tyje, projekt jQuery Slim trochę ratuje sytuacje ale ciągle jQuery to szczęśliwy grubasek, Po prostu nie warto – jeśli potrzebujesz zmienić widoczność elementu, albo nadpisać “onclick” – można to zrobić przy pomocy jednej linijki zwykłego JavaScript
bez jQuery…
el = document.getElementById('of'); el.addEventListener('submit', function(ev) { var checkboxes = document.getElementsByClassName('checkboxy'); var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked); if (checkOne == false) { ev.preventDefault(); alert("Wybierz przynajmniej jeden checkbox"); } gdzie id formularza to “of” a klasa checkboxów to .checkboxy
jQuery
od lat jest już praktycznie standardową biblioteką jaką używa się przy wszystkich pracach na stronie.
Coraz rzadziej korzysta się z vanilla JavaScript mimo tego, że różnice pomiędzy przeglądarkami nie są już tak wielkie jak 5 – 10 lat temu. Bo właśnie dlatego powstało jQuery – żeby zniwelować różnice pomiędzy interpretacją JavaScript przez różne przeglądarki.
jQuery przytyło i ciągle tyje… jest kilka niezłych alternatyw takich jak np
Zepto.js
, ale… czasami można się obejść bez JavaScript – polecam stronę
You Don’t Need jQuery
gdzie można znaleźć kompletną listę zamienników.
Jak rzucę hasło AJAX to od od razu nasuwa się $.ajax({}); ewentualnie $.post, albo $.get z jQuery. Na szczęście można się bez tego odejść, dzięki projektom takim jak intercooler.js .
Idea jest prosta i polega na tym, ze zamiast pisać JavaScript i podczepiać go do HTML tworzymy tagi, które są intepretowane przez intercooler i na ich podstawie dokonywane są akcje ajax. Odsyłam na stronę dokumentacji , jest bardzo przejrzysta i zawiera mnóstwo przykładów.
Od czasu do czasu przychodzi mi napisać coś co ma wyglądać jako aplikacja natywna na iOS albo Android, ale oczywiście oszukujemy i robimy ją w JavaScript i HTML. Jest sporo dostępnych rozwiązań na rynku, np. jQuery mobile (ciężkie, stare i wolne). Jeśli szukacie czegoś lekkiego i szybkiego polecam
Ratchet
Jako entuzjasta nowych technologii, zawsze “sprawdzam” wszystkie nowinki w postaci
node.js
, frameworki PHP
Laravel
czy
Phalcon PHP
. Wszystko ładnie, pięknie – wszystko jest szybsze i lepsze niż jego poprzednicy. Niektóre, nawet pozwalają na niepisanie kodu, a używanie generatorów.
Zoomerang.js to bardzo fajna biblioteka pozwaląca na powiększenie wybranych elementów na stronie. Nie ma specjalnej konfiguracji, wystarczy skorzystać z klasy <span class="zoom"> na danym elemencie i działa. Jedyne ograniczenie to koniecznośc posiadania przeglądarki z obsługą CSS3, więc stare wersje IE nie będą działać.
Bardzo ciekawy projekt – PHP.JS zastanawiam się tylko dla kogo 🙂 Idea jest bardzo prosta – odwzorować funkcje znane w PHP w JavaScript. Mamy więc do dyspozycji funkcje takie jak array,date czy nawet json_decode. Jest to więc doskonały zestaw dla każdego programisty PHP, który czuje się zagubiony przy pracy z JavaScript.
