Kategoria: JavaScript

ZSZ im. J. Ruszkowskiego w Pułtusku

Created with Sketch.

ES6+: Nowe Funkcje i Składnia

Podsumowując, ES6+ wprowadza szereg nowych funkcji, które poprawiają czytelność, wydajność i strukturę kodu w języku JavaScript. Programiści mogą teraz korzystać z bardziej zaawansowanych narzędzi do skuteczniejszego tworzenia aplikacji internetowych.

Obiekty w JavaScript

Jak wiemy, w JavaScript istnieje 8 typów danych. Siedem z nich nazywa się „prymitywnymi”, ponieważ zawierają tylko jedną wartość (ciąg, liczbę lub coś innego). Obiekty służą do przechowywania kolekcji o różnych wartościach i bardziej złożonych encjach. Obiekty są bardzo często używane w JavaScript i stanowią jeden z fundamentów języka. Dlatego musimy je zrozumieć, zanim zagłębimy…
Dowiedz się więcej

Obsługa zdarzeń w JavaScript

Aby dodać słuchacza zdarzeń w JavaScript, używamy metody „addEventListener()„. Ta metoda pozwala nam rejestrować funkcje obsługi zdarzeń dla określonego typu zdarzenia, takiego jak kliknięcie myszą, naciśnięcie klawisza, czy zmiana wartości pola wejściowego. Oto przykład, jak to zrobić: W tym przykładzie „addEventListener()” rejestruje funkcję obsługi zdarzeń dla kliknięcia przycisku o id „myButton”. Po kliknięciu przycisku zostanie…
Dowiedz się więcej

JavaScript-wprowadzenie do JSON

JSON (JavaScript Object Notation) to lekki format danych, używany często do przesyłania danych między aplikacjami. Aby przekształcić obiekt na JSON w języku programowania, można użyć odpowiednich funkcji lub metod dostępnych w danym języku.  Na przykład, w języku JavaScript możesz użyć metody `JSON.stringify()` do konwersji obiektu na JSON. Przykład:  W przypadku przetwarzania JSON, można użyć metody…
Dowiedz się więcej

Funkcje w JavaScript: Deklaracja, Wyrażenia, Arrow Functions

Co to jest funkcja i czym różni się od procedury Funkcja , czyli odpowiednik funkcji matematycznej, to taka, która zawsze zwraca tę samą wartość dla tego samego zawsze zwraca tą samą wartość. Z programistycznego punktu widzenia tego typu funkcje , zwane funkcjami czystymi, nie wykonują żadnych dodatkowych działań, to znaczy że nie mają skutków ubocznych.…
Dowiedz się więcej

Zmienne, operatory i typy danych w JS

Wprowadzenie do zmiennych. Zmienne to rodzaj “pudełka”, które może przechowywać różne typy danych. (liczby, znaki, słowa itd.) Po co tworzymy zmienne? Głównie dla zaoszczędzenia czasu oraz przejrzystości kodu. Wyobraźmy sobie że piszemy taki kod:  Pomyliliśmy się i zamiast 5 powinna być 4. Co prawda jest to dosyć mała ilość równań lecz w przyszłości będą się…
Dowiedz się więcej

Warunki i Pętle w Javascript

Instrukcje warunkowe: if , else , switch i pętle for , while. Wprowadzenie Kiedy pracujemy z JavaScript czesto mamy potrzebe powtórzenia linijki kodu lub dodania warunku do strony. Wiedza użycia pętli i warunków jest kluczowa do dodania danych elementów. Budowa i użycie pętli while Pętle w javascript mają bardzo prosto strukture która wygląda w następujący…
Dowiedz się więcej

Moduły JS Export i Import

Moduły w JavaScript są używane do organizowania kodu poprzez dzielenie go na mniejsze, bardziej zrozumiałe części. Dzięki nim możesz tworzyć funkcje, zmienne lub zestawy danych w jednym miejscu i wykorzystywać je w innych częściach projektu, co pomaga w utrzymaniu czystości i przejrzystości kodu.  Podzielmy moduły na sekcje: Moduły w JavaScript 1. Czym są moduły?    Moduły…
Dowiedz się więcej

JavaScript DOM Manipulacja i Traversing

JavaScript DOM: Manipulacja i Traversing

Wybieranie elementów DOM, zmienianie treści i atrybutów, poruszanie się po drzewie DOM. Wprowadzenie Kiedy pracujemy z stronami internetowymi, często napotykamy na potrzebę modyfikowania istniejących elementów, dodawania nowych treści, czy też poruszania się po strukturze strony internetowej. W tym kontekście, znajomość Modelu Obiektowego Dokumentu (DOM) w JavaScript jest niezwykle ważna. DOM jest reprezentacją strony HTML w…
Dowiedz się więcej