Scor și evoluție
Ultimul scor, cel mai bun scor și progres pe module.
← Înapoi la Lab
CONT UNIC MP WEB STUDIO
Înveți gratuit. Progresul rămâne al tău.
Poți începe fără cont. Autentificarea este necesară doar pentru scoruri, istoric și continuarea de pe alt dispozitiv.
CE SALVEAZĂ CONTUL
Nu doar o bifă de finalizare.
Contul este același cu MP Web Studio. Nu creăm un sistem paralel pentru Lab.
Greșeli explicate
Vezi criteriile care se repetă, nu doar un procent.
Continuare simplă
Revii la ultima lecție și continui pe alt dispozitiv.
PROGRAMA COMPLETĂ
Șase trasee, un singur progres.
Numărăm în progres doar exercițiile disponibile. Traseele planificate nu apar ca restanțe.
Disponibil
HTML
120 exerciții · 12 module în programă
—120 disponibile acum
Deschide traseul Disponibil
CSS
100 exerciții · 10 module în programă
—100 disponibile acum
Deschide traseul Disponibil
JavaScript
100 exerciții · 10 module în programă
—50 disponibile acum
Deschide traseul Planificat
PHP
100 exerciții · 10 module în programă
Nu este încă publicat
Planificat
Python
100 exerciții · 10 module în programă
Nu este încă publicat
Planificat
Proiecte
100 exerciții · 10 module în programă
Nu este încă publicat
HTML + CSS + JavaScript
270 exerciții în 27 module disponibile
Poți deschide orice lecție publică. Progresul permanent apare după autentificare.
HTML 01Fundamente HTML
0 / 10 finalizate
0%
Fundamente HTML
0 / 10 finalizate
- 01Structura unui document HTMLNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 02Titluri și paragrafeNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 03Linkuri clareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 04Imagini accesibileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 05Liste ordonate și neordonateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 06Structura semantică a paginiiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 07Article și sectionNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 08Tabel pentru dateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 09Formular accesibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 10Repară structura unei paginiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 02Text și sens
0 / 10 finalizate
0%
Text și sens
0 / 10 finalizate
- 11Construiește: importanța cu strongNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 12Repară: importanța cu strongNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 13Construiește: accentul cu emNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 14Repară: accentul cu emNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 15Construiește: evidențierea cu markNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 16Repară: evidențierea cu markNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 17Construiește: nota secundară cu smallNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 18Repară: nota secundară cu smallNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 19Construiește: o abreviere explicatăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 20Repară: o abreviere explicatăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 03Linkuri și acțiuni
0 / 10 finalizate
0%
Linkuri și acțiuni
0 / 10 finalizate
- 21Construiește: un link către o secțiuneNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 22Repară: un link către o secțiuneNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 23Construiește: un link extern descriptivNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 24Repară: un link extern descriptivNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 25Construiește: un link pentru emailNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 26Repară: un link pentru emailNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 27Construiește: un link pentru telefonNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 28Repară: un link pentru telefonNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 29Construiește: un link de descărcareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 30Repară: un link de descărcareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 04Imagini și media
0 / 10 finalizate
0%
Imagini și media
0 / 10 finalizate
- 31Construiește: o imagine cu legendăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 32Repară: o imagine cu legendăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 33Construiește: dimensiuni explicite pentru imagineNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 34Repară: dimensiuni explicite pentru imagineNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 35Construiește: o imagine adaptivă cu pictureNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 36Repară: o imagine adaptivă cu pictureNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 37Construiește: conținut audio controlabilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 38Repară: conținut audio controlabilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 39Construiește: video cu subtitrăriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 40Repară: video cu subtitrăriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 05Structura paginii
0 / 10 finalizate
0%
Structura paginii
0 / 10 finalizate
- 41Construiește: un antet cu navigareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 42Repară: un antet cu navigareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 43Construiește: un singur conținut principalNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 44Repară: un singur conținut principalNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 45Construiește: un articol cu antet propriuNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 46Repară: un articol cu antet propriuNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 47Construiește: o secțiune cu titluNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 48Repară: o secțiune cu titluNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 49Construiește: conținut secundar cu asideNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 50Repară: conținut secundar cu asideNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 06Liste și date
0 / 10 finalizate
0%
Liste și date
0 / 10 finalizate
- 51Construiește: o listă neordonată completăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 52Repară: o listă neordonată completăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 53Construiește: o listă ordonată numerotatăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 54Repară: o listă ordonată numerotatăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 55Construiește: o listă de definițiiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 56Repară: o listă de definițiiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 57Construiește: un tabel cu anteturi de coloanăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 58Repară: un tabel cu anteturi de coloanăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 59Construiește: un tabel cu anteturi de rândNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 60Repară: un tabel cu anteturi de rândNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 07Formulare esențiale
0 / 10 finalizate
0%
Formulare esențiale
0 / 10 finalizate
- 61Construiește: un câmp text etichetatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 62Repară: un câmp text etichetatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 63Construiește: un câmp email completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 64Repară: un câmp email completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 65Construiește: un număr cu limiteNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 66Repară: un număr cu limiteNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 67Construiește: un mesaj cu textareaNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 68Repară: un mesaj cu textareaNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 69Construiește: o listă selectabilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 70Repară: o listă selectabilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 08Formulare avansate
0 / 10 finalizate
0%
Formulare avansate
0 / 10 finalizate
- 71Construiește: opțiuni radio grupateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 72Repară: opțiuni radio grupateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 73Construiește: o bifă de acordNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 74Repară: o bifă de acordNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 75Construiește: o dată într-un intervalNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 76Repară: o dată într-un intervalNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 77Construiește: sugestii cu datalistNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 78Repară: sugestii cu datalistNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 79Construiește: un formular grupat completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 80Repară: un formular grupat completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 09Document și metadate
0 / 10 finalizate
0%
Document și metadate
0 / 10 finalizate
- 81Construiește: charset și viewportNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 82Repară: charset și viewportNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 83Construiește: titlu și descriere pentru documentNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 84Repară: titlu și descriere pentru documentNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 85Construiește: limba și direcția documentuluiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 86Repară: limba și direcția documentuluiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 87Construiește: atribute globale utileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 88Repară: atribute globale utileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 89Construiește: detalii extensibileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 90Repară: detalii extensibileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 10Integrare și depanare
0 / 10 finalizate
0%
Integrare și depanare
0 / 10 finalizate
- 91Construiește: o pagină cu landmarkuriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 92Repară: o pagină cu landmarkuriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 93Construiește: un articol cu data publicăriiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 94Repară: un articol cu data publicăriiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 95Construiește: un card semantic de serviciuNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 96Repară: un card semantic de serviciuNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 97Construiește: un tabel de prețuri accesibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 98Repară: un tabel de prețuri accesibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 99Construiește: o secțiune completă de contactNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 100Repară: o secțiune completă de contactNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 11Calitate HTML
0 / 10 finalizate
0%
Calitate HTML
0 / 10 finalizate
- 101Construiește: controale interactive separateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 102Repară: controale interactive separateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 103Construiește: ID-uri unice în documentNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 104Repară: ID-uri unice în documentNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 105Construiește: o ierarhie completă de titluriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 106Repară: o ierarhie completă de titluriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 107Construiește: o imagine încărcată eficientNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 108Repară: o imagine încărcată eficientNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 109Construiește: un iframe descris și limitatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 110Repară: un iframe descris și limitatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
HTML 12Text tehnic și citări
0 / 10 finalizate
0%
Text tehnic și citări
0 / 10 finalizate
- 111Construiește: un bloc de codNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 112Repară: un bloc de codNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 113Construiește: comenzi și rezultate tehniceNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 114Repară: comenzi și rezultate tehniceNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 115Construiește: un citat cu sursăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 116Repară: un citat cu sursăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 117Construiește: date de contact cu addressNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 118Repară: date de contact cu addressNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 119Construiește: text bidirecțional izolatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 120Repară: text bidirecțional izolatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 01Sintaxă, conectare și selectori
0 / 10 finalizate
0%
Sintaxă, conectare și selectori
0 / 10 finalizate
- 01Prima regulă CSSNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 02Conectează un fișier CSSNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 03Folosește un stil internNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 04Selector de elementNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 05Selector de clasăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 06Selector de IDNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 07Grupează selectoriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 08Selector descendentNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 09Copil directNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 10Repară o regulă CSSNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 02Cascadă, moștenire și specificitate
0 / 10 finalizate
0%
Cascadă, moștenire și specificitate
0 / 10 finalizate
- 11Ordinea regulilorNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 12Moștenire automatăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 13Moștenește explicitNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 14Revino la valoarea inițialăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 15Șterge declarația cu unsetNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 16Clasa bate selectorul de tipNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 17ID-ul bate clasaNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 18Selector compus mai specificNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 19Stil atașat elementuluiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 20Folosește !important controlatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 03Culori, unități, fundaluri și contrast
0 / 10 finalizate
0%
Culori, unități, fundaluri și contrast
0 / 10 finalizate
- 21Scrie o culoare hexazecimalăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 22Construiește o culoare cu rgb()NeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 23Descrie o culoare cu hsl()NeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 24Adaugă transparență prin alphaNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 25Dimensionează textul cu remNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 26Creează spațiere cu emNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 27Folosește o lățime procentualăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 28Raportează secțiunea la viewportNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 29Combină fundalul și conturulNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 30Construiește un contrast lizibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 04Tipografie, text și spațiere
0 / 10 finalizate
0%
Tipografie, text și spațiere
0 / 10 finalizate
- 31Construiește o listă de fonturiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 32Dimensionează un titlu cu remNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 33Accentuează textul prin greutateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 34Stilizează un citat cu italicNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 35Aerisește un paragraf cu line-heightNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 36Centrează un mesajNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 37Transformă vizual o etichetăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 38Spațiază literele unei eticheteNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 39Subliniază clar un linkNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 40Ajustează spațiul dintre cuvinteNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 05Box model, dimensiuni, overflow și poziționare
0 / 10 finalizate
0%
Box model, dimensiuni, overflow și poziționare
0 / 10 finalizate
- 41Separă cardurile cu marginNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 42Aerisește conținutul cu paddingNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 43Construiește un contur completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 44Păstrează lățimea cu border-boxNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 45Combină width și max-widthNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 46Oferă secțiunii o înălțime minimăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 47Protejează un tabel cu overflow-xNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 48Controlează un flux vertical lungNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 49Creează un reper de poziționareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 50Poziționează o etichetă în cardNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 06Flexbox și componente într-o dimensiune
0 / 10 finalizate
0%
Flexbox și componente într-o dimensiune
0 / 10 finalizate
- 51Creează primul container flexNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 52Schimbă axa într-o coloanăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 53Distribuie spațiul dintre acțiuniNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 54Centrează elementele pe axa transversalăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 55Adaugă un spațiu constant cu gapNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 56Permite elementelor să treacă pe rând nouNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 57Lasă cardurile să crească echilibratNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 58Protejează un element de micșorareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 59Aliniază o singură acțiune separatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 60Construiește o bară de acțiuni flexibilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 07CSS Grid și layout în două dimensiuni
0 / 10 finalizate
0%
CSS Grid și layout în două dimensiuni
0 / 10 finalizate
- 61Creează primul container GridNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 62Construiește două coloane egaleNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 63Repetă trei coloane egaleNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 64Separă pistele cu gapNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 65Combină o coloană auto cu una flexibilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 66Întinde un element peste două coloaneNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 67Construiește rânduri auto, flexibile, autoNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 68Numește zonele unei paginiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 69Centrează elementele în celulele GridNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 70Construiește o grilă fluidă de carduriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 08Responsive, media queries și imagini adaptabile
0 / 10 finalizate
0%
Responsive, media queries și imagini adaptabile
0 / 10 finalizate
- 71Adaptează layoutul pe ecran îngustNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 72Construiește mobile-first cu min-widthNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 73Mărește spațierea la un breakpointNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 74Creează un titlu fluid cu clamp()NeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 75Păstrează imaginea în containerNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 76Umple un cadru cu object-fitNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 77Oferă imagini pentru densități diferiteNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 78Descrie lățimile imaginilor candidateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 79Schimbă încadrarea cu pictureNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 80Construiește un card responsive completNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 09Stări, focus, tranziții, mișcare redusă și accesibilitate
0 / 10 finalizate
0%
Stări, focus, tranziții, mișcare redusă și accesibilitate
0 / 10 finalizate
- 81Arată starea hover a unui butonNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 82Confirmă apăsarea cu :activeNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 83Desenează un focus vizibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 84Evidențiază câmpul focalizatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 85Stilizează un buton dezactivatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 86Răspunde la un checkbox bifatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 87Arată starea invalidă a unui câmpNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 88Tranziționează numai proprietățile necesareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 89Respectă preferința pentru mișcare redusăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 90Construiește un buton interactiv accesibilNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
CSS 10Organizare, proprietăți personalizate, depanare și performanță
0 / 10 finalizate
0%
Organizare, proprietăți personalizate, depanare și performanță
0 / 10 finalizate
- 91Creează o variabilă pentru culoarea branduluiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 92Adaugă o valoare de rezervă în var()NeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 93Suprascrie un token într-o componentăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 94Calculează spațierea dintr-un tokenNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 95Centrează conținutul cu proprietăți logiceNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 96Păstrează specificitatea joasă cu :where()NeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 97Include padding-ul în dimensiunea elementelorNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 98Enumeră proprietățile unei tranzițiiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 99Amână randarea conținutului îndepărtatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 100Construiește o componentă cu tokenuriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
JAVASCRIPT 01Sintaxă, variabile, valori și tipuri
0 / 10 finalizate
0%
Sintaxă, variabile, valori și tipuri
0 / 10 finalizate
- 01Afișează primul rezultatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 02Declară o constantăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 03Actualizează o variabilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 04Calculează cu numereNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 05Combină valori într-un șablonNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 06Compară valoriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 07Verifică tipul unei valoriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 08Observă null și undefinedNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 09Convertește explicit la numărNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 10Construiește un rezumat de valoriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
JAVASCRIPT 02Operatori, comparații și condiții
0 / 10 finalizate
0%
Operatori, comparații și condiții
0 / 10 finalizate
- 11Calculează restul împărțiriiNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 12Ridică un număr la putereNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 13Compară strict două valoriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 14Verifică diferența strictăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 15Combină două condiții cu ȘINeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 16Alege prima valoare disponibilăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 17Inversează o valoare booleanăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 18Rulează o ramură cu ifNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 19Alege între două ramuriNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 20Alege cu operatorul condiționalNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
JAVASCRIPT 03Controlul fluxului, bucle și funcții
0 / 10 finalizate
0%
Controlul fluxului, bucle și funcții
0 / 10 finalizate
- 21Alege o ramură cu switchNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 22Repetă cu whileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 23Rulează cel puțin o dată cu do…whileNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 24Numără cu forNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 25Oprește o buclă cu breakNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 26Sari peste o iterație cu continueNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 27Declară și apelează o funcțieNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 28Primește o valoare prin parametruNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 29Returnează o valoareNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 30Folosește un parametru implicitNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
JAVASCRIPT 04Șiruri, tablouri și operații de bază
0 / 10 finalizate
0%
Șiruri, tablouri și operații de bază
0 / 10 finalizate
- 31Măsoară lungimea unui șirNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 32Transformă textul în majusculeNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 33Verifică textul cu includesNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 34Extrage o porțiune cu sliceNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 35Creează primul tablouNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 36Citește un element după indexNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 37Adaugă un element cu pushNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 38Elimină ultimul element cu popNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 39Caută într-un tablou cu includesNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 40Unește elementele cu joinNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
JAVASCRIPT 05Obiecte, proprietăți și transformarea datelor
0 / 10 finalizate
0%
Obiecte, proprietăți și transformarea datelor
0 / 10 finalizate
- 41Creează primul obiectNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 42Citește o proprietate cu punctNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 43Citește o proprietate cu parantezeNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 44Actualizează o proprietateNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 45Adaugă o proprietate nouăNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 46Citește un obiect imbricatNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 47Definește o metodă în obiectNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 48Enumeră cheile cu Object.keysNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 49Rulează un callback cu forEachNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide
- 50Transformă un tablou cu mapNeînceputUltimul—Cel mai bun—Nereușite0Indicii0Deschide