Posty otagowane ‘DOM’

building

Tutorial web storage – aplikacje przechowujące dane lokalnie

Dziś zaprezentujemy tutorial o tworzeniu prostej aplikacji web, która przechowuje dane w localStorage. Będzie on mogła zapisywać i przechowywać ustawienia dotyczące swojego wyglądu. Przejdźmy zatem do dzieła. Tutorial web storage 1. Zacznijmy od dodania biblioteki jQuery oraz prostych stylów CSS dla elementów UI: 2. Stwórzmy prosty formularz w sekcji body: Teraz możemy przejść do programowania […]

file1

DOM Storage – JavaScript Web Storage

W aplikacjach WWW z zapleczem server-side to żaden problem. Możemy przechowywać dane w bazie np. MySQL, czy też zwyczajnie w plikach. Dzięki Web storage / DOM storage, nasza nowoczesna aplikacja web może przechowywać dane samodzielnie, a my będziemy na nich operować w samym JavaScript. JavaScript Web Storage Jest to część specyfikacji HTML5. Przez web storage […]

jQuery

Porady i triki w jQuery

W dzisiejszym artykule zrobimy mały przegląd ciekawego zagadnienia, jakim są triki w jQuery. Framework ten sam w sobie daje programiście gigantyczne możliwości, które można jeszcze wyeksponować poprzez triki i dobre praktyki. Triki w jQuery Tym razem również skoncentrujemy się bardziej na praktyce i przykładach, niż na teorii. 1. Określenie rozmiarów naszego dokumentu Konkretnie chodzi tutaj […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 3 – podsumowanie.

W trzeciej części podsumowującej podstawowy kurs Dojo Toolkit, rzucimy okiem na tworzenie efektów wizualnych z użyciem tej biblioteki. Dojo Toolkit – efekty i animacje Każdy szanujący się framework JavaScript zawiera rozwiązania wspomagające programowanie efektów wizualnych. Nie inaczej jest w Dojo Toolkit. Biblioteka w wersji 1.9 udostępnia dwa moduły: dojo/_base/fx oraz dojo/fx. Moduł dojo/_base/fx daje programiście […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 2.

W części 2. podstawowego kursu Dojo Toolkit przejrzymy przeróżne aspekty pracy z tym frameworkiem. Biblioteka Dojo Toolkit w praktyce O możliwościach biblioteki już mówiliśmy w części pierwszej, aczkolwiek słowa są zbędne gdy przejrzymy przykłady. Konfiguracja Na początek mechanizm konfiguracji Dojo. Obiekt dojoConfig jest głównym mechanizmem konfiguracji Dojo w naszej aplikacji / stronie WWW. W starszych […]

Dojo Toolkit

Kurs: Dojo Toolkit w pigułce. Część 1.

Dojo Toolkit to biblioteka programistyczna open-source dla języka JavaScript. Udostępnia programiście bogaty zestaw narzędzi. Biblioteka Dojo Toolkit W skład framework’u wchodzi wiele komponentów. Widżety (i system widżetów Dijit) Widżety Dojo składają się z kodu JavaScript, HTML i CSS, dostępne są między innymi: paski menu i tooltip’y, sortowane tabele, dynamiczne wykresy i dwuwymiarowa grafika wektorowa, animowane […]

ExtJS

Wprowadzenie do Ext JS

Do tej pory pojawiały się kursy framework’ów JavaScript w 2 lub 3 częściach. Ten jest nieco inny. Jest to jednoczęściowy mini kurs dotyczący biblioteki Ext JS. Ma na celu wprowadzenie do tego potężnego framework’u języka JavaScript. Ext JS Jest to framework dla języka JavaScript, wspierający budowanie interaktywnych aplikacji WWW, interfejsów użytkownika, używając technik takich jak […]

jQuery

Kurs jQuery część 3. AJAX, przykłady i podsumowanie.

Dalsze zgłębianie możliwości jQuery W tej części kursu jQuery, opiszemy krótko programowanie elementów Ajax, z użyciem tejże biblioteki. Pokażemy także kilka ciekawych przykładów i tipsów jQuery, a na koniec wspomnimy o zagadnieniach jQuery UI. Biblioteka jQuery daje nam wysoki poziom abstrakcji, oferując bogatą obsługę Ajax, a dla programisty ogranicza się to do pisania stosunkowo niewielkiej […]

jQuery

Kurs jQuery część 2. DOM, efekty i zdarzenia.

Przedstawiamy 2. część kursu jQuery, w której opiszemy efekty, zdarzenia oraz operacje na DOM z użyciem tej biblioteki. Krok dalej w jQuery Zacznijmy od podstawowej obsługi efektów. Metoda show() – powoduje dynamiczne pokazanie ukrytego elementu. Jako argumenty może przyjąć prędkość oraz funkcję zwrotną: show( speed, callback ) Metoda hide() – ukrywanie elementu: hide( speed, callback […]

jQuery

Kurs jQuery część 1. Podstawy.

Kurs jQuery – podstawy framework’a Witamy w części 1. z serii Kurs jQuery. Pisaliśmy już o kilku różnych framework’ach JavaScript (jak Prototype JS czy MooTools). Teraz chcemy opisać kluczowe zagadnienia prawdziwego giganta – jQuery, tak aby wystarczyło to do używania, i dalszego zgłębiania tajników tej że biblioteki. Mówiąc gigant mamy na myśli możliwości oferowane przez […]