Lectiile din acest curs JavaScript sunt gratuite si se adreseaza in special incepatorilor in web development si programare web.
Incep cu lucrurile de initiere si de baza ale programarii JavaScript, instructiuni si exemple simple, continuand cu elemente mai complexe, obiecte JavaScript, evenimente, functii, si altele.

Cuprins Lectii :

  1. Introducere
  2. Sintaxa Java Script
  3. Notiuni de baza
  4. Operatori
  5. Instructiuni conditionale
  6. Instructiuni ciclice - repetitive
  7. Instructiuni complementare
  8. Ferestre Alert Prompt si Confirm
  9. Functii JavaScript 1
  10. Functii JavaScript 2
  11. Obiecte JavaScript 1
  12. Obiecte JavaScript 2
  13. Ierarhia Java Script
  14. DOM Modelul Obiectului Document
  15. Obiecte Navigator, History si Location
  16. Obiecte Mimetype Plughin, Anchor, Area, Applet, Layer si Link
  17. Obiecte Button, Checkbox, FileUpload, Hidden, Password, Radio
  18. Obiecte Reset, Submit, Select, Text, Textarea si Option
  19. Evenimente JavaScript
  20. Inregistrare Detectare Evenimente
  21. Obiectul image 1
  22. Obiectul image 2
  23. Obiectul form 1
  24. Obiectul form 2
  25. Obiectul window 1
  26. Obiectul window 2
  27. Ferestre Frame
  28. Utilizare Cookie 1
  29. Utilizare Cookie-uri 2
  30. getElementById
  31. getElementsByTagName
  32. querySelector si querySelectorAll
  33. createElement si insertBefore
  34. Creare scripturi avansate Javascript - PHP
  35. Creare si utilizare clase in JavaScript
  36. Inlantuire mai multe metode de obiect in JavaScript
  37. classList - Lucru cu clase css
Pe site-ul CoursesWeb.net, la pagina: JavaScript Online Video Course and Tutorials gasiti exemple si lectii video pentru invatarea elementelor principale JavaScript.
- Acele tutoriale sunt de initiere pt. incepatori, in limba engleza.
Pe acelasi site, e o sectiune "Download" unde gasiti mai multe resurse: PDF e-books si cursuri video de JavaScript (inclusiv JQuery) pe care le puteti descarca (tot in engleza).
 

Sumar Lectii

1. Sintaxa JavaScript
      - In aceasta lectie invatati cum sa incepeti scrierea unui script cu JavaScript
      - Veti invata cum sa adauga scripturile intr-un document HTML
      - Regulile de sintaxa ale limbajului JavaScript

2. Notiuni de baza
      - In aceasta lectie veti invata notiunile de baza ale programari, necesare pentru a scrie un script.
      - Cum se declara si se folosesc variabilele

3. Operatori
      - Lectie despre operatorii din JavaScript
      - Operatorii aritmetici
      - Operatori de atribuire
      - Operatori de comparare
      - Operatori logici (booleeni)
      - Operatorul string
      - Operatorul typeof
      - Operatori pentru functii si structuri de date
      - Precedenta operatorilor

4. Instructiuni conditionale
      - In aceasta lectie veti invata instructiunile conditionale "if", "if ... else" si "switch"

5. Instructiuni ciclice (repetitive)
      - Aceasta lectie explica modul de lucru si folosire a instructiunilor: "for", "for ... in", "while", "do ... while"

6. Instructiuni complementare
      - In aceasta lectie veti invata instructiunile "break", "continue", "label (eticheta)" si "with"

7. Ferestre Alert, Prompt si Confirm
      - Fereastra Alert
      - Fereastra Prompt
      - Fereastra Confirm

8. Functii (part. 1)
      - In aceasta lectie veti invata modul de folosire a functiilor in JavaScript
      - Definirea functiilor
      - Apelarea functiilor

9. Functii (part. 2)
      - In aceasta lectie veti invata tratarea situatiilor cand functiile definite cu argumente, nu primesc argument la apelare sau primesc mai multe argumente deca nr. definit
      - Functii recursive

10. Obiecte JavaScript (part. 1)
      - In aceasta lectie veti invata despre o parte din obiectele utilizate in JS, proprietatile si metodele acestora
      - Obiectul String
      - Obiectul Array (tablouri)

11. Obiecte JavaScript (part. 2)
      - Lectia continua prezentarea obiectelor esentiale din JS
      - Obiectul Date
      - Obiectul Math
      - Obiectul Global

12. Ierarhia JavaScript
      - In aceasta lectie invatati despre ierarhia obiectelor in Java Script si modul de utilizare a acesteia
      - Obiectul Document

13. DOM- Modelul Documentului Obiect
      - In aceasta lectie invatati despre modelul, ordinea obiectelor JavaScript
      - Despre obiecte pe partea de client

14. Obiecte Navigator, History si Location
      - Obiectul Navigator (browser)
      - Obiectul History
      - Obiectul Location

15. Obiecte Mimetype Plughin, Anchor, Area, Applet, Layer si Link
      - Functii /Metode ale Obiectelor Mimetype Plughin, Anchor, Area, Applet, Layer si Link in JavaScript

16. Obiecte Button, Checkbox, FileUpload, Hidden, Password, Radio
      - Metode si functii ale Obiectelor: Button, Checkbox, FileUpload, Hidden, Password si Radio.

17. Obiecte Reset, Submit, Select, Text, Textarea si Option
      - In aceasta lectie se continua prezentarea celorlalte obiecte de formular: Reset, Submit, Select, Text, Textarea si Option

18. Evenimente JavaScript
      - In aceasta lectie sunt prezentate evenimentele Javascript: onClick, onFocus, onMouseOver, onSelect, ... si altele

19. Inregistrare Detectare Evenimente
      - Cum se inregistreaza "event handlers" pt. a detecta evenimente in JavaScript. Metoda traditionala si cea cu addEventListener().

20. Obiectul image (part. 1)
      - In aceasta lectie invatati sa lucrati cu "obiectul image", sa creati efecte cu ajutorul imaginilor, folosid JavaScript

21. Obiectul image (part. 2)
      - Preincarcarea imaginilor
      - Efecte mouse-over (sau rollover)

22. Obiectul form (part. 1)
      - Metode si proprietati ale obiectului form
      - Trimiterea formularelor spre server

23. Obiectul form (part. 2)
      - Utilizarea metodei focus si select
      - Validarea si verificarea datelor introduse in formular

24. Obiectul window (part. 1)
      - Metodele si proprietatile obiectului window
      - Crearea ferestrelor pop-up (metoda open)
      - Inchiderea ferestrelor (metoda close)

25. Obiectul window (part. 2)
      - Ferestre "on the fly" ("din mers")
      - Bara de stare (statusbar)
      - Utilizare setTimeout()

26. Ferestre Frame
      - Crearea cadrelor
      - Obiectul Frame
      - Frame-uri si JavaScript
      - Navigarea prin cadre

27. Cookie-uri (part. 1)
      - Fisiere cookie
      - Stocarea si regasirea valorilor unui cookie
      - Stabilirea valorilor unui cookie

28. Cookie-uri (part. 2)
      - Fisiere cookie cu acelasi nume
      - Stergerea unui cookie
      - Exemplu complet utilizare cookie

29. Lucrul cu getElementById
      - Invatati sa lucrati cu proprietatile cele mai des folosite cu getElementById
      - Exemple practice cu getElementById

30. Lucrul cu getElementsByTagName
      - Invatati sa aplicati efecte si proprietati mai multor tag-uri HTML utilizand functia getElementsByTagName()
      - Utilizarea metodei getElementsByTagName() impreuna cu getElementById() si getAttribute()
      - Preluarea tag-urilor si evenimentelor JS in memorie, la incarcarea paginii

31. querySelector si querySelectorAll
      - Selectare elemente HTML dupa selectori CSS, cu functiile querySelector() si querySelectorAll().

32. createElement si insertBefore
      - Utilizarea metodelor createElement() si insertBefore()
      - Adaugarea automata de casete text in formular

33. Creare scripturi avansate - Javascript si PHP
      - Tutorial despre utilizarea si combinarea scripturilor JavaScript cu PHP.

34. Creare si utilizare clase in JavaScript
      - In aceasta lectie puteti invata cum se creaza si se foloseste o clasa in JavaScript, cu proprietati si metode.

35. Inlantuire mai multe metode de obiect in JavaScript
      - Invatati cum sa accesati mai multe metode (functii) de obiect JS, inlantuite intr-o singura instructiune.

    - Manual, lectii online si tutoriale de initiere JavaScript - Curs realizat de MarPlo

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://www.marplo.net/html/</li>
</ul>
Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?
block list-item inline-block
.some_class {
  display: list-item;
}
Care instructiune JavaScript transforma un obiect in sir JSON.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)
lived living liveing
I`m living here.
- Traiesc /Locuiesc aici.
Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?
vivió vivido viviendo
Estoy viviendo aquí.
- Traiesc /Locuiesc aici.
Curs si Tutoriale JavaScript

Last accessed pages

  1. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (11497)
  2. Trecut perfect continuu - Exercitii si teste incepatori (884)
  3. Verbele in limba engleza - Verbs (5768)
  4. Gramatica limbii engleze - Prezentare Generala (34591)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (13517)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (2137)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (1888)
  3. Cursuri si Tutoriale: Spaniola, Engleza, HTML, CSS, Php-Mysql, JavaScript, Ajax (1732)
  4. Bubbles3 (1630)
  5. Curs HTML gratuit Tutoriale HTML5 (1626)