COURSES
The European Projects Portal

Web Design

This course covers aspects of user interface design in a web application (also referred to as the client-side), the relationship between HTML, CSS and Javascript, the pros and cons of developing apps in a browser, and the transaction cycle.

Modules from this course can be combined with those from Web Server and Database Design to create a course more tailored to your students' requirements. Please contact the coordinator for more information.


Audience

Students interested in designing responsive web sites and web applications.

Goals

To understand how to design intuitive User Interfaces that respond to all devices using industry standard ECMA coding techniques. Appreciate the EU GDPR and other data protection guidelines.


1 - 2 weeks Ref: ECWD

Week 1

Day 1
Introduction to browsers

Interview to assess the group's appreciation of HTML, CSS and Javascript, the software used to edit, upload and test code, and the outcomes of the program. Health and safety rules at work.

Day 2
User registration and login

The student creates a typical web page to register an email with a password and login, complete with an email confirmation.

Day 3
Geolocation using Google Maps API

The student adds Google Maps to locate the current location of a user.

Day 4
Capturing an image

The student adds the option to capture and upload a camera image to the user account.

Day 5
Gallery maintenance

The student creates everything required to list and maintain a gallery of images related to the user account.

Week 2

Day 1
Storing data

The student learns how to store data efficiently with JSON in the browser or as a local file.

Day 2
Synchronizing devices

The student learns how to share data between devices by generating QR codes.

Day 3
Social media integration

The student 1) adds metadata required to generate posts in social media websites, and 2) adds links to interact with applications on a smartphone

Day 4
Animation

The student learns how CSS and Javascript is used to respond to gestures and external events for a more rewarding UI experience.

Day 5
Practical field work

The student uses a smartphone to capture an image and text along with its geolocation, which is displayed on a web page using Google Maps or posted in social media to demonstrate the practical application of what they have learned. This module can be taken at any point during the course.
For terms and conditions and privacy policy please visit the web site eurovoca.com