Ostatnie artykuły z tagiem "JavaScript"

Walidacja nip w JavaScript

29 września 2018

Tagi: JavaScript

W poprzednim artykule udało nam się z powodzeniem napisać funkcję walidującą pesel, a dziś dla pogłębienia wiedzy z podstaw w JavaScripcie napiszemy kolejną równie prostą funkcję tym razem walidującą numer nip. W związku z tym, że mamy już doświadczenie w pisaniu funkcji walidacyjnych, napisanie odpowiedniej do nip'u nie powinno być dla nas problemem :)

Zacznijmy ponownie od teorii. Numer nip składa się z 10 cyfr, z czego podobnie jak przy numerze pesel ostatnia jest cyfrą kontrolną.

Czytaj więcej...

Walidacja pesel w JavaScript

29 września 2018

Tagi: JavaScript

Pomyślałem, że dzisiaj może znowu przerobimy jakieś zadanie praktyczne. Na pewno Twoja wiedza jest już wystarczająca aby napisać walidację numerów pesel. Spróbujmy więc napisać funkcję, która będzie sprawdzać czy przekazany do funkcji argument jest prawidłowym numerem pesel.

Aby napisać funkcję, która będzie sprawdzała poprawność numeru pesel, musisz najpierw dowiedzieć się jakie warunki musi sprawdzać podany numer aby był prawidłowym peselem. Zacznijmy więc od teorii. Pesel składa się z ciągu 11 cyfr i nie są to cyfry przypadkowe, każda cyfra ma swoje odpowiednie miejsce.

Czytaj więcej...

Okna dialogowe w JavaScript

29 września 2018

Tagi: JavaScript

Dzisiaj zaprezentuje Ci temat okien dialogowych w JavaScript. Co prawda, kilka razy w kursie używaliśmy prostych okien do wyświetlenia komunikatów, lecz nigdy nie zagłębialiśmy się w szczegóły. Uznałem, że warto abyś również wiedział trochę więcej na ten temat.

Na początek, może o tym czym są okna dialogowe. Okno dialogowe z ang. popup, czyli wyskakujące okno, często wykorzystywane w testowych skryptach (o czym już się przekonałeś, bo kilka razy dzięki nim wyświetlałem Ci jakąś wiadomość), lecz w prawdziwych aplikacjach nie powinno się ich zbyt często używać, ponieważ mogą nieco irytować użytkownika naszej witryny.

Czytaj więcej...

Blokowanie domyślnej akcji zdarzenia w JavaScript

27 września 2018

Tagi: JavaScript

Dzisiaj opiszę Ci jak blokować domyślną akcję zdarzenia w JavaScript. Możliwe, że zastanawiasz się o co chodzi, jak to blokować domyślną akcję zdarzenia? Musisz wiedzieć że niektóre elementy mają jakieś swoje domyślne akcje zdarzeniowe, które nie zawsze chcemy aby się wykonywały.

Przedstawię Ci to na przykładzie formularza, przygotujmy zatem najprostszy formularz, który będzie się składał z 1 labela, 1 inputa oraz 1 buttona.

Czytaj więcej...

Zdarzenia na przykładzie prostego formularza w JavaScript

25 września 2018

Tagi: JavaScript

Aby utrwalić temat zdarzeń, w tym artykule przejdziemy do praktyki. Utworzymy bardzo prosty formularz, na przykładzie którego przedstawię Ci kilka zdarzeń w JavaScipcie.

Co chcemy osiągnąć? Po pierwsze chcemy aby nasz formularz pobierał od użytkownika imię i nazwisko. Po aktywowaniu pola tekstowego, kolor jego tła będzie się zmieniał na żółty. Po najechaniu myszą na przycisk zapisz, kolor obramowania będzie zmieniał się na zielony, oraz po kliknięciu w przycisk zostanie wyświetlona wiadomość powitalna z wprowadzonym imieniem i nazwiskiem.

Czytaj więcej...

Zdarzenia w JavaScript

25 września 2018

Tagi: JavaScript

Pora na kolejny bardzo ciekawy temat, dzisiaj opiszę Ci czym są zdarzenia w JavaScripcie. Przez ostatnie kilka artykułów pisałem Ci o tym czym jest DOM, jak pobierać, zmieniać czy dodawać elementy. Dzięki zdarzeniom będziemy mogli to wszystko połączyć w jedną całość. Zdarzenie to czynność, która ma miejsce w przeglądarce i została wywołana przez jakiś inny element na stronie lub przez użytkownika. W JavaScripcie mamy bardzo dużo różnych zdarzeń, w kolejnych artykułach postaram się przybliżyć może nie wszystkie, ale na pewno te najważniejsze.

Czytaj więcej...

Operacje na obiekcie DOM w JavaScript

24 września 2018

Tagi: CSS HTML JavaScript

W poprzednim artykule wprowadziłem Cię do obiektu DOM, teraz pora przejść do praktyki. Pokaże Ci jak pobierać konkretne elementy z drzewa DOM i jak je modyfikować. Także, dzięki temu że na pewno zapoznałeś się już z wprowadzeniem, które omówiłem w poprzednim artykule, tym razem bez żadnego wstępu możemy zabierać już się do konkretów.

Czytaj więcej...

Wprowadzenie do DOM w JavaScript

24 września 2018

Tagi: CSS HTML JavaScript

Dzisiaj kolejny krok do przodu, bo przed Tobą ważny temat - DOM, czyli Document Object Model, a właściwie obiektowy model dokumentu. W tym artykule postaram się wprowadzić Cie w DOM, a w kolejnych artykułach będę opisywał bardziej szczegółowe operację. Zaczynajmy.

Czytaj więcej...

Algorytm FizzBuzz w JavaScript

23 września 2018

Tagi: JavaScript

Dzisaj przedstawię Ci jak napisać prosty algorytm tak zwany FizzBuzz. Co to jest FizzBuzz? FizzBuzz jest to prosty algorytm o którego napisanie często proszą rekruterzy na rozmowach kwalifikacyjnych na stanowiska młodszego programisty. Na podstawie przekazanego argumentu zwracasz odpowiednią wartość. I tak jeżeli argument jest podzielny przez 3, zwracasz Fizz, jeżeli argument jest podzielny przez 5, zwracasz Buzz, a jeżeli jest podzielny przez 3 i 5 wtedy zwracasz FizzBuzz. Jeżeli argument nie jest podzielny przez 3 ani przez 5 to wtedy zwracasz wartość argumentu i ostatni warunek jeżeli argument nie jest liczbą zwracasz "Zły argument". Nic skomplikowanego prawda? No to zaczynamy :)

Czytaj więcej...

Get i set w JavaScript

20 września 2018

Tagi: JavaScript

Kolejny dzień - kolejny temat dotyczący podstaw programowania w języku JavaScript. W tym artykule postaram Ci się przedstawić kolejne bardzo specyficzne metody, które mogą występować w obiektach, będą to gettery i settery.

Tak jak zawsze, rozpocznijmy od przykładu:

let course = {
    name: 'Podstawy JavaScript',
    price: 50,
    currency: 'PLN'  
};

Czytaj więcej...

Walidacja nip w JavaScript

Walidacja pesel w JavaScript

Okna dialogowe w JavaScript

Blokowanie domyślnej akcji zdarzenia w JavaScript

Zdarzenia na przykładzie prostego formularza w JavaScript

Zdarzenia w JavaScript

Operacje na obiekcie DOM w JavaScript

Wprowadzenie do DOM w JavaScript

Algorytm FizzBuzz w JavaScript

Get i set w JavaScript

Wyszukiwarka

Tagi

Najnowsze artykuły

Losowe artykuły