JavaScript

Η Javascript δεν θα πρέπει να συγχέεται με τη Java, που είναι διαφορετική γλώσσα προγραμματισμού και με διαφορετικές εφαρμογές

Βιβλιοθήκες – Framework

Τύποι Δεδομένων

String: Κείμενο
Number: Αριθμοί
Boolean: true ή false
Array: Λίστες
Object: Σύνθετες δομές δεδομένων

Σχόλια

// Αυτό είναι ένα μονογραμμή σχόλιο

/*
Αυτό είναι ένα
πολυγραμμή σχόλιο
*/

Mεταβλητές

let και const: Χρησιμοποιούνται για τον ορισμό μεταβλητών. Οι μεταβλητές που δηλώνονται με let μπορούν να αλλάξουν τιμή, ενώ οι μεταβλητές που δηλώνονται με const είναι σταθερές και δεν μπορούν να αλλάξουν τιμή.

let count = 10;
const PI = 3.14159;

Εκτύπωση Mηνυμάτων

Στην console του προγράμματος περιήγησης

console.log("Hello, world!");

Μαθηματικές Εντολές

let a = 10;
let b = 5;
console.log(a + b); // Πρόσθεση
console.log(a - b); // Αφαίρεση
console.log(a * b); // Πολλαπλασιασμός
console.log(a / b); // Διαίρεση
console.log(a % b); // Υπόλοιπο (modulus)

Λογικές Εντολές

let a = true;
let b = false;

console.log(a && b); // AND
console.log(a || b); // OR
console.log(!a);      // NOT

if-else Χρησιμοποιείται για τον έλεγχο της συνθήκης και την εκτέλεση κώδικα βάσει αυτής της συνθήκης.

let age = 18;
if (age >= 18) {
console.log("Είστε ενήλικας.");
} else {
console.log("Είστε ανήλικος.");
}

for loop: Χρησιμοποιείται για την επανάληψη κώδικα συγκεκριμένο αριθμό φορών.

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

while loop: Χρησιμοποιείται για την επανάληψη κώδικα όσο μια συνθήκη είναι αληθής.

let num = 0;
while (num < 5) {
console.log(num);
num++;
}

function Χρησιμοποιείται για τον ορισμό και την κλήση συναρτήσεων.

function greet(name) {
console.log(`Καλημέρα, ${name}!`);
}
greet("ΓΙΩΡΓΟΣ");

Object

Χρησιμοποιείται για τη δημιουργία και διαχείριση αντικειμένων με ιδιότητες.

let person = {
firstName: "Γιάννης",
age: 30
};

let onoma = person.firstName;
let ilikia = person.age;

console.log(onoma); // Γιάννης
console.log(ilikia); // 30

Promises

Χρησιμοποιούνται για τη διαχείριση ασύγχρονων εργασιών και την αντιμετώπιση των αποτελεσμάτων του

const fetchData = new Promise((resolve, reject) => {
// Κώδικας για τη λήψη δεδομένων από κάποια πηγή
if (dataReceived) {
resolve(data);
} else {
reject("Αποτυχία λήψης δεδομένων");
}
});

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

Arrays

Δημιουργία Arrays

Μπορείς να δημιουργήσεις έναν πίνακα χρησιμοποιώντας αγκύλες [].

// Δημιουργία ενός κενών πίνακα
let emptyArray = [];
// Δημιουργία ενός πίνακα με μάρκες αυτοκινήτων
let cars = ["Toyota", "Honda", "BMW"];

περισσότερα….

Mηνύματα – Ειδοποιήσεις

Beforeunload: Αυτό το event τρέχει όταν ο χρήστης πάει να κλείσει ή να ανανεώσει τη σελίδα.

window.addEventListener("beforeunload", function(event) {
// Προειδοποίηση για ανανέωση ή κλείσιμο της σελίδας
const message = "Έχετε μη αποθηκευμένα δεδομένα. Θέλετε να συνεχίσετε;";
event.returnValue = message; // Για συμβατότητα με παλαιότερους browsers
return message; // Ορισμένα browsers χρειάζονται και αυτή τη γραμμή
});

Alert: Εμφανίζει ένα απλό pop-up μήνυμα με κουμπί OK.Ο χρήστης πρέπει να πατήσει ΟΚ για να συνεχίσει.Είναι blocking ⇒ σταματάει τον κώδικα μέχρι να το πατήσει ο χρήστης.

// Εμφάνιση μηνύματος όταν ο χρήστης προσπαθεί να κάνει μια ενέργεια
function showAlert() {
alert("Αυτό είναι ένα απλό μήνυμα!");
}

// Κάλεσε τη συνάρτηση όταν χρειάζεται
showAlert();

περισσότερα….

Περιορισμοί

Αποτροπή Περιήγησης μέσω Συντόμευσης Πλήκτρων

document.addEventListener('keydown', function(event) {
if ((event.key === 'F12') || // Αποτροπή F12 (άνοιγμα DevTools)
(event.key === 'F11') || // Αποτροπή F11 (πλήρης οθόνη)
(event.key === 'F5') ||  // Αποτροπή F5 (ανανέωση σελίδας)
(event.ctrlKey && event.key === 'r') ) {  // Αποτροπή Ctrl + R (ανανέωση σελίδας)
event.preventDefault();
alert('This keyboard shortcut is disabled on this page.');
}
});

περισσότερα….