Web-Dev-For-Beginners/translations/ro

Dezvoltare Web pentru Începători - Un Curriculum

Învățați elementele fundamentale ale 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 pentru browser și jocuri spațiale. Participați la chestionare, discuții și teme practice. Îmbunătățiți-vă abilitățile și optimizați reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începeți-vă călătoria în programare astăzi!

Alăturați-vă Discord-ului Azure AI Foundry și întâlniți experți și colegi dezvoltatori.

Urmați acești pași pentru a începe să utilizați aceste resurse:

1. Faceți Fork la Repositoriu: Click pe
2. Clonați Repositoriu: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Alăturați-vă Discord Azure AI Foundry și întâlniți experți și colegi dezvoltatori

🌐 Suport Multilingv

Suportat prin GitHub Action (Automat și Întotdeauna la Zi)

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 | Khmer | 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ă clonezi local?

Acest repository include peste 50 de traduceri în limbi diferite, ceea ce crește semnificativ dimensiunea descarcării. Pentru a clona fără traduceri, folosește sparse checkout:

Bash / macOS / Linux:

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'

CMD (Windows):

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 vă oferă tot ce aveți nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.

Dacă doriți să aveți traduceri suplimentare, limbile suportate sunt listate aici. 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, pentru că schimbăm conținutul lunar.

📣 Anunț - Provocări noi în GitHub Copilot Agent mode de completat!

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

📣 Anunț - Proiect Nou de construit folosind Generative AI

Proiectul nou AI Assistant tocmai a fost adăugat, vezi detalii project

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

Nu rata noul nostru curriculum Generative AI!

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

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

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

• Promptarea și ingineria prompturilor
• Generarea de aplicații text și imagine
• Aplicații de căutare

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

🌱 Începutul

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

Elevi, pentru fiecare lecție, începeți cu un chestionar pre-lecture și continuați cu lectura materialului de curs, realizați diverse activități și verificați-vă înțelegerea cu chestionarul post-lecture.

Pentru a vă îmbunătăți experiența de învățare, conectați-vă 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ă pentru a răspunde întrebărilor voastre.

Pentru aprofundare, vă recomandăm să explorați Microsoft Learn pentru materiale suplimentare de studiu.

📋 Configurarea mediului tău de lucru

Acest curriculum are un mediu de dezvoltare gata pentru utilizare! Pe măsură ce începi, poți alege să rulezi curriculumul într-un Codespace (un mediu în browser, fără nevoie de instalări), sau local pe calculatorul tău folosind un editor de text precum Visual Studio Code.

Creează-ți propriul repository

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

Urmează acești pași:

1. Faceți Fork la Repositoriu: Apasă pe butonul „Fork” din colțul dreapta sus al acestei pagini.
2. Clonați Repositoriu: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Rularea curriculumului într-un Codespace

În copia ta a repository-ului creată, dă click pe butonul Code și selectează Open with Codespaces. Aceasta va crea un nou Codespace în care să lucrezi.

Rularea curriculumului 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 linie de comandă. Prima noastră lecție, Introducere în Limbajele de Programare și Unelte, te va ghida prin diverse opțiuni pentru fiecare dintre aceste unelte, pentru a 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 încorporat. Poți descărca Visual Studio Code aici.

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

   CodeSpace

   Apoi, deschide Terminal în cadrul Visual Studio Code și execută următoarea comandă, înlocuind <your-repository-url> cu URL-ul copiat:

   git clone <your-repository-url>
   

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

Extensii recomandate pentru Visual Studio Code:

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

📂 Fiecare lecție include:

• schiță opțională
• video suplimentar opțional
• test preliminar de încălzire înaintea lecției
• lecție scrisă
• pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului
• verificări de cunoștințe
• o provocare
• lectură suplimentară
• temă
• test post-lectie

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

🗃️ Lecții

	Numele Proiectului	Concepte Prezentate	Obiective de Învățare	Lecția Legată	Autor
01	Începutul Programării	Introducere în Programare și Unelte	Învață elementele de bază ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști	Introducere în Limbaje de Programare și Unelte	Jasmine
02	Începutul Programării	Bazele GitHub, inclusiv colaborarea în echipă	Cum se folosește GitHub în proiectul tău, cum să colaborezi cu alții pe o bază de cod	Introducere în GitHub	Floor
03	Începutul Programării	Accesibilitate	Învață elementele de bază ale accesibilității web	Fundamentele Accesibilității	Christopher
04	JS Basics	Tipuri de date în JavaScript	Elementele de bază ale tipurilor de date JavaScript	Tipuri de Date	Jasmine
05	JS Basics	Funcții și Metode	Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației	Funcții și Metode	Jasmine și Christopher
06	JS Basics	Luarea Deciziilor cu JS	Învață să creezi condiții în codul tău folosind metode de luare a deciziilor	Luarea Deciziilor	Jasmine
07	JS Basics	Array-uri și Buclă	Lucrează cu date folosind array-uri și bucle în JavaScript	Array-uri și Buclă	Jasmine
08	Terrarium	HTML în Practică	Construiește HTML pentru a crea un terariu online, concentrându-te pe construirea unui layout	Introducere în HTML	Jen
09	Terrarium	CSS în Practică	Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS inclusiv realizarea paginii responsive	Introducere în CSS	Jen
10	Terrarium	Închideri JavaScript, manipularea DOM	Construiește JavaScript-ul pentru a face funcțional terariul ca o interfață drag/drop, concentrându-te pe închideri și manipularea DOM	Închideri JavaScript, manipularea DOM	Jen
11	Typing Game	Construiește un joc de tastare	Învață cum să folosești evenimentele de tastatură pentru a conduce logica aplicației tale JavaScript	Programare bazată pe evenimente	Christopher
12	Green Browser Extension	Lucrul cu browsere	Învață cum funcționează browserele, istoria lor, și cum să creezi elementele inițiale ale unei extensii de browser	Despre browsere	Jen
13	Green Browser Extension	Construirea unui formular, apelarea unui API și stocarea variabilelor în local storage	Construiește elementele JavaScript ale extensiei browser-ului pentru a apela un API folosind variabile stocate în local storage	API-uri, formulare și local storage	Jen
14	Green Browser Extension	Procese de fundal în browser, performanța 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	Space Game	Dezvoltare jocuri avansată 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 dezvoltarea jocurilor avansate	Chris
16	Space Game	Desenarea pe canvas	Învață despre API-ul Canvas, folosit pentru desenarea elementelor pe ecran	Desenarea pe Canvas	Chris
17	Space Game	Mutarea elementelor pe ecran	Descoperă cum elementele pot căpăta mișcare folosind coordonate carteziene și API-ul Canvas	Mutarea elementelor pe ecran	Chris
18	Space Game	Detectarea coliziunilor	Fă ca elementele să se ciocnească și să reacționeze unele la altele folosind apăsări de taste și oferă o funcție de cooldown	Detectarea coliziunilor	Chris
19	Space Game	Ținerea scorului	Realizează calcule matematice bazate pe statusul și performanța jocului	Ținerea scorului	Chris
20	Space Game	Terminarea și repornirea jocului	Învață despre terminarea și repornirea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile	Condiția de terminare	Chris
21	Banking App	Șabloane HTML și Rute într-o aplicație web	Învață cum să creezi scheletul arhitecturii unui website multipagină folosind rutare și șabloane HTML	Șabloane HTML și rute	Yohan
22	Banking App	Construiește un formular de autentificare și înregistrare	Învață despre construirea formularelor și gestionarea validărilor	Formulare	Yohan
23	Banking App	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	Banking App	Concepte de Management al Stării	Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic	Managementul stării	Yohan
25	Browser/VScode Code	Lucrul cu VScode	Învață cum să folosești un editor de cod	Folosește editorul de cod VScode	Chris
26	AI Assistants	Lucru 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
• teste frecvente

Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de azi. Studenții vor avea oportunitatea să dobândească experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc de tip space invader și o aplicație bancară pentru afaceri. Până la finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.

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

Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este îmbunătățită. Am scris, de asemenea, câteva lecții introductive în elementele de bază ale JavaScript pentru a introduce conceptele, alături de un video din colecția de tutoriale video "Seria pentru Începători la: JavaScript", al cărei autori au contribuit și la acest curriculum.

În plus, un test cu miză mică înaintea unei clase setează intenția studentului de a învăța un subiect, în timp ce un al doilea test după clasă asigură o reținere suplimentară. Acest curriculum a fost conceput să fie flexibil și amuzant și poate fi parcurs integral sau parțial. Proiectele sunt mici la început și devin din ce în ce 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 la: Node.js".

Vizitează Codul nostru de Conduită și Ghidul de Contribuție. Apreciem feedback-ul tău constructiv!

🧭 Acces offline

Poți rula această documentație offline folosind Docsify. Fă un fork al acestui depozit, instalează Docsify pe calculatorul tău local, apoi în folderul rădăcină al acestui depozit tastează docsify serve. Site-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! Aruncă o privire:

LangChain

Azure / Edge / MCP / Agents

---

Seria AI Generativ

---

Învățare de Bază

---

Seria Copilot

Obținerea Ajutorului

Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite, iar cunoștințele sunt împărtășite liber.

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

Licență

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

---

Declinare a responsabilității:
Acest document a fost tradus utilizând serviciul de traducere 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 autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care decurg din utilizarea acestei traduceri.