Scribd
Încărcați
6 vizualizări2 pagini

Studiere REACT

Documentul prezintă subiectele esențiale pentru învățarea React, inclusiv arhitectura client-server, bazele JavaScript, manipularea datelor prin API-uri, HTML și CSS, precum și introducerea în React. Fiecare secțiune include resurse utile pentru aprofundarea cunoștințelor. De asemenea, se discută despre gestionarea stărilor și organizarea componentelor în aplicațiile React.

Încărcat de

leo2804
Drepturi de autor
© All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca ODT, PDF, TXT sau citiți online pe Scribd
6 vizualizări2 pagini

Studiere REACT

Documentul prezintă subiectele esențiale pentru învățarea React, inclusiv arhitectura client-server, bazele JavaScript, manipularea datelor prin API-uri, HTML și CSS, precum și introducerea în React. Fiecare secțiune include resurse utile pentru aprofundarea cunoștințelor. De asemenea, se discută despre gestionarea stărilor și organizarea componentelor în aplicațiile React.

Încărcat de

leo2804
Drepturi de autor
© All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca ODT, PDF, TXT sau citiți online pe Scribd

Subiecte pentru învățarea React

1. Înțelegerea arhitecturii Client-Server


• Ce este un client și un server
• Cum funcționează HTTP și cererile HTTP
• Status codes și metode HTTP (GET, POST, PUT, DELETE)
• Noțiuni de CORS și soluții pentru problemele CORS
Resurse :
Arhitectura client-server - [Link]
model
Verbe HTTP si coduri de stare - [Link]

2. Bazele JavaScript
functionalitati de baza:
• Variabile: let, const, var
• Funcții: declararea și apelarea funcțiilor
• Structuri logice si repetitive ( de ex: if, switch, for, while )
• Array-uri și obiecte
• Manipularea DOM ( document html )
• Gestionarea evenimentelor
• ES6 ( versiune JS ) : arrow functions, destructurare, module
Resurse :
Documentatie Javascript - [Link]
Curs Javascript (3 ore 30) - [Link]

3. Preluarea / manipularea datelor prin API-uri


• Preluare datelor (functia fetch() ): cereri către un API prin cereri HTTP ( formata din
metoda si nume resursa )
• Promises și functii async/await
• Înțelegerea JSON
• Gestionarea erorilor (try/catch)
Resurse:
Cereri HTTP in Javascript (5 ore) - [Link]

4. HTML și CSS
• Structura HTML: elemente, atribute, formulare
• CSS: selecții, poziționare, flexbox, grid
• Transform, translate
• Conceptul de responsive design:
• Media queries
• Unități relative (%, em, rem, vh, vw)
• Introducere în Tailwind CSS:
• Instalarea și configurarea Tailwind CSS
• Clase de bază pentru stilizare rapidă
• Layout-uri cu grid și flexbox în Tailwind
Resurse: Curs HTML & CSS (5 ore 30) - [Link]
Documentatie Tailwind : [Link]

5. Introducere în React
• Ce este React și de ce se folosește, ce este un Single Page Application
• Instalarea unui proiect React cu Vite
• JSX: sintaxa și utilizarea
• Componente funcționale
• Variabilele/functii ( Props ) și cum se transmit datele între componente
• Gestionarea stărilor prin useState, useEffect
Resurse:
Curs React (5 ore) - [Link]
Documentatie React - [Link]
6. Manipularea datelor în React
• Gestionarea evenimentelor în React
• Gestionarea formularelor și a input-ului
7. Structurarea aplicației
• Crearea și organizarea componentelor
• Module CSS și stilizarea componentelor cu Tailwind
• Single page application prin BrowserRouter din react-router-dom
Resurse: Tutorial React Router - [Link]
Curs Tailwind CSS - [Link]

S-ar putea să vă placă și