GirlsGoIT Wiki (ro)
RU
  • Introducere
  • Unelte
    • Slack
    • Visual Studio Code
    • CodeSandbox
      • Cum rezolvi un task la proiect
      • Cum rezolvi un exercițiu
    • GitHub
  • FRONTEND STATIC
    • Internet
    • HTML
    • CSS
    • Exerciții
      • Erontend Static Exercitii
  • FRONTEND DINAMIC
    • JavaScript
      • Introducere
      • Consola Browser'ului
      • Variabile
      • Tipuri de date
      • Operatori
      • JavaScript & HTML
      • Funcții
      • DOM & Window API
      • Math API
      • Condiționale (if)
      • Cicluri (for & while)
    • Vue.js
      • Componente Vue
      • Componente & Forme
      • Lifecycle hooks
      • Comunicare între componente
      • Vue Router
      • Axios
      • Instalare locală
    • Exercitii
    • Rest API
      • Rest api GET
      • Rest api GET one
      • Rest api POST
      • Rest api PUT
      • Rest api DELETE
  • PYTHON
    • Introducere
    • Variabile
    • Tipuri de Date
    • Operatori
    • Control Flow
    • Liste
    • Cicluri for
    • Funcții
    • Dictionare
    • Seturi
    • Fișiere
    • Try-except-finally. Lambda
    • Librării, module
    • Exercitii
      • Variabile
      • TIpuri de Date
      • Operatori
      • If...else
      • Liste
      • Cicluri for
      • Funcții
      • Dicționare
      • Seturi
      • Fișiere
      • Try-except, Lambda
      • Librării , module
      • ✨Mai multe exerciții ✨
    • Python Archiva
  • BACKEND
    • Instalare Python
    • Python OOP
    • Baze de date
    • Django
    • REST API's
    • Django REST Framework
    • Exerciții
      • Python OOP
      • Django
      • Django Rest Framework
  • Data Science
    • Introducere în Data Science
    • Vizualizarea datelor
      • Matplotlib
    • Numpy
    • Pandas
    • DecisionTrees
  • 3D Printing
    • Intro
    • Fusion 360 Intro
    • Sketch
    • Solid body
    • Arduino
    • Final Projects
  • ARHIVA
    • Milligram
    • Drone
      • Intro
    • Old Backend
      • Bootstrap
      • Hello Flask
      • DB Modeling
      • Ubuntu Quest
      • Baze de date
      • Heroku Deploy
    • Robotica NAO
      • Finalizarea proiectelor
      • Flow Control
      • Cum creez un Dialog box
      • Convenția GirlsGoIT Robotics Choregraphe
      • Tracker
      • Dialog - QiChat
    • Robotica
      • 1.1 mBlock
      • 1.2 Descărcarea, instalarea și conectarea
      • 1.3 Execută un program de pe mBlock IDE sau încarcă pe Board
      • 1.4 Conectarea prin USB, Bluetooth sau 2.4GHz
      • 2.1 Programe Simple
      • 2.2 Senzori
      • 2.3 Exerciții avansate - Scratch
      • 3.0.1 Instalare Arduino IDE
      • 3.0.2 Instalare Arduino IDE WEB
      • 3.1 Configurare Arduino IDE
      • 3.2 Introducere în limbajul C
      • 3.3 Exemple Arduino - mBot
      • 3.4 Line follow - Arduino
      • 3.5 Ultimate robot
      • 4.1 Planificarea și managementul proiectelor
      • Custom robot
      • Noțiuni și explicații
      • Delay fara sa opreasca programul
      • Alte resurse și exemple
Powered by GitBook
On this page
  • Ce e JavaScript
  • Cum arată JavaScript
  • Valori primitive și complexe
  • Expresii
  • Mai departe
  1. FRONTEND DINAMIC
  2. JavaScript

Introducere

Universul JavasScript

PreviousJavaScriptNextConsola Browser'ului

Last updated 5 years ago

Aplicațiile web moderne demult nu mai sunt doar niște pagini statice, cu ceva text și imagini.

Practic orice site care il accesați sau are elemente dinamice in el, începând de la o forma cu butoane pentru a face acțiuni simple, până la aplicații complexe care includ in sine chat, menu, interfață sa creați dinamic elemente, jocuri.

Pentru a putea realiza aceste funcționalități, orice browser supportă un limbaj, care ne permite să dăm instrucțiuni pentru execuție. Acest limbaj se numește JavaScript

Ce e JavaScript

Din diferite motive istorice, JavaScript a ajuns să fie limbajul suportat nativ de toate Browserele moderne. E posibil să creăm funcționalități folosind și alte limbaje, dar JavaScript e cel mai răspândint, și cel mai standartizat la moment.

De asemenea versiunea curentă de Javascript e mult diferită de ce a fost in anii 90, când el a apărut. Limbajul a evoluat împreună cu tehnologiile.

Câteva detalii despre limbaj:

  • Creată în December 4, 1995; 24 ani în urmă

  • Adesea prescurtată ca JS

  • JavaScript și Java sunt limbaje de programare diferite

  • Face paginile web mai dinamice și interactive

  • Îmbunătățește experiența utilizatorului

  • Se scrie în fișiere cu extensia .js

Cum arată JavaScript

Exemplu de cod

În această secvență de cod apar variabile, diferite tipuri de date, funcții, funcții anonime, ciclu, etc. Ea nu execută nimic special, e doar un exemplu. Dar poate spre sfârșit o sa vă învățați să îl citiți și o să reveniți la el sa il analizați.

Valori primitive și complexe

JavaScript, ca și toate limbajele are un set de valori primitive. Ele nu pot fi schimbate, nu pot fi modificate direct, pot fi doar create alte valori noi:

De asemenea putem avea și valori complexe. Ele sunt manipulabile în cod oricum dorim:

În capitolele următoare vom intra in mai multe detalii despre aceste valori primitive și complexe.

Expresii

Expresiile sunt întrebările la care JavaScript poate răspunde. Ele pot avea diferite forme, cel mai des operații în formă matematică.

Rezultatul unei expresii întotdeauna va fi o singură valoare (de orice tip).

Mai departe

În următorul capitol vom vedea cum să accesăm mașinăria JavaScript în orice browser, și vom învăța să facem experimente cu ea. E unul din instrumentele indinspensabile a oricărui programator ce lucreaza cu paginile Web - Consola Browser'ului

Exemplu de printare la ecran a unei expresii de adunare
Consola Browser'ului