Witaj GraphQL, żegnaj REST API czyli o pisaniu nowoczesnego API

Zapewne nieraz spotkałeś się z potrzebą stworzenia lub obsłużenia API. Często te API nie działały tak jak powinny, były nieintuicyjne, i żeby pobrać określone dane musiałeś wykonać kilka zapytań. Często nawet pisząc API zastanawiasz się co zwrócić, jakie endpoint-y stworzyć, jaki kod HTTP zwrócić, co zwrócić w body, co w nagłówkach. Istnieje, wiele poradników, […]

Autor |Grudzień 27th, 2018|Architektura, JavaScript, PHP, Tworzenie stron internetowych|0 komentarzy

Dlaczego warto używać Composera

Dlaczego warto używać Composera?

Composer jest to narzędzie do zarządzania zależnościami w projekcie. Dzięki niemu możemy w prosty sposób dokładać biblioteki do projektu w określonej wersji i je łatwo aktualizować. Composer domyślnie instaluje biblioteki w katalogu vendor. Aby zacząć korzystać z composera należy go pobrać ze strony https://getcomposer.org/download/

Mając paczkę z composerem możemy go uruchomic poleceniem php […]

Autor |Listopad 22nd, 2014|JavaScript, PHP, Programowanie obiektowe|0 komentarzy

Gra w Canvas: Kółko – krzyżyk w HTML5

Postanowiłem przetestować dziś możliwości JavaScript i nowego obiektu w HTML mianowicie Canvas. Moim celem było napisanie prostej gry kołko krzyżyk, którą zapewne dobrze znacie i kojarzycie.

Canvas jest to nowy element w języku HTML5, który umożliwa rysowanie grafiki 2D oraz 3D w locie(przez skryptowanie).

Na początku potrzebowałem kodu html. Jest to standardowy dokument html, który posiada […]

Autor |Lipiec 24th, 2014|JavaScript, Tworzenie stron internetowych|2 komentarze

CSS transitions

CSS transitions są częścią specyfikacji CSS3 . Przekształcenia CSS dostarczają kontroli nad zmianą właściwości stylów. Zamiast natychmiastowo zmienić wartość dostarczają one funkcji, która pozwala dostosować tempo, rodzaj i które właściwości powinny zostać zmienione.

Zmiany zwykle są nazywane „niejawnymi przekształceniami” z uwagi na to, że stany pomiedzy przekształceniami nie są jawnie definiowane przez użytkownika. Użytkownik widzi […]

Autor |Luty 27th, 2014|JavaScript|0 komentarzy

Dynamiczne wyszukiwanie danych w tabeli JQuery

Często napotykanym problemem przez programistów jest dynamiczne wyszkukiwanie danych w tabeli. Problem ten można łatwo rozwiązać używając funkcji filter() dostępnej w bilbliotece JQuery.

Funkcja filter() w Jquery ograniczna zbiór dopasowanych lementów do tych które odpowiadają selektorowi lub spełniają test funkcji.
Kolorowanie co drugiego elementu listy
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
Za pomocą jquery piszemy kod:
$( "ul li" ).filter( ":even" ).css( "background-color", "red" );
Funkcja dopasuje parzyste elementy i wykona na nich funkcje css(), która zmieni kolor na czerwony. Oczywiście w tym prostym przykładzie wystarczy, że zastosujemy prosty css i efekt dostaniemy taki sam, ale chodzi o pokazanie działania funkcji filter().
Użycie funkcji testującej
Druga forma funkcji filter() pozwala nam na zastosowanie funkcji sprawdzającej. Dla każdego elementu, na którym zostanie wykonana funkcja filter, zostanie przeprowadzony test funkcji, którą piszemy sami.

Przykładowy kod:
<ul>
<li><strong>list</strong> item 1 – one strong tag</li>
<li><strong>list</strong> item <strong>2</strong> –
two <span>strong tags</span></li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
Możemy filtrować elementy listy na podstawie ich zawartości.
$( "li" )
.filter(function( index ) {
return $( "strong", this ).length === 1;
})
.css( "background-color", "red" );
Ten kod na każdym elemencie listy(<li>) wykona metodę filter, która posiada funkcje sprawdzającą. Funkcja ta sprawdza czy w danym elemencie listy znajduje się więcej niż jeden tag <strong>. Jeżeli tak jest to wykonana jest funkcja CSS, która zmieni kolor tła elementu na czerwony. Przeczytaj więcej, aby dowiedzieć się o dynamicznym wyszukiwaniu elementów w tabeli.  […]

Autor |Luty 19th, 2014|JavaScript, Tworzenie stron internetowych|21 komentarzy

Dlaczego warto używać JQuery

JQuery to biblioteka, dzięki której pisanie skryptów w JavaScript okazało się przyjemne i proste. Nie musisz już zwracać uwagi na kompatibilność kodu JavaScript oraz pisać bardzo długich lini kodu aby uzyskać zamierzony efekt. JQuery jest bardzo intuicyjnym i jednocześnie potężnym narzędziem, które pozwala nam tworzyć zaawansowane strony internetowe.
Dlaczego warto używać JQuery?
Weźmy kilka przykładów kodu, […]

Autor |Grudzień 19th, 2013|JavaScript, Tworzenie stron internetowych|0 komentarzy

Canvas w HTML5

Element Canvas jest nowym znacznikiem w HTML5. Znacznik ten wprowadził do HTML obsługę renderowania grafiki 2D oraz 3D. Dzięki niemu za pomocą skryptów JavaScript możemy tworzyć zaawansowane aplikacje graficzne oraz np gry bez konieczności instalowania dodatkowych wtyczek takich jak flash lub Silverlight.

Canvas w prosty sposób umożliwia nam rysowanie elementów.

Prześledzmy kilka przykładów przygotowanych przeze mnie:

Jest […]

Autor |Grudzień 16th, 2013|JavaScript, Tworzenie stron internetowych|0 komentarzy