Web-Dev-For-Beginners/translations/ro

Dezvoltarea Web pentru Începători - Un Curriculum

Învață elementele de bază ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii de browser și jocuri spațiale. Implică-te în quiz-uri, discuții și teme practice. Îmbunătățește-ți competențele și optimizează retenția de cunoștințe cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!

Alătură-te Comunității Discord Azure AI Foundry

Urmează acești pași pentru a începe să folosești aceste resurse:

1. Fork Repository-ul: Click pe
2. Clonează Repository-ul: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori

🌐 Suport Multilingv

Suportat prin GitHub Action (Automatizat și Mereu Actualizat)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Preferi să Clonați Local?

Acest repository include peste 50 de traduceri în diferite limbi, ceea ce mărește considerabil dimensiunea de descărcare. Pentru a clona fără traduceri, folosește sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Aceasta îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.

Dacă dorești să fie suportate limbi suplimentare pentru traduceri, acestea sunt listate aici

🧑‍🎓 Ești student?

Vizitează pagina Student Hub unde vei găsi resurse pentru începători, pachete pentru studenți și chiar modalități de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o adaugi la favorite și să o verifici din când în când, deoarece conținutul se schimbă lunar.

📣 Anunț - Noi provocări GitHub Copilot Agent de completat!

A fost adăugată o nouă provocare, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine să o completezi folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta nu doar generează text, ci poate crea și edita fișiere, poate executa comenzi și altele.

📣 Anunț - Proiect Nou de construit folosind Generative AI

Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l aici

📣 Anunț - Curriculum Nou despre Generative AI pentru JavaScript a fost lansat

Nu rata noul nostru curriculum despre Generative AI!

Vizitează https://aka.ms/genai-js-course pentru a începe!

• Lecții acoperind totul de la noțiunile de bază până la RAG.
• Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
• Narațiune distractivă și captivantă, vei călători în timp!

Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare pentru a te ghida în învățarea subiectelor precum:

• Prompt-area și ingineria prompt-urilor
• Generarea aplicațiilor de text și imagine
• Aplicații de căutare

Vizitează https://aka.ms/genai-js-course pentru a începe!

🌱 Începerea

Profesori, am inclus câteva sugestii despre cum să folosiți acest curriculum. Ne-ar face plăcere să primim feedback-ul vostru în forumul nostru de discuții!

Elevi, pentru fiecare lecție, începeți cu un quiz pre-lecție și continuați cu parcurgerea materialului didactic, completarea diverselor activități și verificați-vă înțelegerea cu un quiz post-lecție.

Pentru a-ți îmbunătăți experiența de învățare, conectează-te cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în forumul nostru de discuții unde echipa noastră de moderatori va fi disponibilă să răspundă întrebărilor tale.

Pentru a-ți aprofunda educația, recomandăm cu insistență explorarea Microsoft Learn pentru materiale de studiu adiționale.

📋 Configurarea mediului tău

Acest curriculum are deja un mediu de dezvoltare pregătit! Pe măsură ce începi poți alege să rulezi curriculum-ul într-un Codespace (un mediu bazat pe browser, fără instalări necesare), sau local pe calculatorul tău folosind un editor de text precum Visual Studio Code.

Creează-ți repository-ul

Pentru a-ți salva ușor munca, este recomandat să-ți creezi propria copie a acestui repository. Poți face asta apăsând butonul Use this template din partea de sus a paginii. Aceasta va crea un nou repository în contul tău GitHub cu o copie a curriculum-ului.

Urmează acești pași:

1. Fork Repository-ul: Apasă pe butonul "Fork" din colțul din dreapta sus al acestei pagini.
2. Clonează Repository-ul: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Rularea curriculum-ului într-un Codespace

În copia ta de repository pe care ai creat-o, apasă butonul Code și selectează Open with Codespaces. Aceasta va crea un nou Codespace unde poți lucra.

Rularea curriculum-ului local pe calculatorul tău

Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, Introducere în Limbaje de Programare și Uneltele Meseriei, îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să poți alege ce ți se potrivește cel mai bine.

Recomandarea noastră este să folosești Visual Studio Code ca editor, care are și un Terminal integrat. Poți descărca Visual Studio Code aici.

1. Clonează repository-ul pe calculatorul tău. Poți face asta apăsând pe butonul Code și copiind URL-ul:

   CodeSpace Apoi, deschide Terminalul în cadrul Visual Studio Code și rulează următoarea comandă, înlocuind <your-repository-url> cu URL-ul pe care tocmai l-ai copiat:

   git clone <your-repository-url>
   

2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe File > Open Folder și selectând folderul pe care tocmai l-ai clonat.

Extensii recomandate pentru Visual Studio Code:

• Live Server - pentru a previzualiza paginile HTML în Visual Studio Code
• Copilot - pentru a te ajuta să scrii cod mai rapid

📂 Fiecare lecție include:

• schiță opțională
• videoclip suplimentar opțional
• chestionar de încălzire pre-lectură
• lecție scrisă
• pentru lecțiile bazate pe proiect, ghiduri pas cu pas despre cum să construiești proiectul
• verificări de cunoștințe
• o provocare
• lecturi suplimentare
• temă
• chestionar post-lectură

O notă despre chestionare: Toate chestionarele sunt conținute în folderul Quiz-app, în total 48 de chestionare cu câte trei întrebări fiecare. Sunt disponibile aici iar aplicația de chestionare poate fi rulată local sau poate fi implementată în Azure; urmează instrucțiunile din folderul quiz-app.

🗃️ Lecții

	Numele Proiectului	Concepte Prezentate	Obiective de Învățare	Lecția Legată	Autor
01	Începutul	Introducere în Programare și Uneltele Meseriei	Învață elementele de bază ale majorității limbajelor de programare și despre software-ul care îi ajută pe dezvoltatorii profesioniști	Introducere în Limbaje de Programare și Uneltele Meseriei	Jasmine
02	Începutul	Bazele GitHub, inclusiv colaborarea în echipă	Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod	Introducere în GitHub	Floor
03	Începutul	Accesibilitate	Învață elementele de bază ale accesibilității web	Fundamente de Accesibilitate	Christopher
04	Bazele JS	Tipuri de Date în JavaScript	Bazele tipurilor de date în JavaScript	Tipuri de Date	Jasmine
05	Bazele JS	Funcții și Metode	Învață despre funcții și metode pentru a gestiona fluxul logicii unei aplicații	Funcții și Metode	Jasmine și Christopher
06	Bazele JS	Luarea Deciziilor cu JS	Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor	Luarea Deciziilor	Jasmine
07	Bazele JS	Arrays și Buclă	Lucrează cu date folosind arrays și bucle în JavaScript	Arrays și Buclă	Jasmine
08	Terrarium	HTML în Practică	Construiește HTML pentru a crea un terrariu online, concentrându-te pe dezvoltarea layout-ului	Introducere în HTML	Jen
09	Terrarium	CSS în Practică	Construiește CSS pentru a stiliza terrariul online, concentrându-te pe elementele de bază ale CSS, inclusiv realizarea responsivității paginii	Introducere în CSS	Jen
10	Terrarium	Închideri în JavaScript, manipularea DOM	Construiește JavaScript pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM	Închideri în JavaScript, manipularea DOM	Jen
11	Typing Game	Construiește un Joc de Tastare	Învață cum să folosești evenimentele tastaturii pentru a conduce logica aplicației tale JavaScript	Programare Bazată pe Evenimente	Christopher
12	Extensie Browser Verde	Lucrul cu Browsere	Învață cum funcționează browserele, istoricul lor și cum să scaffoldezi primele elemente ale unei extensii de browser	Despre Browsere	Jen
13	Extensie Browser Verde	Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală	Construiește elementele JavaScript ale extensiei tale de browser pentru a apela un API folosind variabile stocate local	API-uri, Formulare și Stocare Locală	Jen
14	Extensie Browser Verde	Procesare în fundal în browser, performanță web	Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și unele optimizări	Sarcini de Fundal și Performanță	Jen
15	Joc Spațial	Dezvoltare avansată a jocurilor cu JavaScript	Învață despre moștenire folosind atât clase, cât și compoziție și modelul Pub/Sub, în pregătirea construirii unui joc	Introducere în Dezvoltare Avansată de Jocuri	Chris
16	Joc Spațial	Desenarea pe canvas	Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran	Desenarea pe Canvas	Chris
17	Joc Spațial	Mutarea elementelor pe ecran	Descoperă cum elementele pot dobândi mișcare folosind coordonate carteziene și API-ul Canvas	Mutarea Elementelor	Chris
18	Joc Spațial	Detectarea coliziunilor	Fă ca elementele să se ciocnească și să reacționeze unele la altele folosind apăsăriile de taste și oferă o funcție de răcire pentru a asigura performanța jocului	Detectarea Coliziunilor	Chris
19	Joc Spațial	Păstrarea scorului	Efectuează calcule matematice bazate pe statusul și performanța jocului	Păstrarea Scorului	Chris
20	Joc Spațial	Terminarea și repornirea jocului	Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile	Condiția de Final	Chris
21	Aplicație Bancară	Șabloane HTML și Rute într-o Aplicație Web	Învață cum să creezi scheletul unei arhitecturi de site multipaginar folosind rutare și șabloane HTML	Șabloane HTML și Rutare	Yohan
22	Aplicație Bancară	Construiește un Formular de Login și Înregistrare	Învață despre construirea formularelor și gestionarea rutinelor de validare	Formulare	Yohan
23	Aplicație Bancară	Metode de Obținere și Folosire a Datelor	Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini	Date	Yohan
24	Aplicație Bancară	Concepte de Management al Stării	Învață cum păstrează aplicația ta starea și cum să o gestionezi programatic	Managementul Stării	Yohan
25	Cod Browser/VScode	Lucrul cu VScode	Învață cum să folosești un editor de cod	Folosește editorul de cod VScode	Chris
26	Asistenți AI	Lucrul cu AI	Învață cum să construiești propriul tău asistent AI	Proiect Asistent AI	Chris

🏫 Pedagogie

Curriculumul nostru este conceput cu două principii pedagogice cheie în minte:

• învățare bazată pe proiecte
• chestionare frecvente

Programul predă elementele fundamentale ale JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea să dobândească experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser ecologică, un joc în stil space-invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor fi dobândit o înțelegere solidă a dezvoltării web.

🎓 Poți parcurge primele câteva lecții din acest curriculum ca un Curs de Învățare pe Microsoft Learn!

Prin asigurarea aliniamentului conținutului cu proiectele, procesul devine mai captivant pentru studenți, iar reținerea conceptelor va fi sporită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a prezenta conceptele, împerecheate cu un videoclip din colecția de tutoriale video „Seria pentru Începători în: JavaScript”, autorii unora dintre acestea contribuind la acest curriculum.

În plus, un chestionar cu miză mică înainte de o clasă setează intenția studentului către învățarea unui subiect, în timp ce un al doilea chestionar după clasă asigură o retenție suplimentară. Acest curriculum a fost proiectat să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin tot mai complexe până la finalul ciclului de 12 săptămâni.

Deși am evitat intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare unui dezvoltator web înainte de a adopta un framework, un pas următor bun după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "Seria pentru Începători în: Node.js".

Vizitează Codul nostru de Conduită și ghidul Contribuții. Așteptăm cu interes feedback-ul tău constructiv!

🧭 Acces offline

Poți rula această documentație offline folosind Docsify. Fă un fork al acestui repo, instalează Docsify pe mașina ta locală, apoi în folderul rădăcină al acestui repo, tastează docsify serve. Site-ul va fi servit pe portul 3000 al localhost-ului tău: localhost:3000.

📘 PDF

Un PDF cu toate lecțiile poate fi găsit aici.

🎒 Alte Cursuri

Echipa noastră produce și alte cursuri! Aruncă o privire:

LangChain

Azure / Edge / MCP / Agenți

---

Seria de AI Generativă

---

Învățare de bază

---

Seria Copilot

Obțineți ajutor

Dacă rămâi blocat sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuțiile despre MCP. Este o comunitate de susținere unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.

Dacă ai feedback despre produs sau întâmpini erori în timpul construirii, vizitează:

Licență

Acest depozit este licențiat sub licența MIT. Vezi fișierul LICENSE pentru mai multe informații.

---

Declinare de responsabilitate:
Acest document a fost tradus folosind un serviciu de traducere automată AI Co-op Translator. Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru orice neînțelegeri sau interpretări greșite care ar putea rezulta din utilizarea acestei traduceri.