Skip to content

Elemente De Web Design

Public syllabus for 2025-2026

Back to syllabi

Academic overview

Programme
IR
Period
Year 1, Semester 2
Credits
3
Weeks
14

Curriculum placement

Appears in study plans

IR (2025 - 2028) Year 1, Semester 2 Elective subject, group 1

Teaching team

Course coordinator
Sebastian Ștefanigă
Seminar coordinators
Ioana Morariu

Learning time distribution

Total
Curriculum Lecture Practice Total Weekly Lecture Practice
42 14 28 3 1 2
Exam hours
5
Individual Study Bibliography study Field study Homework Tutoring Others
28 8 5 13 2 0
Overall
75

Learning outcomes

Knowledge

  • (C31) Identifică diferite instrumente pentru gestionarea configurației software, cum ar fi CVS, ClearCase, Subversion, GIT și TortoiseSVN
  • (6a03a0922355ae3a04d2f218) Alege, descrie și explică paradigmele moderne de programare, inclusiv programarea funcțională, orientată pe obiect și paralelă, utilizând limbaje și framework-uri actuale;
  • (C45) Explică rolul fiecărui instrument din cadrul unei suite de dezvoltare software

Skills

  • (6a03a0932355ae3a04d2f23d) Inițiază, pregătește, realizează, propune metode de dezvoltare a proiectelor informatice complexe;
  • (6a03a0992355ae3a04d2f3f4) Aplică specificațiile și cerințele pentru a elabora un model vizual inițial;
  • (6a03a0982355ae3a04d2f3da) Evaluează eficiența utilizării resurselor într-un proces folosind un model la scară;

Responsibility

  • (6a03a0942355ae3a04d2f2d6) Construiește etic și responsabil soluții IT sigure și scalabile, colaborând cu specialiști din domenii conexe;
  • (6a03a0942355ae3a04d2f2db) Dezvoltă un mediu colaborativ și își asumă responsabilitatea pentru succesul livrării proiectelor la timp și conform cerințelor;
  • (6a03a0942355ae3a04d2f2d8) Produce software și îl adaptează continuu la noile tehnologii și cerințe de piață;

Online platform

Google Classroom/ Elearning UVT

Course content

Content Methods Obs
C1. Web foundations. HTTP basics. Semantic HTML5. Accessibility principles. Version control system used in software development (Git). Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 2, 3, 4 and 5
C2. CSS architecture. Cascade and specificity. Flexbox and Grid. Responsive Web Design principles. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 6, 7 and 11.
C3. Design for Developers. UI fundamentals. Layout systems. Typography and color systems. Introduction to Figma and design-to-code workflow. Quiz Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 12, 13 and 14.
C4. JavaScript fundamentals in browser context. DOM structure. DOM manipulation. Events. State basics. Form validation. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 15, 17 and 18.
C5. Client-side data handling. JSON structure. Fetch API. Asynchronous behavior. Rendering dynamic content. Error handling. Quiz Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 9, 22 and 23.
C6. Accessibility (WCAG principles). Performance basics. Lighthouse audit. Code quality and frontend standards. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 24 and 25.
C7. Deployment and professional workflow. Git branching strategies. Pull requests. GitHub Pages. Responsible and transparent use of generative AI tools in frontend development. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. 2 hours. Course notes on Google Classroom / Elearning UVT. Reading [1]: Chapters 19, 26 and 27.Seminar Content

Course bibliography

(none)

Seminar content

Content Methods Obs
L1. GitHub Classroom onboarding. Semantic HTML page structure. Initial deployment to GitHub Pages. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 2-1, 4-1, 4-2.
L2. HTML forms and accessibility principles. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 5-1, 5-3, 6-1.
L3. CSS selectors, box model, typography, and styling fundamentals. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 7-1, 11-1, 11-2.
L4. Responsive layouts using Flexbox and Grid. Media queries. (Hw1) Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 12-1, 12-2, 13-1.
L5. Figma wireframing. Design tokens. Components and layout systems. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 14-1, 14-2.
L6. Hw1 review session Prezentare orală, sesiune de feedback Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 15-1, 15-2.
L7. JavaScript DOM manipulation and event handling. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 17-1, 17-2.
L8. Client-side form validation and interactive UI components. (Hw2) Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 18-2, 18-3.
L9. Fetch API. Rendering data from public APIs.Practical implementation Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 9-1, 9-2.
L10. Hw2 review session. Debugging. Prezentare orală, sesiune de feedback Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 22-1, 22-2.
L11. Accessibility audit using Lighthouse and manual inspection. (Hw3) Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 23-1, 23-3.
L12. Performance optimization and frontend code refactoring. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 24-1, 24-2.
L13. Final development. Branching strategy and pull requests. Rezolvare de probleme, învățare colaborativă, învățare bazată pe probleme, gândire critică. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 19-1, 19-2.
L14. Final Hw presentation. Deployment. Technical documentation. Prezentare orală, sesiune de feedback final. Lab exercises on Google Classroom / Elearning UVT. Extra work [1]: Exercises 26-1, 27-1.

Seminar bibliography

Bibliografie:[1] Jennifer Niederst Robbins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Images, 6th edition, O’Reilly Media, 2025, ISBN: 978-1098137687, link: https://learningwebdesign.com [bibliografie obligatorie].[2] Resursă online, ECMA International. ECMA-262 - ECMAScript Language Specification, available at: https://ecma-international.org/publications-and-standards/standards/ecma-262/ [bibliografie suplimentară].[3] Resursă online, World Wide Web Consortium (W3C). Cascading Style Sheets (CSS) Specifications, available at: https://www.w3.org/Style/CSS/ [bibliografie suplimentară].[4] Resursă online, WHATWG. HTML Living Standard, available at: https://html.spec.whatwg.org/ [bibliografie suplimentară].[5] Resursă online, Mozilla Developer Network (MDN). MDN Web Docs, available at: https://developer.mozilla.org/en-US/ [bibliografie suplimentară].[6] Resursă online, Ally.js. JavaScript Accessibility Library and Resources, available at: https://allyjs.io/ [bibliografie suplimentară].[7] Resursă online, World Wide Web Consortium (W3C). Markup Validation Service, available at: https://validator.w3.org/ [bibliografie suplimentară].[8] Resursă online, FrontendMasters. FrontendMasters Web Development Platform, available at: https://frontendmasters.com/ [students eligible for the GitHub Student Developer Pack can receive six months of free full access to the platform] [bibliografie suplimentară].

Corroboration

Conținutul acestei discipline este aliniat cu așteptările epistemice ale comunității academice, ale asociațiilor profesionale și ale angajatorilor reprezentativi din domeniul informaticii. Integrează fundamente teoretice și competențe practice în dezvoltarea web modernă, inclusiv marcaj semantic, design adaptiv, interacțiune client–server, standarde de accesibilitate, fluxuri de lucru bazate pe versionare și practici de publicare. Prin abordarea sa bazată pe proiecte și structurată progresiv, disciplina reflectă standardele actuale din industrie și sprijină dezvoltarea expertizei tehnice, a capacității de rezolvare a problemelor, a abilităților de colaborare și a responsabilității etice așteptate în mediile contemporane de inginerie software.

AI tools guidance

Pentru realizarea sarcinilor de evaluare definite în această fișă a disciplinei (activități de curs și laborator), utilizarea instrumentelor de inteligență artificială generativă (IIAgen) este permisă în condiții strict reglementate. Utilizările permise includ: brainstorming și generare de idei, structurarea proiectelor și organizarea conținutului, revizuire stilistică și corectură gramaticală, sugestii pentru îmbunătățirea codului, generarea de exemple ilustrative în scop educațional. Sunt strict interzise următoarele utilizări: generarea integrală a temelor sau proiectelor și prezentarea acestora ca lucrări proprii, copierea codului generat de AI fără înțelegere, adaptare și validare, utilizarea instrumentelor IIAgen în timpul evaluărilor scrise fără permisiune explicită, introducerea de date personale sau sensibile în sisteme de inteligență artificială generativă. Fiecare student are obligația de a include o declarație distinctă de transparență pentru fiecare sarcină în care utilizează instrumente IIAgen, precizând: instrumentul utilizat, scopul utilizării și partea specifică a lucrării în care acesta a fost aplicat. Declarația trebuie să respecte modelul prevăzut în Anexa 3 a Regulamentului privind utilizarea inteligenței artificiale generative în procesul educațional la UVT.

Evaluation and delivery

Activity Criteria Methods Percentage
C
  • Knowledge of theoretical concepts I (ability to define, explain, and critically justify fundamental theoretical concepts related to web technologies, software development, and frontend architecture)
  • During the semester - four in-class quizzes (two announced and two unannounced)
  • 20.0%
C
  • Knowledge of theoretical concepts II (ability to analyze, interpret, and explain code structure and implementation decisions in web applications)
  • During exam session - written code analysis / annotation exam
  • 20.0%
S
  • Practical competencies I (ability to develop and progressively extend a functional web application using HTML, CSS, and JavaScript, and to collaboratively design, implement, refine, and deploy a complete frontend application integrating dynamic data, accessibility principles, and version control workflow - HW1 10%, HW2 10%, HW3 20%)
  • Individual submissions and structured review sessions during laboratory activities. Cannot be recovered during exam session.
  • 40.0%
S
  • Practical competencies II (ability to actively participate in practical problem-solving activities and implement solutions during laboratory sessions)
  • Continuous in-class laboratory activity (Weeks 1-14). Individual performance during lab sessions. Cannot be recovered during exam session.
  • 20.0%

Performance standards

Pentru nota 5 (promovare minimă – 50%) Studentul demonstrează: Cunoștințe teoretice privind utilizarea HTML și CSS pentru structurarea și stilizarea aplicațiilor web. Cunoștințe teoretice privind fundamentele JavaScript pentru implementarea comportamentului dinamic pe partea de client. Cunoștințe teoretice privind HTTP și Fetch API pentru interacțiunea client–server. Înțelegere de bază a principiilor de accesibilitate și a conceptelor de versionare. Cerințe minime: Participarea la testele susținute pe parcursul semestrului. Promovarea examenului final scris de analiză / adnotare de cod cu un punctaj minim de 45%. Obținerea a cel puțin 45% la componenta de curs. Pentru nota 10 (excelent – 100%) Studentul demonstrează: Înțelegere teoretică avansată a HTML semantic și a arhitecturii CSS adaptiv. Cunoștințe aprofundate privind manipularea DOM și programarea asincronă. Înțelegere critică a interacțiunii client–server și a mecanismelor de tratare a erorilor. Cunoștințe avansate privind standardele de accesibilitate și calitatea codului frontend. Capacitatea de a justifica decizii arhitecturale și de implementare. Nota maximă este acordată pentru performanță deosebită la teste și la examenul final scris, reflectând înțelegere profundă și raționament critic. Laborator: Pentru nota 5 (promovare minimă – 50%) Studentul demonstrează: Capacitatea practică de a construi o aplicație web adaptive utilizând HTML și CSS (HW1). Capacitatea practică de a implementa manipularea DOM și validare pe partea de client (HW2). Capacitatea practică de a integra conținut dinamic utilizând Fetch API și de a aplica îmbunătățiri de accesibilitate (HW3). Participare activă la activitățile de laborator. Cerințe minime: Predarea și prezentarea HW1, HW2 și HW3. Obținerea a cel puțin 45% la componenta de laborator. Participare la activitățile de laborator. Pentru nota 10 (excelent – 100%) Studentul demonstrează: Capacitate avansată de a proiecta și implementa o aplicație frontend bine organizată și ușor de întreținut. Integrarea eficientă a datelor dinamice și a comportamentului asincron. Aplicarea auditului de accesibilitate și a optimizărilor de performanță. Utilizarea profesionistă a fluxurilor de lucru bazate pe versionare și a proceselor de publicare. Prezentare clară și riguros fundamentată tehnic a proiectului. Nota maximă este acordată pentru implementare tehnică excelentă, claritate arhitecturală și implicare constantă la un nivel înalt în activitățile de laborator pe parcursul întregului semestru.

Additional info

Nota finală se calculează ca medie ponderată a notelor obținute pentru cele două componente ale disciplinei: componenta de curs (C) și componenta de laborator (L/S), conform procentelor specificate în secțiunea de evaluare. Disciplina este considerată promovată dacă studentul obține o notă finală de minimum 5 (pe o scară de la 1 la 10), cu condiția obținerii unei note minime de 4,5 separat pentru fiecare dintre cele două componente (curs și laborator). În sesiunile de restanță sau de mărire de notă, fiecare componentă este considerată promovată dacă se obține o notă de cel puțin 5 pentru componenta respectivă, cu excepția componentelor care nu pot fi susținute în sesiunea de examen (precum activitatea continuă de laborator). În toate sesiunile de examinare, inclusiv restanțe și măriri de notă, nota finală se calculează conform aceleiași reguli de ponderare. Cerințele privind frecvența la cursuri și laboratoare sunt reglementate de Codul drepturilor și obligațiilor studentului și de Regulamentul privind activitatea profesională a studenților din ciclurile de studii universitare de licență și masterat din cadrul Universității de Vest din Timișoara. Recuperarea activităților practice de laborator se poate realiza pe parcursul semestrului, până în săptămâna 13. Studenții au responsabilitatea de a solicita recuperarea cadrului didactic și de a realiza sarcinile suplimentare stabilite în acest scop, termenul-limită de predare fiind săptămâna 14. Se pot recupera maximum trei activități de laborator. Temele pentru acasă (Hw1, Hw2, Hw3) sunt evaluate pe baza unor termene-limită clar stabilite. Temele nepredate la termen nu pot fi recuperate în sesiunea de examen, cu excepția situațiilor expres prevăzute. Studenții care obțin mai puțin de 45% la componenta de laborator nu au dreptul de a susține examenul final și trebuie să recontracteze disciplina, în conformitate cu Codul drepturilor și obligațiilor studentului și cu reglementările universitare aplicabile. Mulțumiri: Titularul disciplinei îi adresează mulțumiri doamnei Jennifer Niederst Robbins pentru acordarea accesului la Ghidul pentru instructori și materialele suport aferente volumului Learning Web Design (ediția a 6-a), care contribuie la desfășurarea eficientă a activităților didactice din cadrul acestei discipline.