Curs Javascript

Adaugarea JavaScript intr-o pagina HTML

Codul JavaScript se adauga in paginile web folosind elementul HTML: <script> </script>.
In interiorul etichetei <script> ... </script> se scrie codul JS.
Pentru scrierea si executarea programelor JavaScript avem nevoie de un editor simplu de texte (cum ar fi Notepad++) si un browser (ex. Mozilla Firefox, Google Chrome).

Putem, de asemenea, sa introducem instructiunile JavaScript intr-un alt fisier, extern, care va avea extensia ".js", pentru editarea acestui fisier este nevoie la fel de un editor simplu de texte. Avantajul fiind ca putem folosi acelasi cod in mai multe pagini HTML si in cazul necesitatii unei modificari in codul JavaScript, modificam doar datele dintr-un singur fisier (cel cu extensia ".js").
In cazul in care codul JavaScript se afla intr-un fisier extern, eticheta <script> din pagina HTML va trebui sa contina atributul "src" a carui valoare e locatia fisierului in care se afla codul JavaScript.
- In fisierul extern cu extensia "js" nu trebuie sa scriem eticheta "<script>", scriem direct instructiunile scriptului.

Iata un exemplu de script JavaScript scris in interiorul unei pagini web (HTML):

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h3>Continut HTML ..</h3>

<script>
document.write('Textul afisat cu document.write() din JS.'); 
</script>
</body>
</html>
Instructiunea document.write este folosita pentru a tipari ceva in pagina.

Daca dorim sa incarcam scriptul dintr-un fisier extern (de exemplu "cod.js"), codul nostru in documentul HTML va arata astfel:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h3>Continut HTML ..</h3>

<script async src='cod.js'></script>
</body>
</html>

Atributul "async" specifica incarcarea script-ului in mod asincron; adica, restul codului din pagina continua sa se incarce, fara a fi intrerupt de scriptul din 'cod.js' (e necesar cand instructiunile din script incarca alte fisiere externe, cum ar fi imagini, multiedia, etc.).

- Iar fisierul "cod.js" va contine:
document.write('Textul afisat cu document.write() din JS.');
Rezultatul afisat in pagina web va fi acelasi ca-n exemplu anterior.

Comentarii in codul JavaScript

Comentariile in interiorul codului sunt necesare cand dorim sa specificam rolul anumitor functii si variabile, pentru o mai usoara intelegere ulterioara a scriptului.
Pentru a adauga un comentariu, pe o singura linie, in interiorul codului, incepem scrierea acestuia cu succesiunea //.
Daca dorim sa scriem comentarii pe mai multe randuri, se foloseste /* la inceputul comentariului si */ la sfarsitul acestuia.

<script>
// Comentariu pe o singura linie
let var1 ='MarPlo.net';

/*
Comentarii pe mai multe linii
Alt rand,
Viata e stare de Fericire, Bucurati-va
*/
var var2 ='Happiness';
</script>

Conventii de sintaxa

In orice limbaj, scrierea are conventii si reguli de sintaxa. Chiar si scrierea în limba româna are regulile ei de sintaxa: orice propozitie incepe cu litera mare, se termina cu un semn de punctuatie, etc.! La fel si limbajele de programare au regulile si sintaxa lor.
In continuare vor fi prezentate regulile de sintaxa din limbajul JavaScript.

  1. Case-sensitive - se face diferenta intre literele mari si mici, astfel cuvinte precum "exemple, Exemple" vor fi tratate diferit.
  2. Punct si virgula (;) - Declaratiile /liniile de cod trebuie sa se termine cu un caracter "punct si virgula" (;).
    Exemplu:
    var1 = 8; var2 ='abc';
    var3 ='JavaScript';
  3. Spatiile libere - JavaScript ignora spatiile libere, tab-urile si liniile libere care apar în instructiuni, acestea sunt utile pentru a face codul mai bine structurat si usor de citit. Recunoaste doar spatiile care apar în string-uri (sirurile de caractere).
    Exemplu:
    var1 = 'Tutorial JS' ;
    // E la fel cu
    var1='Tutorial JS';
  4. Ghilimelele - Ghilimelele simple ('') si duble ("") sunt folosite pentru a delimita sirurile de caractere (string). (Exemplu: "Invat JavaScript" sau 'String JavaScript' ).
  5. Caractere speciale - cand scriem scripturi, apare necesitatea de a folosi in cod sau in datele de iesire, un caracter specia, sau o linie noua. Pentru aceasta folosim caracterul backslash "\" in fata unuia din codurile Escape , astfel :
    • \b - backspace
      \f - indica o pagina noua
      \n - linie noua
      \r - indica un retur de car
      \t - indica spatiu de tasta TAB
      \\ - caracter backslash
      \' - indica un apostrof (ghilimele simple)
      \" - indica ghilimele duble
    • De exemplu, daca dorim sa afisam un text, folosind document.write(), iar acel text trebuie sa contina ghilimele si caracter backslash "\", si anume textul (Curs "JavaScript" \ MarPlo.net), pentru a nu "deruta" scriptul in interpretarea codului, deoarece ghilimelele si backslash fac parte din sintaxa, adaugam \ in fata acestor caractere din interiorul sirului. Comanda de afisare a sirului va fi astfel:
      document.write("Curs \"JavaScript\" \\ MarPlo.net");
  6. Numele variabilelor si functiilor - numele dat variabilelor si functiilor trebuie sa respecte urmatoarele reguli:
    • - primul caracter trebuie sa fie o litera, un caracter de subliniere (_) sau semnul $.
      - primul caracter nu poate fi un numar.
      - numele nu trebuie sa contina spatii libere.
      - nu se folosesc cuvinte rezervate, care fac parte din limbajul JavaScript (cum sunt "array", "status", "alert", "script"), deoarece interpretorul programului nu va face diferenta intre aceste nume si comenzile JavaScript cu aceleasi nume.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag HTML5 este indicat sa contina meniul cu link-uri de navigare in site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Ce proprietate CSS muta elementrul in dreapta sau stanga de la locul unde e?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Clic pe metoda obiectului Math care rotunjeste numarul x descrescator la cel mai apropiat intreg.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicati functia PHP care returneaza numarul de caractere dintr-un sir.
mb_strlen() count() stristr()
$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29
Clic pe raspunsul potrivit la intrebarea: "When it happened?".
On the 7th of July 1996 It is a quarter to 5. Nice weather.
When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Indicati raspunsul potrivit la intrebarea: "¿Cuando sucedió?".
Hace buen tiempo. En el 8 de Agosto de 2001 Son las tres menos cuarto.
¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Sintaxa JavaScript

Last accessed pages

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (88304)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (147112)
  3. Sufixele ful, less si nees - Test engleza (2352)
  4. Curs CSS Online Tutoriale CSS3 (56848)
  5. Sufixele -ful, -less si -ness - ful, less and ness suffixes (9875)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2728)
  2. Curs HTML gratuit Tutoriale HTML5 (2180)
  3. Curs si Tutoriale JavaScript (1962)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1934)
  5. Curs CSS Online Tutoriale CSS3 (1845)