Invata JavaScript de la zero

JavaScript este un limbaj de scripting folosit pentru introducerea unor functionalitati in pagnile web. Fisierele javascript au extensia js si sunt interpretate / rulate de browser. Codul javascript se ruleaza pe calculatorul utilizatorului.

Pentru a invata JavaScript este nevoie doar de un sistem de operare, fie ca este vorba despre o distributie Linux sau Windows sau OSX. Ca si editor se poate folosi Sublime-Text . In ziua de azi se folosesc mai mult framework-uri JavaScript, singurul lucru ce trebuie sa stii este includerea unui framework . Mai departe voi detalia cateva chestii de baza, ce ar trebui stiut de catre orice programator:

Includerea codului de JavaScript

Varianta 1: Insereaza in codul HTML.

<script>
// codul meu javascript
</script>

Varianta 2 – Daca codul javascript se afla intr-un fisier numit script.js

<script src="script.js"></script>

Variabile

var number = 30;     // number
var fullname = "Pop Ion"; // string
var fruits = ["Apple", "Banana"]; // array
var user = {username: "popion", email: "popion@yahoo.com"}; // object

Functii

Crearea unei functii:

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

Instructiuni in JavaScript

IF / ELSE / ELSEIF

var a = 10;
var b = 20;
if ( a>b ) {
    alert(a + ' este mai mare decat ' + b); // afiseaza mesaj in browser popup 
} else {
  alert(a + ' este mai mic sau egal cu  ' + b); // afiseaza mesaj in browser popup
}

SWITCH

var a = 5;
switch(a) {
    case 4:
        alert ('a este egal cu 4');
        break;
    case 5:
        alert ('a este egal cu 5');
        break;
    default:
        alert('a nu este nici 4, nici 5')
}

FOR

var a = [4,5,6];
for (var i = 0; i < a.length; i++ ) {
   alert(a[i]); // afisam fiecare element din array in browser popup
}

 

WHILE

 var i = 0;
 while (i < 3) {
    console.log(i); // afiseaza valorile lui i in console de browser ( apasa F12 in browser pt consola )
    i++;
 }

 

Anunțuri

Lasă un răspuns

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s