Spin

Jestem programistą od zygoty i jestem uzależniony od kodu. Muzyka elektroniczna działa na mnie jak dopalacz, po której chwytam niezłego tripa. Czytam komiksy i uprawiam sporty walki. Żyje jak Cyberpunk w świecie zer i jedynek ;) ...

composer

Wprowadzenie do Composer

Composer to narzędzie służące do instalacji, konfiguracji i usuwania pakietów w danym projekcie opartym o język PHP. Z Composera korzysta większość gotowych rozwiązań np: Symfony, Magento, Doctrine. Dzięki Composerowi instalacja tak dużych środowisk jest bardzo prosta. Wszystko odbywa się automatycznie i nie musimy znać zależności pomiędzy różnymi modułami i bibliotekami. Listę składowych projektu tworzymy w …

Wprowadzenie do Composerczytaj więcej »

magento2

Zmiana rozmiaru obrazów

Magento2 przechowuje domyślną konfigurację layoutu, dotyczącą m.in. obrazków w pliku view.xml. Plik ten znajduje się w katalogu z motywem: Luma lub Blank:

Oczywiście vendor zostawiamy w spokoju 🙂 Aby nadpisać rozmiar obrazów z katalogu produktów, wystarczy skopiować plik view.xml z vendora do własnego motywu:

Przykład:

Zawartość pliku aktualizujemy do postaci, która nas …

Zmiana rozmiaru obrazówczytaj więcej »

git system kontroli wersji

System kontroli wersji GIT

GIT (System Kontroli Wersji) to oprogramowanie służące do rejestrowania zmian zachodzących w kodzie aplikacji związanych z rozbudową lub aktualizacją funkcjonalności. Git pozwala śledzić historię tych zmian a więc tworzyć wersje projektu. W razie awarii pozwala przywrócić poprzedni stan. Używany jest głównie jako narzędzie pozwalające pracować grupie osób nad jednym, wspólnym projektem. Tak to wygląda w …

System kontroli wersji GITczytaj więcej »

custom widget

Własny widget

Widżet (ang. widget) to komponent z dodatkowymi funkcjonalnościami, który możemy wstawić do strony CMS lub bloku, np: lista produktów z danej kategorii, galeria. Przycisk „Wstaw Widget” znajduje się w pasku narzędziowym edytora treści. Po otwarciu panelu, do wyboru mamy kilka gotowych widżetów: Aby dodać własny widżet do tej listy, musimy przygotować nowy moduł: – utwórz …

Własny widgetczytaj więcej »

react js

Stan komponentu – przykład kalkulatora

Jeśli odrobiłeś poprzednią lekcję to teraz zrobimy prosty kalkulator i utrwalimy wiedzę związaną ze stanami komponentów. Analogiczny kalkulator, ale w języku JavaScript opisałem w tutorialu: „KALKULATOR W JS”. Porównaj oba rozwiązania 🙂 Gotowy kod:

Wyjaśnienie: W konstruktorze ustawiamy początkowe stany (state) dla pól tekstowych (input type=”text”): a, b i result. Wiążemy (bind) funkcje (handleChangeA, …

Stan komponentu – przykład kalkulatoraczytaj więcej »

react js

STATE – wewnętrzny stan komponentu

State służy do przechowywania wewnętrznego stanu komponentu, np: ilość kliknięć w dany element na stronie. Stan jest aktualizowany w czasie rzeczywistym za pomocą metody setState(). Aby to zrozumieć zobacz prosty przykład, który przygotowałem. W przykładzie – użytkownik wprowadza treść do pola tekstowego input ; łańcuch znaków jest „na bieżąco” przepisywany do paragrafu <p></p>, a po …

STATE – wewnętrzny stan komponentuczytaj więcej »

react js

Klasy jako komponenty

W poprzednim rozdziale „WPROWADZENIE DO REACT JS” opisałem podstawy biblioteki, m.in budowę komponentów funkcyjnych i argumenty przekazywane do nich. Teraz zajmiemy się klasami, są one ciekawsze 🙂 i posiadają większe możliwości, np: definiowanie wewnętrznego stanu komponentu, funkcji pomocniczych, pozwalają tworzyć interakcje, reagować na zdarzenia itd. Przykład:

Klasa Hello dziedziczy (extends) po React.component. Funkcja render() …

Klasy jako komponentyczytaj więcej »

motyw w Magento 2

Własny motyw

W tym temacie pokażę w jaki sposób utworzyć własny motyw w Magento 2. Domyślnie mamy do wyboru dwa motywy: Blank i Luma. Możesz je podejrzeć po zalogowaniu się do panelu admina – w sekcji „Motywy”: Menu -> Content -> Design -> Themes. Po co nam własny motyw? A po to, by aktualizować lub modyfikować wygląd …

Własny motywczytaj więcej »

kalkulator javascript

Kalkulator w JS

Przykład prostego kalkulatora z podstawowymi operacjami matematycznymi: dodawanie, odejmowanie, mnożenie i dzielenie. Rozwiązanie:

Formularz składa się z trzech pól tekstowych (<input type=”text” />): a i b – do wprowadzania wartości liczbowych oraz result , w którym wyświetlane są wyniki operacji matematycznych. Każdy przycisk (button) reaguje na zdarzenie onClick (kliknięcie), które uruchamia funkcję Calculator. Funkcja …

Kalkulator w JSczytaj więcej »