Blog webdeveloperski Patryk yarpo Jar

Tech 3 Camp: Kompresja stron internetowych

Autor wiadomości Czerwiec 19, 2013

Wczoraj miałem okazję przedstawiać temat kompresji stron internetowych na branżowym spotkaniu Tech 3 Camp.

Cieszę się z dobrego odbioru publiczności oraz z kilku bardzo ciekawych rozmów po prezentacji. Tak jak obiecałem zamieszczam swoją prezentację.

Parsowanie JSON

Autor wiadomości Grudzień 28, 2011

JSON (ang. JavaScript Object Notation) jest bardzo przyjemnym formatem wymiany danych. W tym wpisie postaram się pokazać kilka sposobów na parsowanie ciągu znaków zgodnego (lub zbliżonego) z JSON. Z zasadami tworzenia poprawnego JSON można zapoznać się na oficjalnej stronie.

Opisane sposoby:

  • funkcja `eval' (natywna funkcja JS - archaiczne rozwiązanie)
  • biblioteka json2 (obiekt `JSON') by Doug Crockford
  • biblioteka json_parse' (funkcja `json_parse')  by Doug Crockford
  • biblioteka json_sans_eval (funkcja jsonParse) by Mike Samuel
  • obiekt JSON = { stringify : function, parse : function } (natywny obiekt JS - nowsze przeglądarki)
  • parser JSON w jQuery
  • parser JSON w Dojo Toolkit

[jQuery] Różne kodowanie strony i wyniku Ajax

Autor wiadomości Maj 23, 2011

W jednym z wcześniejszych wpisów opisałem, w jaki sposób naprawić problem z różnymi kodowaniami znaków na stronie wykorzystującej Ajax oraz zasób, do którego się odwołujemy na serwerze.

W tym artykule pokażę, jak to zrobić wykorzystując jQuery.

Na początek

[JavaScript] Pseudo MVC na jQuery

Autor wiadomości Maj 5, 2011

Kod HTML coraz częściej naszpikowany jest wieloma artybutami pomocnymi przy wdrażaniu kodu JS do projektu. Czy nie da się z tym czegoś zrobić? Dodatkowo bardzo często kod JS jest "brudny" przez mieszanie wartw: danych, prezentacji i logiki. W małym projekcie to znośne, ale w dużych zaczyna być nie do ogarnięcia. Spróbuję pokazać co można zmienić w tej kwestii.

Strona "spaghetti"

Dawniej stosowało się określenia "spaghetti HTML", mając na myśli kod HTML naszpikowany atrybutami nadającym stronie wygląd. Aby temu zapobiegać zaczęto stosować CSS. W przypadku JS także można zostawić kod HTML czystym od wszelkim artybutów "zdarzeniowych" (`onclick', `onmouseover' itp.). Najpierw kod, gdzie tego nie zrobię i atrybuty będą zaszyte w kodzie HTML:

Tagged as: , , Czytaj dalej

[jQuery] Tworzenie własnych wtyczek

Autor wiadomości Kwiecień 22, 2011

jQuery to obecnie najpopulariejszy i najszybciej rozwijający się framework javascript. O jego wielkim sukcesie decyduje prostota i efektywność (programisty, niekoniecznie szybkość skryptów).

Bardzo ciekawą opcją w jQuery jest możliwość tworzenia własnych wtyczek, rozszerzających standardowe możliwości biblioteki.

Co powinieneś umieć / mieć:

jQuery – szybki start

Autor wiadomości Kwiecień 3, 2011

jQuery jest jedną z najpopularniejszych (i moim skromnym zdaniem) najlepszych bibliotek JS. Jej dodatkową zaletą jest to, że jest darmowa. Chciałbym dzisiaj pokazać jak banalnie łatwo jest zacząć jej używać. Zapraszam do lektury.

Załączenie biblioteki:

Istnieje kilka sposobów:

  1. Pobranie kodu ze strony projektu jQuery a następnie załączenie go jako osobnego pliku.
  2. Załączenie kodu bezpośrednio ze strony autorów.

ad 1: jeśli padnie serwer, nadal masz działającą bibliotekę, ale zajmuje ona miejsce u Ciebie na serwerze,, musisz ją pobrać itp. itd.

ad 2: dla przykładu szybkiego zastosowania będę używał tej metody - nie musisz się przejmować żadnymi ścieżkami. jednak we własnych projektach prawie zawsze używam metody 1.

Wygodny obiekt dla Ajax

Autor wiadomości Marzec 17, 2011

Jak pewnie zdążyłeś zauważyć, często dążę do sytuacji, w której operuję na interfejsie obiektu, a nie polegam na implementacji.

Przykładowo, dużo bardziej podoba mi się podejście do Ajaksa w jQuery, niż z wykorzystaniem natywnego kodu JS.

Jednak czy `jQuery.ajax' rozwiązuje wszystkie nasze problemy? Uważam, że nie. Jesteśmy świadkami wojny między różnymi frameworkami. Być może za 2-3 lata nikt nie będzie używać jQuery - a może nikt nie będzie używać niczego innego :). Dzisiaj trudno to określić. Natomiast wiadomo jedno - strony, które tworzysz, zawsze mają być dobre i działać należycie. Ubierzmy zatem już naprawdę przyjemne `jQuery.ajax' w coś jeszcze bardziej abstrakcyjnego. Abstrakcja ta pozwala na późniejsze ograniczenie rozmiarów zmian w kodzie.

Ajax w jQuery

Autor wiadomości Marzec 7, 2011

Ajax sam w sobie może być trochę kłopotliwy. Choćby fakt specjalnych hacków dla IE6. Może warto zatem wykorzystać jQuery do obsługi Ajaksa?

Postaram się pokazać równoważne przykłady z tymi w artykule o "gołym" obiekcie XMLHttpRequest.