34 KiB

Raw Blame History

Dezvoltare Web pentru Începători - Un Curriculum

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

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

Urmărește acești pași pentru a începe folosirea acestor resurse:

Clonează depozitul: Click pe
Clonează depozitul local: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Alătură-te Discordului Azure AI Foundry și întâlnește experți și alți dezvoltatori

🌐 Suport Multilingv

Suportat prin GitHub Action (automatizat și întotdeauna actualizat)

Preferi să clonezi local?

Acest depozit include peste 50 de traduceri care cresc semnificativ dimensiunea descărcă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"
Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.

Dacă dorești să fie suportate alte limbi 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 salvezi la favorite și să o verifici din când în când deoarece conținutul este actualizat lunar.

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

Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în cele mai multe capitole. Este o provocare nouă pentru tine de finalizat 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, rula comenzi și multe altele.

📣 Anunț - Proiect nou de construit folosind Generative AI

Proiect nou pentru Asistent AI tocmai adăugat, verifică proiectul

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

Nu rata noul nostru curriculum Generative AI!

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

Lecții care acoperă totul, de la bazele 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 unor subiecte precum:

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

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

🌱 Începutul

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

Elevi, pentru fiecare lecție, începeți cu un chestionar pre-lectură și continuați cu lectura materialului, realizarea activităților și verificarea înțelegerii cu chestionarul post-lectură.

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 vă va răspunde la întrebări.

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

📋 Configurarea mediului tău

Acest curriculum vine cu un mediu de dezvoltare gata de folosit! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un Codespace (un mediu bazat pe browser, fără necesitatea instalărilor), 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, se recomandă să-ți creezi propria copie a acestui depozit. Poți face acest lucru făcând click pe butonul Use this template din partea de sus a paginii. Aceasta va crea un repository nou în contul tău de GitHub cu o copie a curriculum-ului.

Urmează acești pași:

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

Rularea curriculum-ului într-un Codespace

În copia ta a acestui repository pe care ai creat-o, apasă pe butonul Code și selectează Open with Codespaces. Aceasta va crea un nou Codespace unde să lucrezi.

Rularea curriculum-ului local pe calculatorul tău

Pentru a rula acest curriculum local, ai nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, Introducere în limbajele de programare și uneltele din domeniu, îți va prezenta diverse opțiuni pentru fiecare dintre aceste unelte astfel încât să le poți alege pe cele care ți se potrivesc 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.

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

CodeSpace

Apoi, deschide Terminal î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>
```
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 previzualizarea paginilor HTML direct în Visual Studio Code

Copilot - pentru a te ajuta să scrii cod mai rapid

📂 Fiecare lecție include:

notițe grafice opționale
videoclip suplimentar opțional
quiz de încălzire înainte de lecție
lecție scrisă
pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru a construi proiectul
verificări de cunoștințe
o provocare
lecturi suplimentare
temă
quiz post-lecție

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

🗃️ Lecții

	Numele Proiectului	Concepte Predate	Obiective de Învățare	Lecția Asociată	Autor
01	Începutul	Introducere în Programare și Unelte de Lucru	Învață bazele fundamentale ale majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști să-și facă treaba	Intro în limbaje de programare și unelte	Jasmine
02	Începutul	Bazele GitHub, inclusiv colaborarea într-o echipă	Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod	Intro în GitHub	Floor
03	Începutul	Accesibilitate	Învață elementele de bază ale accesibilității web	Fundamente ale 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 în JavaScript	Cum să creezi condiții în codul tău folosind metode de luare a deciziilor	Luarea deciziilor	Jasmine
07	Bazele JS	Array-uri și bucle	Lucrează cu date folosind array-uri și bucle în JavaScript	Array-uri și bucle	Jasmine
08	Terrarium	HTML în practică	Construiește HTML-ul pentru crearea unui terrariu online, concentrându-te pe construirea unui layout	Introducere în HTML	Jen
09	Terrarium	CSS în practică	Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe bazele CSS, inclusiv realizarea unei pagini responsive	Introducere în CSS	Jen
10	Terrarium	Închideri JavaScript, manipulare DOM	Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe închideri și manipulare DOM	Închideri JavaScript, manipulare DOM	Jen
11	Typing Game	Construirea unui joc de tastare	Învață cum să folosești evenimente de tastatură pentru a conduce logica aplicației JavaScript	Programare bazată pe evenimente	Christopher
12	Green Browser Extension	Lucrul cu browsere	Învață cum funcționează browserele, istoria lor și cum să schițezi primele elemente ale unei extensii de browser	Despre browsere	Jen
13	Green Browser Extension	Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală	Construiește elementele JavaScript ale extensiei de browser pentru a apela un API folosind variabile stocate local	API-uri, formulare și stocare locală	Jen
14	Green Browser Extension	Procese de fundal în browser, performanța web	Folosește procesele din background ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări	Task-uri de fundal și performanță	Jen
15	Space Game	Dezvoltare mai avansată de jocuri cu JavaScript	Învață despre moștenire folosind atât clase cât și compoziție și modelul Pub/Sub, pregătindu-te pentru construirea unui joc	Introducere în dezvoltarea avansată de jocuri	Chris
16	Space Game	Desenarea pe canvas	Învață despre API-ul Canvas, folosit pentru a desena elemente 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	Chris
18	Space Game	Detectarea coliziunilor	Fă elementele să se ciocnească și să reacționeze între ele folosind apăsări de taste și oferă o funcție cooldown pentru performanța jocului	Detectarea coliziunilor	Chris
19	Space Game	Ținerea scorului	Efectuează 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 arhitectura unei pagini web cu mai multe pagini folosind rutare și șabloane HTML	Șabloane HTML și rute	Yohan
22	Banking App	Construirea unui formular de autentificare	Învață despre construire de formulare ș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, stochezi și elimini	Date	Yohan
24	Banking App	Concepte de gestionare a stării	Învață cum reține aplicația ta 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	Folosirea editorului VScode	Chris
26	AI Assistants	Lucrul cu AI	Învață cum să-ți construiești propriul asistent AI	Proiect asistent AI	Chris

🏫 Pedagogie

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

învățare bazată pe proiecte
quiz-uri frecvente

Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web din prezent. Studenții vor avea oportunitatea să dezvolte experiență practică construind un joc de tastare, un terrariu virtual, o extensie de browser eco-friendly, 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 lecții din acest curriculum ca un Learn Path pe Microsoft Learn!

Prin asigurarea alinierii conținutului cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor va fi îmbunătățită. De asemenea, am scris mai multe lecții introductive în bazele JavaScript pentru a introduce conceptele, împreună cu un videoclip din colecția de tutoriale video "Beginners Series to: JavaScript", a căror autori au contribuit la acest curriculum.

În plus, un quiz cu miză redusă înaintea unei clase stabilește intenția studentului pentru î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, putând fi parcurs integral sau parțial. Proiectele încep mici ș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 ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "Beginner Series to: Node.js".

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

🧭 Acces offline

Poți rula această documentație offline folosind Docsify. Fork-uiește acest 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 la 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ă:

LangChain

Azure / Edge / MCP / Agenți

Seria Inteligență Artificială Generativă

Învățare De Bază

Seria Copilot

Obținerea Ajutorului

Dacă te blochezi 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 suportivă unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.

Dacă ai feedback despre produs sau 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 a responsabilității: Acest document a fost tradus folosind 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 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 rezultând din utilizarea acestei traduceri.

34 KiB Raw Blame History