Harokopio University
School: School of Digital Technology
Department: Informatics and Telematics
Program: Undergraduate Programme

Modern Frontend Frameworks

Semester: 7 ECTS: 5.0 Elective Erasmus

General

Code: ΕΠ60

Language: Greek

Delivery: Face-to-face

Prerequisites: Basic knowledge of JavaScript and HTML/CSS. Familiarity with object-oriented programming and web design principles is recommended.

Workload

  • Lectures: 39.0 hours
  • Lab: 0.0 hours
  • Study: 26.0 hours
  • Project: 60.0 hours

Course Content

HTML5, CSS3, Flexbox/Grid
Modern JavaScript (ES6+): modules, promises, async/await
Development tools: Webpack, npm, Vite
Introduction to React (or other framework)
Building and reusing components
Hooks, state management (useState, useEffect, Redux or Context API)
Routing and Single Page Applications (SPAs)
Responsive design and mobile-first principles
Accessibility (a11y), SEO, and optimization
Testing frontend applications (Jest, Testing Library)

Learning Outcomes

Upon successful completion, students will be able to:
-Develop modern web applications using frameworks and libraries
-Design modular and scalable user interfaces
-Handle routing, application state, and debugging tools
-Apply responsive and accessible design principles
-Utilize frontend development, testing, and optimization tools

Skills

-Proficiency in React (or equivalent framework)
-Experience with modern JavaScript (ES6+)
-Use of tools such as npm, Git, Webpack/Vite
-Team collaboration in software development
-Technical documentation and presentation of frontend projects