Web-Dev-For-Beginners/translations/ro

Dezvoltare Web pentru Începători - Un Curriculum

Învață fundamentele dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit 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 teste, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează-ți retenția cunoștințelor cu pedagogia noastră bazată pe proiecte. Începe-ți călătoria în programare astăzi!

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

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

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

🌐 Suport Multi-Limbă

Suportat prin GitHub Action (Automat & 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 | Korean | Lithuanian | Malay | Marathi | Nepali | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Dacă dorești să fie suportate alte limbi, 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 pentru certificare gratuită. Aceasta este pagina pe care vrei să o salvezi la favorite și să o verifici periodic, deoarece conținutul este actualizat lunar.

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

Provocare nouă adăugată, caută "Provocarea Agentului GitHub Copilot 🚀" în majoritatea capitolelor. Este o nouă provocare pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta este capabil nu doar să genereze text, ci și să creeze și să editeze fișiere, să ruleze comenzi și multe altele.

📣 Anunț - Proiect nou de construit folosind AI Generativ

Un nou proiect de asistent AI tocmai a fost adăugat, verifică proiectul

📣 Anunț - Curriculum nou despre AI Generativ pentru JavaScript tocmai a fost lansat

Nu rata noul nostru curriculum despre AI Generativ!

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

• Lecții care acoperă totul, de la bazele AI 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, o verificare a cunoștințelor și o provocare pentru a te ghida în învățarea subiectelor precum:

• Crearea și optimizarea prompturilor
• Generarea de aplicații text și imagine
• Aplicații de căutare

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

🌱 Începe

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

Cursanți, pentru fiecare lecție, începeți cu un test pre-lectură și continuați cu citirea materialului de curs, completarea diferitelor activități și verificați-vă înțelegerea cu testul post-lectură.

Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Discuțiile sunt încurajate în forum-ul nostru de discuții, unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre.

Pentru a vă continua educația, recomandăm cu tărie explorarea Microsoft Learn pentru materiale de studiu suplimentare.

📋 Configurarea mediului de lucru

Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începeți, puteți alege să rulați curriculum-ul într-un Codespace (un mediu bazat pe browser, fără instalări necesare), sau local pe computerul vostru folosind un editor de text precum Visual Studio Code.

Creați propriul repository

Pentru a vă salva cu ușurință munca, este recomandat să creați propria copie a acestui repository. Puteți face acest lucru făcând clic pe butonul Use this template din partea de sus a paginii. Acest lucru va crea un nou repository în contul vostru GitHub cu o copie a curriculum-ului.

Urmați acești pași:

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

Rularea curriculum-ului într-un Codespace

În copia voastră a acestui repository pe care ați creat-o, faceți clic pe butonul Code și selectați Open with Codespaces. Acest lucru va crea un nou Codespace pentru a lucra.

Rularea curriculum-ului local pe computerul vostru

Pentru a rula acest curriculum local pe computerul vostru, veți 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 Instrumente de Lucru, vă va ghida prin diverse opțiuni pentru fiecare dintre aceste instrumente, astfel încât să puteți selecta ceea ce funcționează cel mai bine pentru voi.

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

1. Clonați repository-ul pe computerul vostru. Puteți face acest lucru făcând clic pe butonul Code și copiind URL-ul:

   CodeSpace

   Apoi, deschideți Terminal în Visual Studio Code și rulați următoarea comandă, înlocuind <your-repository-url> cu URL-ul pe care tocmai l-ați copiat:

   git clone <your-repository-url>
   

2. Deschideți folderul în Visual Studio Code. Puteți face acest lucru făcând clic pe File > Open Folder și selectând folderul pe care tocmai l-ați 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
• quiz de încălzire înainte de lecție
• 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
• lectură suplimentară
• temă
• quiz după lecție

O notă despre quiz-uri: Toate quiz-urile sunt incluse în folderul Quiz-app, 48 de quiz-uri în total, fiecare având trei întrebări. Acestea sunt disponibile aici. Aplicația de quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul quiz-app.

🗃️ Lecții

	Numele Proiectului	Concepte Învățate	Obiective de Învățare	Lecția Linkată	Autor
01	Începutul	Introducere în Programare și Instrumentele Utilizate	Învață bazele majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști să-și facă treaba	Introducere în Limbaje de Programare și Instrumentele Utilizate	Jasmine
02	Începutul	Bazele GitHub, inclusiv lucrul î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ță bazele accesibilității web	Fundamentele Accesibilității	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 logic al 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	Tablouri și Buclă	Lucrează cu date folosind tablouri și bucle în JavaScript	Tablouri și Buclă	Jasmine
08	Terariu	HTML în Practică	Construiește HTML-ul pentru a crea un terariu online, concentrându-te pe crearea unui layout	Introducere în HTML	Jen
09	Terariu	CSS în Practică	Construiește CSS-ul pentru a stiliza terariul online, concentrându-te pe bazele CSS, inclusiv pe crearea unei pagini responsive	Introducere în CSS	Jen
10	Terariu	Închideri JavaScript, manipularea DOM	Construiește JavaScript-ul pentru a face terariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM	Închideri JavaScript, manipularea DOM	Jen
11	Joc de Tastare	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, istoria lor și cum să construiești primele elemente ale unei extensii de browser	Despre Browsere	Jen
13	Extensie Browser Verde	Construirea unui formular, apelarea unui API și stocarea variabilelor în memoria locală	Construiește elementele JavaScript ale extensiei de browser pentru a apela un API folosind variabile stocate în memoria locală	API-uri, Formulare și Memoria Locală	Jen
14	Extensie Browser Verde	Procese de fundal în browser, performanța web	Folosește procesele de fundal ale browserului pentru a gestiona pictograma extensiei; învață despre performanța web și unele optimizări	Sarcini de Fundal și Performanță	Jen
15	Joc Spațial	Dezvoltare Avansată de Jocuri cu JavaScript	Învață despre Moștenire folosind atât Clase, cât și Compoziție și modelul Pub/Sub, în pregătirea pentru construirea unui joc	Introducere în Dezvoltarea Avansată de Jocuri	Chris
16	Joc Spațial	Desenarea pe canvas	Învață despre API-ul Canvas, utilizat pentru a desena elemente pe ecran	Desenarea pe Canvas	Chris
17	Joc Spațial	Mișcarea elementelor pe ecran	Descoperă cum elementele pot obține mișcare folosind coordonatele carteziene și API-ul Canvas	Mișcarea Elementelor	Chris
18	Joc Spațial	Detectarea coliziunilor	Fă ca elementele să se ciocnească și să reacționeze între ele folosind apăsări de taste și oferă o funcție de cooldown pentru performanța jocului	Detectarea Coliziunilor	Chris
19	Joc Spațial	Păstrarea scorului	Efectuează calcule matematice bazate pe starea și performanța jocului	Păstrarea Scorului	Chris
20	Joc Spațial	Terminarea și reluarea jocului	Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile	Condiția de Terminare	Chris
21	Aplicație Bancară	Șabloane HTML și Rute într-o Aplicație Web	Învață cum să creezi structura arhitecturii unui site web cu mai multe pagini folosind rutare și șabloane HTML	Șabloane HTML și Rute	Yohan
22	Aplicație Bancară	Construirea unui Formular de Login și Înregistrare	Învață despre construirea formularelor și gestionarea rutinei de validare	Formulare	Yohan
23	Aplicație Bancară	Metode de Preluare și Utilizare a Datelor	Cum circulă datele în și din aplicația ta, cum să le preiei, să le stochezi și să le elimini	Date	Yohan
24	Aplicație Bancară	Concepte de Gestionare a Stării	Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic	Gestionarea Stării	Yohan
25	Browser/VScode Code	Lucrul cu VScode	Învață cum să folosești un editor de cod	Utilizarea Editorului de Cod VScode	Chris
26	Asistenți AI	Lucrul cu AI	Învață cum să construiești propriul asistent AI	Proiect Asistent AI	Chris

🏫 Pedagogie

Curriculum-ul nostru este conceput având în vedere două principii pedagogice cheie:

• învățarea bazată pe proiecte
• quiz-uri frecvente

Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai recente instrumente și tehnici utilizate de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea de a dezvolta experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser eco-friendly, un joc în stil space-invader și o aplicație bancară pentru afaceri. Până la sfârșitul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.

🎓 Poți parcurge primele câteva lecții din acest curriculum ca un Learn Path pe Microsoft Learn!

Prin asigurarea că conținutul se aliniază cu proiectele, procesul devine mai captivant pentru studenți, iar retenția conceptelor va fi augmentată. De asemenea, am scris câteva lecții introductive în JavaScript pentru a introduce concepte, însoțite de un videoclip din colecția "Beginners Series to: JavaScript" de tutoriale video, unii dintre autori contribuind la acest curriculum.

În plus, un quiz cu miză redusă înainte de o clasă setează intenția studentului spre învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv și poate fi parcurs în întregime sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la sfârșitul 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 adoptarea unui framework, un pas bun următor după finalizarea acestui curriculum ar fi învățarea despre Node.js printr-o altă colecție de videoclipuri: "Beginner Series to: Node.js".

Vizitează Codul nostru de Conduită și ghidurile de Contribuire. Apreciem feedback-ul tău constructiv!

🧭 Acces offline

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

📘 PDF

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

🎒 Alte Cursuri

Echipa noastră produce și alte cursuri! Verifică:

Azure / Edge / MCP / Agenți

---

Seria AI Generativ

---

Învățare de Bază

---

Seria Copilot

Obținerea Ajutorului

Dacă întâmpinați dificultăți sau aveți întrebări despre crearea aplicațiilor AI, alăturați-vă:

Dacă aveți feedback despre produs sau întâmpinați erori în timpul dezvoltării, vizitați:

Licență

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

---

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