Fondamenti di JavaScript

JavaScript è un programma versatile lingua utilizzato principalmente per creare elementi interattivi e dinamici nelle pagine web. Di seguito sono riportati alcuni concetti ed esempi fondamentali per iniziare:

1. Variabili e tipi di dati:

• Le variabili vengono utilizzate per memorizzare i valori dei dati. Utilizzare lasciare che o costitutivo per dichiarare le variabili.

  let message = "Hello, World!";
  const PI = 3,14;

• JavaScript ha diversi tipi di dati:
• Tipi primitivi: Stringa, Numero, Booleano, Indefinito, Nullo
• Tipi complessi: Oggetto, Array, Funzione

2. Operatori:

• Operatori aritmetici: +, -, *, /, %
• Operatori di confronto: ==, ===, !=, !==, >, <, >=, <=
• Operatori logici: && (AND), || (OR), ! (NON)

3. Strutture di controllo:

• Se la dichiarazione:

  lasciare che num = 10;
  se (num > 0) {
    console.log('Numero positivo');
  } else {
    console.log('Numero negativo');
  }

• Per il ciclo:

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

• Mentre il ciclo:

  let count = 0;
  while (count < 3) {
    console.log(count);
    count++;
  }

4. Funzioni:

• Le funzioni sono blocchi di codice riutilizzabili che eseguono un compito specifico.

  funzione greet(nome) {
    console.log('Ciao, ' + nome + '!');
  }
  greet('John');

• Funzioni della freccia:

  const quadrato = (x) => {
    restituisce x * x;
  };
  console.log(square(5)); // Output: 25

5. Array e oggetti:

• Array:

  let fruits = ['mela', 'banana', 'arancia'];
  console.log(frutti[0]); // Output: mela
  fruits.push('uva');

• Oggetti:

  let person = {
    nome: 'John',
    cognome: 'Doe',
    età: 30,
    fullName: function() {
      return this.firstName + ' ' + this.lastName;
    }
  };
  console.log(person.fullName()); // Output: Sconosciuto

6. Manipolazione del DOM:

• Il Document Object Model (DOM) rappresenta la struttura dei documenti HTML.
• JavaScript può essere utilizzato per interagire e manipolare il DOM.

  // Ottenere l'elemento per ID
  let heading = document.getElementById('main-heading');
  heading.style.color = 'red';

  // Creare un nuovo elemento
  let paragraph = document.createElement('p');
  paragraph.textContent = 'Questo è un nuovo paragrafo.';
  document.body.appendChild(paragrafo);

7. Eventi:

• Gli eventi sono azioni o eventi che si verificano nel browser.
• JavaScript può ascoltare e rispondere agli eventi.

  let button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Pulsante cliccato!');
  });

8. JavaScript asincrono:

• JavaScript è a thread singolo, ma è possibile eseguire operazioni asincrone utilizzando callback, promesse e async/await.

  // Utilizzo delle promesse
  function fetchData() {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('Dati recuperati con successo');
      }, 2000);
    });
  }

  fetchData()
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error(error);
    });

9. Gestione degli errori:

• Utilizzo prova... cattura per gestire gli errori in modo corretto.

  try {
    // Codice che può lanciare un errore
    throw new Error('Qualcosa è andato storto');
  } catch (error) {
    console.error(error.message);
  }

10. Conservazione locale:

• JavaScript può memorizzare i dati localmente nella memoria del browser.

  // Memorizzare i dati
  localStorage.setItem('username', 'John');

  // Recuperare i dati
  let username = localStorage.getItem('username');
  console.log('Username:', username); // Output: Nome utente: John

  // Rimuovere i dati
  localStorage.removeItem('username');

Conclusione:

Questi sono alcuni concetti ed esempi fondamentali di JavaScript. Man mano che si prosegue nell'apprendimento, si incontreranno argomenti più avanzati come AJAX, le caratteristiche di ES6 (come classi e moduli), le API e framework/librerie come React, Vue.js e Node.js. La pratica di esercizi di codifica e la realizzazione di progetti rafforzeranno la comprensione di JavaScript e delle sue capacità di creare applicazioni web dinamiche e interattive.

Invita gli amici. Guadagnare criptovalute insieme.

Guadagnate fino a 40% di commissioni su ogni operazione di compravendita. Binance Spot, Futures e Pool.

Fino a 50% fuori dall'attrezzatura da gioco

Acquista Xbox, Playstation e molto altro.

Scade il 2025/08/01

Fino a 40% di sconto sugli strumenti musicali

Rock on con chitarre, tastiere e altro ancora.

Scadenza 2024/09/30