University Project about creating a Web Page from the scratch using HTML/CSS/JavaScript
Static Development Folder
Contains all the steps from HTML,CSS to JavaScript in order to create a web site about online courses.
- 1st Exercise: HTML Skeleton and Content
- 2nd Exercise: CSS
- 3rd Exercise: Grid Layout and CSS Flexbox
- 4th Exercise: Responsive Design
- 5th Exercise: HTML Forms and validation - Constraint Validation API
Dynamic Development Folder
Frontend and Backend development.
- In the Frontend, we used the Web API here in order to fetch our data. We also used Handlebars in order to create a dynamic list of the course AUEB offers for remote learning. We created a search bar where you can type some keyword to search for a specific course. We used this version of that Web API.
Images are located here
Also, in courses.html, we can search via URL using the category id. Categories ids and titles are located in an aside at your left. Fetch API Version here - Backend contains a Node.js server for our Register form to be valid. We used Constraint Validation API and some restrictions on username and passwords. We used Express framework. too.