API
ConceptApplication Programming Interface — un set de reguli care permite două aplicații să comunice între ele. De exemplu, când aplicația ta cere date de la un server, vorbește prin API.
Exemplu
fetch('https://api.exemplu.com/users')Se încarcă...
67 termeni
Application Programming Interface — un set de reguli care permite două aplicații să comunice între ele. De exemplu, când aplicația ta cere date de la un server, vorbește prin API.
Exemplu
fetch('https://api.exemplu.com/users')Funcție săgeată — sintaxă scurtă pentru funcții. Nu are propriu this.
Exemplu
const sum = (a, b) => a + bSintaxă pentru a lucra cu cod asincron (care durează — fetch, timer). Așteaptă o promisiune fără să blocheze browserul.
Exemplu
const data = await fetch(url)Partea serverului. Tot ce nu vezi în browser: baze de date, autentificare, logica de business. Opusul lui frontend.
Exemplu
Node.js, Django, Laravel sunt frameworks de backendTehnologie foarte nouă, instabilă, dar cu features de top. Riscant pentru producție.
Cod repetitiv, standard, pe care îl scrii la fiecare proiect. Frameworks-urile reduc boilerplate-ul.
O linie paralelă de dezvoltare. Lucrezi pe o ramură separată, apoi o îmbini cu main.
Exemplu
git checkout -b feature-xUn punct unde execuția se oprește pentru a putea inspecta valorile variabilelor.
Exemplu
Click pe numărul liniei în DevToolsO eroare în cod care produce comportament nedorit. Termenul vine din anii '40 când o molie a blocat un computer.
Memorie temporară pentru date des accesate. Browserul cachează imagini, CSS, etc. pentru a încărca mai rapid.
O funcție trimisă ca argument către altă funcție, care o apelează când e gata.
Exemplu
setTimeout(() => alert('hi'), 1000)Content Delivery Network — rețea de servere distribuite global. Servește fișierele de la cel mai apropiat utilizatorului.
Exemplu
Cloudflare, Vercel EdgeContinuous Integration / Continuous Deployment. Automatizarea testării și deploy-ului la fiecare commit.
Exemplu
GitHub ActionsO funcție care își amintește variabilele din scope-ul unde a fost creată, chiar și după ce acel scope a dispărut.
Salvarea unei „fotografii" a codului în istoric Git. Vine cu un mesaj care descrie ce ai schimbat.
Exemplu
git commit -m "fix login bug"Panoul din DevTools unde apar mesaje, erori și unde poți rula cod JavaScript.
Exemplu
Apasă F12 → ConsoleDate mici stocate de browser. Folosite pentru autentificare, preferințe, tracking.
Cross-Origin Resource Sharing — regula browser-ului care blochează request-uri între domenii diferite, dacă serverul nu le permite explicit.
Procesul de găsire și rezolvare a bug-urilor.
Exemplu
Folosind console.log() sau breakpointsPachet/bibliotecă pe care proiectul tău o folosește. Salvate în package.json.
Punerea aplicației pe un server astfel încât utilizatorii s-o poată accesa.
Exemplu
Vercel deployExtragerea valorilor din array/obiect în variabile separate, scurt.
Exemplu
const { name, age } = userInstrumentele de dezvoltare din browser (F12). Ai Console, Network, Elements, etc.
Domain Name System — convertește devzone.vercel.app în IP. "Cartea de telefoane" a internetului.
Don't Repeat Yourself — principiu: nu duplica logica, extrage în funcții/componente.
Caz limită, neașteptat. Ex: array gol, string cu spații, divizare la zero.
Copierea unui repo în contul tău pentru a-l modifica independent.
O colecție de instrumente și convenții care îți ușurează dezvoltarea unei aplicații. Te scapă de cod repetitiv.
Exemplu
React, Vue, Next.js, LaravelPartea pe care o vezi în browser. HTML, CSS, JavaScript, React, etc.
Exemplu
Tot ce e vizual și interactiv pe un siteProgramator care lucrează atât pe frontend cât și pe backend.
Valoare scrisă direct în cod, fără posibilitate de modificare. Anti-pattern — folosește variabile de mediu sau config.
Exemplu
const API_KEY = 'abc123' (rău)JavaScript ridică declarațiile (var, function) în vârful scope-ului înainte de execuție. De aceea poți apela o funcție înainte de a o defini.
Protocolul prin care browserul vorbește cu serverul. Are metode: GET (citește), POST (creează), PUT (modifică), DELETE (șterge).
HTTP securizat — date criptate. Esențial pentru orice site modern.
JavaScript Object Notation — formatul standard de date pe web.
Exemplu
{ "name": "Ana", "age": 25 }Keep It Simple, Stupid — păstrează codul simplu. Soluția cea mai simplă e adesea cea mai bună.
Looks Good To Me — comentariu standard la code review când totul e ok.
Bibliotecă de cod — o colecție de funcții pe care le poți folosi. Diferența față de framework: tu apelezi library, framework-ul te apelează pe tine.
Exemplu
Axios, Lodash, Moment.jsVerificarea automată a calității codului (stilare, posibile erori). ESLint pentru JS.
Stocare în browser, persistă după închidere. Doar pentru date mici, neimportante de securitate.
Exemplu
localStorage.setItem('theme', 'dark')Combinarea a două branch-uri într-unul singur.
Exemplu
git merge feature-xDate false folosite în teste sau dezvoltare ca să nu lovești serverul real.
Minimum Viable Product — versiunea cea mai simplă care funcționează. Pornești cu MVP, apoi adaugi.
Proof of Concept — un prototip rapid pentru a demonstra că o idee funcționează.
Cod care adaugă funcționalitate modernă în browsere vechi care nu o suportă.
Un obiect care reprezintă o valoare care va exista în viitor. Poate fi în 3 stări: pending, resolved, rejected.
Exemplu
fetch(url).then(res => ...)Aducerea ultimelor schimbări de pe server în repo-ul local.
Exemplu
git pullCerere oficială să-ți fie acceptate schimbările într-un proiect. Echipa le revizuie și aprobă/respinge.
Trimiterea commit-urilor locale către server (GitHub, GitLab).
Exemplu
git push origin mainBug care apare când două procese rulează în paralel și ordinea contează.
Mutarea commit-urilor pe baza unui alt branch. Alternativă la merge, dar mai "curat".
Rescrierea codului pentru a-l face mai curat, fără a schimba ce face.
Repository — un proiect Git cu istoric și fișiere.
Representational State Transfer — stil de arhitectură pentru API-uri folosind HTTP. URL-urile reprezintă resurse: /users, /users/42.
Read The F**ing Manual — citește documentația, e acolo.
Explică problema cu voce tare unui obiect (rățușcă) — adesea îți dai seama de soluție explicând-o.
Mediu izolat pentru testare, fără efecte asupra producției.
Zona din cod unde o variabilă e accesibilă. Există global scope, function scope, block scope.
Cod dezorganizat, greu de urmărit. Multă logică încurcată.
Operatorul ... care extinde un array/obiect în elemente individuale.
Exemplu
const all = [...arr1, ...arr2]Certificat care criptează comunicarea HTTPS.
Lista funcțiilor care au fost apelate până la momentul erorii. Citește de jos în sus pentru a urmări fluxul.
Datorie tehnică — cod scris rapid acum, dar care va costa timp să-l corectezi mai târziu.
Conversia codului dintr-un limbaj/versiune în altul. Babel transpilează ES2024 → ES5 pentru browsere vechi.
Work In Progress — nu e gata, în lucru.
You Aren't Gonna Need It — nu scrie cod pentru viitor incert. Adaugă features când ai cu adevărat nevoie.
Când plecă să fac task A, dar trebuie să rezolvi B, care necesită C... Te trezești la 3 ore distanță de A.