http://ocw.cs.pub.ro/courses/ 2026-04-05T08:24:23+03:00 http://ocw.cs.pub.ro/courses/ http://ocw.cs.pub.ro/courses/lib/tpl/arctic/images/favicon.ico text/html 2023-02-26T11:30:27+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/01?rev=1677403827&do=diff Scopul laboratorului Laboratorul de programare web isi propune sa invete studentii concepte fundamentale in acest domeniu si a fost gandit in asa fel incat sa se dobandeasca concepte uzuale pentru dezvoltarea de aplicatii web. Sustinem pluralismul in folosirea de tehnologii dar sugeram ca in practica sa fie folosita acea tehnologie care este cea mai adecvata pentru proiectul in cauza. text/html 2023-03-13T18:00:34+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/02?rev=1678723234&do=diff Scopul laboratoarului Scopul acestui laborator este de a va familiariza cu un concept foarte important in dezvoltarea aplicatiilor in general, anume Dependency injection, dar de asemenea sa va familiazati si interactiunea cu baza de date folosind un ORM. text/html 2023-02-27T14:15:50+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/03?rev=1677500150&do=diff Scopul laboratorului In laboratorul precedent am vazut cum se poate lucra cu baza de date prin ORM, acum ca un clientul web ajunga la datele de pe server si sa consume API-ul acestuia vom introduce in acest laborator conceptele de controller si serviciu. text/html 2023-04-24T21:02:46+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/04?rev=1682359366&do=diff Introducere Ce este React.js? React.js este o bibliotecă JavaScript utilizată pentru crearea interfețelor utilizator web dinamice și interactive. A fost dezvoltată de Facebook și este folosită pentru construirea de aplicații web moderne. React.js este construită în jurul unui concept numit “componente”, care reprezintă bucăți de cod reutilizabile și independent gestionate, ceea ce face ca dezvoltarea aplicațiilor web să fie mai ușoară și mai eficientă. text/html 2023-04-24T22:36:49+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/05?rev=1682365009&do=diff Asincronicitate Ce este asincronitatea și de ce este importantă în React.js? Asincronicitatea este capacitatea unei aplicații de a rula multiple procese în paralel, fără să fie blocată de procesele care durează mai mult sau care necesită așteptare. În React.js, asincronicitatea este importantă pentru că aplicațiile sunt construite în mare parte în jurul evenimentelor și a datelor care se schimbă în timp real. Prin urmare, este important să putem rula procese asincrone în timp ce aplicația rămâ… text/html 2023-05-08T09:55:10+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/06?rev=1683528910&do=diff Scopul laboratorului In acest laborator vom intra in detaliu legat de gestionarea starii aplicatiei folosind hook-uri si Redux Toolkit. Motivul pentru care este nevoie de gestiunea starii aplicatiei este ca anumite componente in diferite locatii ale aplicatiei au nevoie sa imparta aceleasi date. O posibilitate pentru a propaga datele la mai multe componente este ca o compenta parinte sa trimita la descendentii sai datele prin proprietati din copil in copil, insa aceasta abordare poate aglomera … text/html 2022-05-13T21:01:16+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/07?rev=1652464876&do=diff Scopul laboratorului Acest laborator reprezinta integrarea frontend-ului cu backend-ul creat pentru aceasta aplicatie. Vom introduce un pachet important, cel pentru axios, Axios, cu care vom putea face aceasta integrare. Ce veti invata la acest laborator? Cum sa interactionati cu un server, cum sa folositi Axios pentru a face cereri si cum sa manipulam raspunsul. text/html 2021-04-25T22:35:15+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/08?rev=1619379315&do=diff Laboratorul 08: React Hooks 1. React Hooks Hooks sunt o noua adaugare in React 16.8. Va permit sa utilizati functiile de stare si alte functii React, fara a scrie o clasa. Avantajul este mai putin cod scris pentru a obtine aceeasi functionalitate. 1.1 useState() useState este un hook de React care va permite sa interactionati cu starea unei componente. Acesta va intoarce un vector format din 2 elemente: text/html 2021-05-09T19:53:49+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/09?rev=1620579229&do=diff Laboratorul 09: React Router & Request-uri HTTP Premisa Laboratorul 5 1. React Router React Router DOM este un API creat pentru React pentru a “simula” un browser history pentru aplicatia noastra. Deoarece aplicatia noastra este un Single Page Application (SPA), browser-ul nostru nu navigheaza prin fisiere html. text/html 2020-04-23T10:42:00+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/10?rev=1587627720&do=diff Laboratorul 10: React Router & Request-uri HTTP Premisa Laboratorul 6 1. React Router React Router DOM este un API creat pentru React pentru a “simula” un browser history pentru aplicatia noastra. Deoarece aplicatia noastra este un Single Page Application (SPA), browser-ul nostru nu navigheaza prin fisiere html. text/html 2021-05-17T07:48:39+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/11?rev=1621226919&do=diff Laboratorul 10: React Router & Request-uri HTTP - Continuare Premisa Laboratorului 9 Exercitii * Stilizati componentele BookList si AuthorList create in laboratorul anterior. Detaliile despre fiecare carte, respectiv autor, trebuie sa fie afisate intr-un tabel. Tabelul trebuie sa aiba header, iar randurile sa aiba background-color alternanta, alb si gri. * Pentru componentele BookList si AuthorList adaugati cate un formular care sa permita adaugarea unei carti noi, respectiv unui autor … text/html 2020-05-04T11:01:03+03:00 http://ocw.cs.pub.ro/courses/pw/laboratoare/12?rev=1588579263&do=diff Laboratorul 12: React Bootstrap React Bootstrap Bootstrap reprezinta un framework open-source de CSS folosit pe scara larga, construit pe principii precum responsiveness, mobile-first, simplitate si flexibilitate. Adaugat la un proiect, acesta ofera din start un styling de baza pentru toate elementele HTML dintr-o pagina (de acolo denumirea de “bootstrap”). Instalarea lui presupune legarea unui stylesheet in head-ul paginilor, plus asigurarea existentei unor biblioteci JS in proiect (e.g. jQue…