FE403
Programming Interactivity
Faculty
Pála Ögn Stefánsdóttir
Software Developer at Gangverk
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
A career in web design requires different degrees of interaction with developers, sometimes even moving into a frontend developer career. Getting familiar with the basics of programming and acquiring essential knowledge of web development will improve how you communicate with the developer members of your team to create better projects more efficiently. In this course, we will learn the principles of interactivity with code. Using Javascript, HTML, and CSS, a responsive landing page with animations will be created that will challenge our creativity.
Learning highlights
- Understand how programming relates to interaction design.
- Achieve a deep understanding of HTML and web technologies.
- Learn how motion design is implemented with web technologies.
- Understand how user interactions are managed.
- Understand programming fundamentals and methodologies.
- Discover how websites are built and deployed.
Course outline
15 classes
Programming Interactivity
Defining Interactivity, Interaction Design, Dimensions, History of Web Development, Future of interactivity, *Hello World Exercise
Markup and HTML Fundamentals
HTML Elements and Semantics, SEO Fundamentals, Web Development Tools, *HTML Exercise
CSS Fundamentals
CSS Syntax, CSS Inheritance, CSS Selectors, CCS Basic Styling, *CSS Exercise
Responsive Web Design (RWD)
RWD Methodology, CSS Layouts (Box Model), CSS Grid, Media Queries, Responsive Units
Practice Session
Practice Session
JavaScript Fundamentals
Programming Foundation, Variables, Data Types, Comparison Operators, Functions, *Javascript Exercise
JavaScript and DOM elements
Strings Arithmetic, Operations Loops, DOM Elements, Selecting elements, *JavaScript DOM Exercise
JavaScript User Interactions
Manipulating elements, User UI States, Timing Functions, Animations, *JavaScript Interactions Exercise
CSS User Interactions
CSS vs JS, User Interactions 2D and 3D, CSS Transforms, User UI States, Transitions Keyframes Animations, *Exercise
Practice Session
Practice Session
Draw with Canvas
Canvas, Draw paths on canvas, Draw patterns on canvas, *Create a drawing canvas
Practical session
Finish Canvas project, Design and schedule Course final project
Practical Session for Final Project
Practical Session for Final Project
Practical Session for Final Project
Practical Session for Final Project
Final Project Presentation
Final project presentation
Prerequisites
This is an introductory course; no prior knowledge is needed. A previous knowledge of design and/or web development would be useful, but it's not necessary.
Methodology
We will have lectures every day where we learn something new, and then we will have live code sessions that end with an individual project. In the first 2 weeks, we will have homework projects every day that students can start working on in class.
In the end, we will have a final project where students can combine the knowledge from all courses into one project. We will keep the last week open for the final project work, and we will have small lectures each day about topics that students can add to their final project.
Grading
Pála comes from the land of fire and ice, Iceland. Pála is a motivated and curious person who loves to learn new things, but even more so, she loves to help others learn new things and empower people to do what they love.
Pála has been working as a software developer for the past 6 years, where she has gotten to work on various projects. From going into building self-service solutions when the COVID pandemic hit, things needed to move fast. To work on large-scale systems where project architecture, quality, and a high-class user experience needed to be the top priority.
See full profileApply for this course
Programming Interactivity
by Pála Ögn Stefánsdóttir
Total hours
45 Hours
Dates
Oct 21 - Nov 08, 2024
Fee for single course
€1500
Fee for degree students
€750
Explore related courses
Filter by campus:
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.