Lectura obligatorie \u00een vederea rezolv\u0103rii laboratorului de JavaScript: http:\/\/www.w3schools.com\/js\/default.asp<\/a>. Se vor parcurge toate sec\u021biunile din meniul din st\u00e2nga, cu excep\u021bia JS AJAX \u0219i JS jQuery.<\/p>\n IMPORTANT: Cerin\u021bele de mai jos se vor rezolva obligatoriu toate:<\/p>\n Identifica\u021bi \u00een cadrul aplica\u021biei web dezvoltate minimum 3 pagini web, fiecare con\u021bin\u00e2nd c\u00e2te un formular pentru introducerea datelor. Dac\u0103 este necesar, ad\u0103uga\u021bi pagini \u0219i\/sau formulare noi aplica\u021biei. Formularele trebuie s\u0103 con\u021bin\u0103, \u00een total, minimum 20 de elemente variate, precum:<\/p>\n Observa\u021bie: 20 de Se vor valida datele introduse de utilizator folosind JavaScript la submit-ul formularelor. Controalele completate incorect (de exemplu: v\u00e2rsta = -1 sau v\u00e2rsta = \u201eabc\u201d) vor fi eviden\u021biate vizual folosind CSS (de exemplu, contur ro\u0219u).<\/p>\n Implementa\u021bi cel pu\u021bin 2 func\u021bionalit\u0103\u021bi \u00een care valoarea unui element de introducere a datelor depinde de alt element.<\/p>\n Exemple:<\/p>\n Datele vor fi definite \u00eentr-un fi\u0219ier JavaScript separat, sub form\u0103 de variabile sau structuri JSON.<\/p>\n Implementa\u021bi la nivelul aplica\u021biei dezvoltate un carousel care con\u021bine minimum 4 slide-uri, ce se deruleaz\u0103 automat la un interval de 3 secunde.<\/p>\n Carouselul va fi definit printr-un tablou JavaScript care con\u021bine, pentru fiecare element:<\/p>\n Func\u021bionalitate:<\/p>\n Elementele carouselului trebuie s\u0103 fie relevante pentru tema aplica\u021biei (spre exemplu o aplica\u021bie care permite contractarea locurilor din c\u0103mine, va prezenta poze \u0219i facilit\u0103\u021bi dintr-un c\u0103min studen\u021besc).<\/p>\n Afi\u0219a\u021bi un set de date sub form\u0103 de tabel (minimum 3 coloane). Dac\u0103 nu exist\u0103 deja o astfel de func\u021bionalitate la nivelul aplica\u021biei dezolvate, crea\u021bi una. Datele vor proveni dintr-un array\/variabil\u0103 definit\u0103 \u00eentr-un fi\u0219ier JavaScript separat (la laboatoarele viitoare acestea vor fi preluate de pe backend).<\/p>\n Implementa\u021bi:<\/p>\n Celulele din antetul (header-ul) tabelului vor indica faptul c\u0103 la click pe ele se poate face sortarea, precum \u0219i faptul ca tabelul este sortat dup\u0103 o anumita coloan\u0103. Se va folosi CSS \u00een acest sens.<\/p>\n Implementa\u021bi aceea\u0219i func\u021bionalitate pentru o versiune \u201evertical\u0103\u201d a tabelului:<\/p>\n Implementa\u021bi la nivelul aplica\u021biei dezvoltate o func\u021bionalitate \u00een care afi\u0219a\u021bi anumite valori sub forma de list\u0103 ( Se va utiliza CSS pentru:<\/p>\n Implementa\u021bi o func\u021bionalitate original\u0103 (\u201ecreativ\u0103\u201d), folosind JavaScript, \u00een func\u021bie de specificul aplica\u021biei voastre. Evaluarea acestei cerin\u021be va fi realizat\u0103 de cadrul didactic, \u00een func\u021bie de complexitatea implement\u0103rii.<\/p>\n Reminder<\/p>\n Cerin\u021bele de mai sus se vor rezolva obligatoriu:<\/p>\n \u00cen cadrul orelor de laborator pot fi enun\u021bate \u0219i cerin\u021be suplimentare fa\u021b\u0103 de cele enumerate mai sus. Pentru fiecare \u00eentrebare adresat\u0103 de cadrul didactic referitoare la codul surs\u0103 al rezolv\u0103rii la care studentul nu \u0219tie s\u0103 r\u0103spund\u0103, se vor sc\u0103dea 2 puncte din nota laboratorului.<\/p>\n","protected":false},"excerpt":{"rendered":" Lectur\u0103 obligatorie Lectura obligatorie \u00een vederea rezolv\u0103rii laboratorului de JavaScript: http:\/\/www.w3schools.com\/js\/default.asp. Se vor parcurge toate sec\u021biunile din meniul din st\u00e2nga, cu excep\u021bia JS AJAX \u0219i JS jQuery. Cerin\u021be de implementare IMPORTANT: Cerin\u021bele de mai jos se vor rezolva obligatoriu toate:… Continue Reading Cerin\u021be de implementare<\/h2>\n
\n
jQuery<\/code>)<\/li>\n$<\/code>), chiar dac\u0103 ace\u0219tia sunt permi\u0219i de sintaxa JavaScript<\/li>\n<\/ul>\n1. Formulare \u0219i validare<\/h2>\n
\n
input<\/code>-uri (text<\/code>, password<\/code>, radio<\/code>, checkbox<\/code>, date<\/code>, file<\/code>, etc.)<\/li>\ntextarea<\/code><\/li>\nselect<\/code> \u0219i option<\/code><\/li>\n<\/ul>\noption<\/code>-uri nu \u00eenseamn\u0103 respectarea cerin\u021bei de mai sus :).<\/p>\n2. Dependen\u021be \u00eentre c\u00e2mpuri<\/h2>\n
\n
input<\/code> de tip text<\/code> pentru v\u00e2rst\u0103 care condi\u021bioneaz\u0103 valorile acceptate \u00eentr-un input<\/code> de tip date<\/code><\/li>\nselect<\/code>:\n\n
3. Carousel (carusel)<\/h2>\n
\n
\n
4. Tabel \u0219i sortare<\/h2>\n
a) Tabel clasic<\/h3>\n
\n
b) Tabel vertical<\/h3>\n
\n
5. Liste imbricate (colapsabile)<\/h2>\n
ul<\/code> sau ol<\/code>) ale c\u0103rei elemente (li<\/code>) con\u021bin alte liste (ul<\/code> sau ol<\/code>). Implementa\u021bi un mecanism prin care:<\/p>\n\n
\n
6. Func\u021bionalitate original\u0103<\/h2>\n
\n
jQuery<\/code>)<\/li>\n$<\/code>)<\/li>\n<\/ul>\n