Posty otagowane ‘przykłady’

html5-css-progress-bar-mini

Pasek postępu w CSS – progress bar w kilku linijkach kodu

Pasek postępu (progress bar) w projekcie Web? Jasne – i to bez użycia obrazków. Dziś krótko i na temat. Pasek postępu w CSS i HTML5 Możemy skorzystać z HTML5 i Bootstrap, lub zdefiniować własne style CSS. Sposób 1 – HTML5 Dodajmy do strony Bootstrap i jQuery, oraz kod jak poniżej. Gotowe. Mamy pasek postępu! Kolory […]

More advanced JavaScript

JavaScript, HTML5, CSS i praca z data URI

Co to takiego? Schemat data URI to prostu sposób reprezentacji danych, jednak w taki sposób, że dane który zwykle przechowujemy w plikach (np. zdjęcie) występują w postaci ciągu tekstowego. Ciąg taki ma odpowiedni format, jednak pozwala programistom na łatwe przesyłanie takiego zasobu np. między aplikacjami Web, a także użycie bezpośrednio w kodzie CSS bądź JavaScript. […]

udontsay-128

Tutorial node.js i socket.io – system komentarzy „real-time”

Poprzednio pisaliśmy o tym jak pracować z node.js i socket.io. Dziś rozwiniemy temat przykładem praktycznym. Stworzymy prosty, wydajny system komentarzy między użytkownikami, który będzie przetwarzał i odświeżał listę komentarzy wszystkim użytkownikom, którzy mają otwartą naszą aplikację web. Tutorial node.js i socket.io – real-time comments Krok po kroku, od podstaw. Oczywiście sama strona i funkcjonalność komentarzy […]

node-js

Node.js i socket.io

Node.js to rewelacja sama w sobie. Dodajmy jeszcze do tego socket.io, a otrzymamy możliwości o których dawniej nawet nam się nie śniło. Node.js i socket.io Po omówieniu podstaw node.js oraz pracy z bazami danych z poziomu tej technologii, pora sięgnąć po jeszcze ciekawsze rzeczy. Jedną z nich z pewnością jest socket.io. Wystarczy nawiązać połączenie pomiędzy […]

node-js

Node.js i MySQL oraz MongoDB

Po wprowadzeniu do node.js pora na bardziej zaawansowane i praktyczne informacje. Dziś zajmiemy się komunikacją node.js z bazami danych MySQL, a także wspomnimy o MongoDB. Node.js i MySQL Jeżeli programujemy np. w PHP, mamy zapewne w systemie środowisko LAMP, mamy więc też MySQL. Potrzebujemy jeszcze tylko node.js oraz modułu MySQL: $ npm install mysql Konfiguracja […]

node-js

Node.js wprowadzenie

Popularność języka JavaScript jest oczywista. A przyczyniają się do tego m.in. takie zastosowania jak node.js. Od dłuższego czasu widać i słychać dookoła o tej technologii. Sami pracujemy od jakiegoś czasu z node i robimy naprawdę fajne rzeczy, więc z pewnością jest to coś godnego uwagi! I w końcu mam trochę czasu, aby o tym napisać. […]

tutorial-js

Tutorial Backbone.js w pigułce. Część 2/2.

Dziś część druga, w której zgłębiamy tajniki Backbone.js. Tutorial Backbone.js Po omówieniu podstaw i kluczowych aspektów, takich jak modele i kolekcje, zajmiemy się kolejnymi – Router, Views oraz Events. Routing – Backbone.Router Czym była by aplikacja bez możliwości interakcji. Backbone.Router dostarcza metod routingu stron na client-side, połączenia z akcjami i zdarzeniami. Jest także rozwiązanie (graceful […]

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 […]

messages

HTML5 Web Messaging – programowanie

Web Messaging (tudzież cross-document messaging) jest to API wprowadzone do specyfikacji HTML5, pozwalające dokumentom pochodzących z różnych źródeł / domen komunikować się w bezpieczny sposób. To podstawowy poziom bezpieczeństwa pozwalający działać ponad zabezpieczeniami cross-site scripting. HTML5 Web Messaging Podstawą jest metoda postMessage, pozwalająca nawiązywać komunikację. Co ważne należy uzyskać dostęp do obiektu Window dokumentu docelowego. […]

html5

HTML5 Cache i JavaScript – jak używać HTML5 Cache

Dziś kilka słów o zagadnieniach i możliwościach oferowanych przez HTML5 Cache. Praca z HTML5 Cache Programiści backend mogą kojarzyć to z rodzajem cache’owania stron celem przyśpieszenia ich ładowania. W przypadku HTML5 Cache chodzi jednak także o nieco inne korzyści. HTML5 oferuje mechanizm cache dla aplikacji, a oznacza to możliwość cache’owania aplikacji tak aby była ona […]