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 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","protected":false},"excerpt":{"rendered":"