jakubszpil

Wprowadzenie do JavaScript

JavaScript jest językiem programowania, który jest powszechnie stosowany do tworzenia dynamicznych i interaktywnych stron internetowych. W tym kursie omówimy podstawy JavaScript, w tym zmienne, typy danych, operatory, struktury kontrolne, funkcje oraz obiekty.

#Zmienne

Zmienne w JavaScript mogą być deklarowane za pomocą var, let i const.

#Przykłady:

var x = 5; // Deklaracja zmiennej za pomocą var
let y = 10; // Deklaracja zmiennej za pomocą let
const z = 15; // Deklaracja stałej za pomocą const

#Typy danych

JavaScript obsługuje różne typy danych, w tym liczby, łańcuchy znaków (string), boolean, obiekty i tablice.

#Przykłady:

let liczba = 42; // Typ danych: Number
let tekst = "Hello, World!"; // Typ danych: String
let prawda = true; // Typ danych: Boolean
let obiekt = { imie: "Jan", wiek: 30 }; // Typ danych: Object
let tablica = [1, 2, 3, 4, 5]; // Typ danych: Array

#Operatory

Operatory w JavaScript obejmują arytmetyczne, porównania, logiczne i przypisania.

#Przykłady:

// Operatory arytmetyczne
let suma = 10 + 5; // Dodawanie
let roznica = 10 - 5; // Odejmowanie
let iloczyn = 10 * 5; // Mnożenie
let iloraz = 10 / 5; // Dzielenie

// Operatory porównania
let rowne = 10 == 10; // Porównanie wartości
let identyczne = 10 === 10; // Porównanie wartości i typu
let nierowne = 10 != 5; // Nierówność

// Operatory logiczne
let iOperator = true && false; // Operator logiczny AND
let lubOperator = true || false; // Operator logiczny OR
let nieOperator = !true; // Operator logiczny NOT

// Operatory przypisania
let a = 10;
a += 5; // Dodanie i przypisanie
a -= 5; // Odejmowanie i przypisanie

#Struktury kontrolne

#Instrukcja warunkowa if

Instrukcja if służy do wykonywania kodu warunkowo.

let wiek = 18;

if (wiek >= 18) {
  console.log("Jesteś pełnoletni");
} else {
  console.log("Jesteś niepełnoletni");
}

#Pętla for

Pętla for służy do wykonywania kodu wielokrotnie.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

#Pętla while

Pętla while służy do wykonywania kodu, dopóki warunek jest prawdziwy.

let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

#Funkcje

Funkcje pozwalają na grupowanie kodu, który może być wykonywany wielokrotnie.

#Deklaracja funkcji

function dodaj(a, b) {
  return a + b;
}

let wynik = dodaj(5, 10);
console.log(wynik); // 15

#Funkcje strzałkowe

Funkcje strzałkowe to krótszy zapis funkcji.

const dodaj = (a, b) => a + b;
let wynik = dodaj(5, 10);
console.log(wynik); // 15

#Obiekty

Obiekty pozwalają na grupowanie powiązanych wartości i funkcji.

#Tworzenie obiektu

let osoba = {
  imie: "Jan",
  wiek: 30,
  przedstawSie: function () {
    return `Cześć, mam na imię ${this.imie} i mam ${this.wiek} lat.`;
  },
};

console.log(osoba.przedstawSie()); // Cześć, mam na imię Jan i mam 30 lat.

#Tablice

Tablice to struktury danych, które przechowują listę elementów.

#Tworzenie i manipulacja tablicami

let liczby = [1, 2, 3, 4, 5];
console.log(liczby[0]); // 1

liczby.push(6); // Dodanie elementu na końcu tablicy
console.log(liczby); // [1, 2, 3, 4, 5, 6]

liczby.pop(); // Usunięcie ostatniego elementu z tablicy
console.log(liczby); // [1, 2, 3, 4, 5]

#Zadania do wykonania

#Zadanie 1

Napisz funkcję, która przyjmuje dwie liczby jako argumenty i zwraca ich iloczyn.

Pokaż rozwiązanie
function iloczyn(a, b) {
  return a * b;
}

let wynik = iloczyn(5, 10);
console.log(wynik); // 50

#Zadanie 2

Utwórz obiekt reprezentujący książkę z atrybutami tytul, autor i rok. Następnie dodaj metodę, która zwraca opis książki.

Pokaż rozwiązanie
let ksiazka = {
  tytul: "W pustyni i w puszczy",
  autor: "Henryk Sienkiewicz",
  rok: 1911,
  opis: function () {
    return `${this.tytul} to książka napisana przez ${this.autor} w roku ${this.rok}.`;
  },
};

console.log(ksiazka.opis()); // W pustyni i w puszczy to książka napisana przez Henryk Sienkiewicz w roku 1911.

#Zadanie 3

Napisz funkcję, która przyjmuje tablicę liczb i zwraca największą liczbę z tej tablicy.

Pokaż rozwiązanie
function znajdzNajwieksza(tablica) {
  let najwieksza = tablica[0];
  for (let i = 1; i < tablica.length; i++) {
    if (tablica[i] > najwieksza) {
      najwieksza = tablica[i];
    }
  }
  return najwieksza;
}

let liczby = [1, 2, 3, 4, 5];
console.log(znajdzNajwieksza(liczby)); // 5

#Zadanie 4

Utwórz tablicę, która zawiera kilka imion. Następnie użyj pętli for, aby wyświetlić każde imię w konsoli.

Pokaż rozwiązanie
let imiona = ["Jan", "Anna", "Krzysztof", "Maria"];

for (let i = 0; i < imiona.length; i++) {
  console.log(imiona[i]);
}
// Jan
// Anna
// Krzysztof
// Maria

To tyle na temat podstaw JavaScript! Zachęcam do dalszego eksperymentowania i zgłębiania tego tematu, aby tworzyć bardziej zaawansowane i interaktywne aplikacje.

Widzisz jakiś błąd, bądź literówkę? Chcesz coś poprawić?✏️ Przejdź do edycji tego pliku