Notatka: Podstawy JavaScript

1. Console

1. console.log() – wypisuje informacje do konsoli (debugowanie)
2. console.warn() – wyświetla ostrzeżenie w konsoli (żółtym kolorem)
3. console.error() – wyświetla błąd w konsoli (czerwonym kolorem)

Przykład:

console.log("Hello");
console.warn("Ostrzeżenie");
console.error("Błąd");

2. Zmienne

1. let – zmienna zmienna, można nadpisywać
2. const – stała, nie można nadpisywać
3. var – starsza deklaracja zmiennej, obecnie rzadko używana

Przykład:

let x = 5;
const y = 10;

3. Tablice (Arrays)

1. Tablica to kolekcja wartości w jednym obiekcie
2. Dostęp do elementu: arr[0]
3. Popularne metody:
   • .push() – dodaje element na końcu
   • .pop() – usuwa ostatni element
   • .shift() – usuwa pierwszy element
   • .unshift() – dodaje element na początku

Przykład:

let fruits = ["jabłko", "banan"];
fruits.push("gruszka");
fruits.pop();

4. Grupowanie danych

• Można grupować tablice według klucza lub właściwości obiektu, np. przy użyciu .reduce()

Przykład:

let fruits = ["jabłko", "banan", "gruszka", "kiwi"];
let grouped = fruits.reduce((acc, fruit) => {
let firstLetter = fruit[0];
if (!acc[firstLetter]) acc[firstLetter] = [];
acc[firstLetter].push(fruit);
return acc;
}, {});
console.log(grouped);

Efekt:

{
j: ["jabłko"],
b: ["banan"],
g: ["gruszka"],
k: ["kiwi"]
}

5. Walidacja HTML w połączeniu z JS

• HTML5 pozwala walidować dane bez JS:
  • required – pole obowiązkowe
  • min / max – minimalna/maksymalna wartość liczby
  • pattern – wzorzec (regex)
  • type="email", type="url", type="tel", type="password", type="number", type="date"
  • minlength / maxlength – minimalna/maksymalna liczba znaków
  • checkbox, radio – wymuszenie zaznaczenia

6. Skróty przydatne w edytorach (VS Code)

1. Shift + Alt + A – komentarz blokowy
2. Ctrl / Cmd + / – komentarz jednolinijkowy