Przegląd frameworków JavaScript: Prototype
sobota, 13 czerwiec 2009 - 05:44:13
Jako ostatni przetestowałem bibliotekę Prototype. Swego czasu była to biblioteka najbardziej popularna w projektach korporacyjnych. Realizuje podobny model jak MooTools, jednak można przy jej pomocy tworzyć kod przypominający ten tworzony pod jQuery. Prototype to rozwiązanie dojrzałe i spójne. Mimo iż trochę brakuje niektórych aspektów, to pozostałe są dopracowane bardzo szczegółowo. Jedynym mankamentem tej biblioteki jest dramatycznie niska wydajność w przeglądarkach Internet Explorer (przynajmniej w kwestii obsługi selektorów, bo to właśnie obejmuje test SlickSpeed, na wynikach którego się opieram). W pozostałych przeglądarkach spokojnie może on konkurować z MooTools, czy jQuery, a nawet zazwyczaj je przeganiać - jedynie dojo pozostaje niedoścignionym demonem szybkości. Po przeglądzie wszystkich bibliotek to właśnie na Prototype postanowiłem postawić i wydaje mi się, że był to dobry wybór. Korzysta się z niego bardzo wygodnie, oferuje bardzo szeroką funkcjonalność przy minimalnym ograniczaniu już istniejącej funkcjonalności i pozostawiając szerokie możliwości rozbudowy. Tworzony kod jest bardzo wygodny i sami decydujemy w jakim stopniu używamy frameworku, a ile robimy standardowymi metodami.…
Tagi: web teksty javascript ajax dom
Przegląd frameworków JavaScript: MooTools
piątek, 12 czerwiec 2009 - 03:22:23
Kolejnym frameworkiem w kolejce był MooTools. Realizuje on odmienną od dojo i jQuery ideę - nie tworzy zupełnie nowego środowiska, lecz rozszerza domyślny model typów danych. Powiem szczerze, że o wiele bardziej mi się podoba taka metoda działania, jak już wspominałem przy okazji opisywania dojo - po pierwsze nie trzeba uczyć się zbyt wiele, po drugie możemy sami decydować w jakim stopniu korzystamy z oferowanych przez bibliotekę opcji i po drugie takie rozwiązanie jest moim zdaniem o wiele bardziej skalowalne - nie rozwarstwia kodu przez co mamy nadal pełną swobodę odnośnie jego podziału i polityki rozwoju. MooTools jest bardzo wygodny w użyciu, szczególnie, jeśli do tej pory pracowaliśmy już z JavaScript, ale niekoniecznie korzystaliśmy z jakiejś biblioteki tego typu. Jedynym mankamentem jest nieco postrzępiona dokumentacja (nieraz czytając okazuje się, że błądzimy bez celu, bo ktoś nie dodał opisu potrzebnych akurat nam rzeczy).…
Tagi: web teksty javascript ajax dom
Przegląd frameworków JavaScript: jQuery
czwartek, 11 czerwiec 2009 - 15:33:29
Muszę przyznać, że dojo wywarło na mnie bardzo pozytywne wrażenie, mimo kilku mankamentów dotyczących raczej mojego subiektywnego podejścia i metod tworzenia aplikacji. Następny postanowiłem wypróbować jQuery. Ten framework cieszy się dużą popularnością i bardzo szybko zdobywa sobie uznanie w sieci. Powiem szczerze, że opinie, jakie o nim czytałem w większości niemal spowodowały, że w ciemno wybrałbym ten framework - od razu powiem, że całe szczęście, że postanowiłem to wszystko przejść na własnej skórze. Ta biblioteka rozczarowała mnie i to mocno. Zupełnie nie rozumiem fascynacji nią w środowisku deweloperów. Jedyną jej zaletą jest to, że pozwala stworzyć tasiemca w jednej linijce, który coś zrobi.…
Tagi: web teksty javascript ajax dom
Przegląd frameworków JavaScript: dojo
środa, 10 czerwiec 2009 - 03:51:25
JavaScript jest obowiązkowym elementem każdej nowoczesnej aplikacji webowej. Ja sam jestem w nim powiedzmy średnio-zaawansowany: tego co jest potrafię używać do czego potrzeba, ale poezji w nim nie stworzę. We własnych aplikacjach piszę kod dość łopatologicznie, natomiast kiedy tworzę coś, co musi zadziałać i to sprawnie, wykorzystuję framework, do którego akurat jest dostępne przystępne case study projektów podobnych do tego, co właśnie muszę wyposażyć w interfejs wygodniejszy niż czysty XHTML+CSS. Jednak z czasem stało się to niewygodne, bo zamiast przyzwyczajać się chociaż do jednego frameworka, za każdym razem zaczynałem pracę od nowa. Postanowiłem wstawić w swój silnik webowy jakiś konkretny framework. Postanowiłem przejrzeć 4 popularne frameworki - dojo, jQuery, MooTools i Prototype. Początkowo brałem też pod uwagę YUI, jednak po przejrzeniu dokumentacji i przykładów doszedłem do wniosku, że jest on nieadekwatny do moich potrzeb. To czego potrzebowałem nie jest tam wcale uproszczone (na przykład brak wsparcia dla przesyłania danych za pośrednictwem XHR wykorzystując JSON, a sam framework jest niewątpliwie stworzony z myślą o wysoce skalowalnych, dużych serwisach - ja JavaScript wykorzystuję na mniejszą skalę. Postanowiłem się więc podzielić swoimi spostrzeżeniami na temat wspomnianych bibliotek. Nie będą to tutoriale, ale moje subiektywne oceny, może pomogą komuś w podjęciu decyzji.…
Tagi: web teksty javascript ajax dom
Mapy Google na swojej stronie
piątek, 05 czerwiec 2009 - 06:12:41
Wielu z Was pewnie nieraz widziało na przeróżnych stronach zamieszczone mapki Google'a jako interaktywne wstawki. Ba, nawet pokazujące miejsce, o którym akurat strona traktuje. Umieszczenie takiej mapki na stronie wcale nie jest trudne, a wręcz banalnie proste - wszystko dzięki rozbudowanemu API udostępnionemu przez Google. Google Maps API począwszy od wersji 2 dostępne jest za pośrednictwem standardowego interfejsu JavaScript udostępnianego przez Google. Obecnie w wersji testowej jest już trzecia wersja API do map, jednak ja opiszę tutaj obecnie dostępną jako stabilną wersję drugą, zresztą nie sądzę, aby w podstawowych wywołaniach zaszły diametralne zmiany. Zanim jednak zaczniemy pracę musimy wygenerować sobie klucz dostępu. W tym cely musimy się udać na stronę rejestracji i podać URL strony, na której chcemy używać map. Tutaj od razu uwaga - wpisujemy taki adres, po jakim będą na stronę wchodzić użytkownicy. Google nie sprawdza IP, hosta, ani niczego innego związanego z połączeniem - jedynie URL jaki został wpisany w przeglądarce. Oznacza to, że jeśli mamy skrypt dostępny pod kilkoma domenami, to musimy wstawiać odpowiednie klucze dla każdej domeny. Z drugiej strony, nawet jeśli pracujemy na tymczasowej domenie, albo wręcz w testowym środowisku, nie będzie potem potrzeby zmiany klucza. Mając klucz możemy przejść do kwestii technicznych. Opiszę tutaj jedynie podstawy korzystania z Google Maps API, szczegółową dokumentację znajdziecie tutaj.…
Tagi: web tutorial google javascript
Od podstaw: XML
poniedziałek, 30 marzec 2009 - 01:17:33
XML to "rozszerzalny język znaczników" (ang. eXtensible Markup Language). Oznacza to, że jest to język uniwersalny przeznaczony do tworzenia języków oznaczeń - sam w sobie jest jedynie zbiorem zasad składni, definiuje pewne mechanizmy rządzące dokumentem, nie definiuje za to żadnych znaczników ani atrybutów. Innymi słowy XML określa jedynie format zapisu, a nie format samych danych. Robią to dopiero języki oparte na XML-u takie jak XHTML, RSS i wiele innych. Sam XML jest pochodnym SGML, a ten z kolei wywodzi się z GML. Nie będę ich tutaj omawiał, jednak ich idea jest podobna. Zostały one opracowane w celu przechowywania i współdzielenia dokumentów w jednolity sposób na przestrzeni lat. XML jest w gruncie rzeczy uproszczoną wersją SGML - ogranicza jego implementacje tylko do domyślnej składni, ujednolica wiele zagadnień (jak chociażby "puste" tagi). O XML-u pewnie obiło się wielu osobą o uszy, często jednak nie zdają sobie sprawy jak ważne są niektóre jego aspekty. Widać to chociażby w przypadku stron WWW tworzonych w tej technologii (korzystając z języka XHTML).…
Tagi: web technologie teksty xml
Chillout Development
poniedziałek, 23 marzec 2009 - 01:40:37
Miło mi jest poinformować, że właśnie ruszyła inicjatywa Chillout Development. Jest to efekt mojej współpracy z cDStudio-web.com i Studio74.pl. Od teraz pod wspólnym szyldem będziemy realizować projekty zarówno na zewnątrz jak i własne.…