Introduction to Web Development (5 cr)

Evaluation scale

H-5

Content scheduling

The aim of the course is to provide students with the skills to create accessible, well-structured, elegant, responsive and interactive websites using the basic browser supported technologies. The main focus is to learn the basics of modern JavaScript programming.

Content:

HTML - structures, contents and semantics of web pages

CSS - appearance, positioning and responsiveness of web pages

Images in the web environment

Web-based accessibility and accessibility requirements

A browser

Basics of JavaScript and implementing functionality of web pages
- introduction
- variables and internal data types
- strings
- arrays
- conditions and loops
- functions
- debugging
- objects and classes
- error handling
- browser programming
- web DOM
- page BOM
- event handling
- form processing and validation
- ES6 modules
- asynchronous programming

Running JavaScript on Node.js platform

Introduction to TypeScript
- static typing
- enums
- interfaces
- translating TypeScript into JavaScript
- debugging TypeScript
- benefits and drawbacks

7 personal exercises

Teamwork: implementing a simple web application

Materials

Course books:

Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics
Jennifer Robbins
6th edition (if available by the start of the course)
2025

A fallback: Fifth edition of the same book. 2018. The book information is then updated with online information.

Eloquent JavaScript
by Marijn Haverbeke
4th Edition
2024

Other material will be announced during the course.

Teaching methods

- reading and watching material
- participating in the lectures
- programming together with instructor
- programming alone
- using development tools
- participating in the teamwork

Exam schedules

No exam

Completion alternatives

The student can complete the course by demonstrating his knowledge and skills of the subjects of the course, for example with the work samples they have made. However, this must be agreed with the instructor during the first 4 weeks of the course.

The student can include a corresponding course taken elsewhere at some educational institution that is acceptable by our educational institution. This happens via AHOT process. Also this matter should be initiated immediately at the beginning of the course

Student workload

35 h reading and watching course material
35 h contact lessons
4 h Presenting the teamwork and following the presentations of other groups onsite
35 h teamwork
26 h personal exercises

Evaluation methods and criteria

The maximum number of points available from course is 120.

Of that maximum, 70 points comes from individual exercises, 30 points from teamwork, and 20 points from being present on the lectures.

The course evaluation scale is the following:

Min points -> Grade

0 -> 0
40 -> 1
56 -> 2
72 -> 3
88 -> 4
104 -> 5

Please note this additional condition: You must get at least 20 points from the exercises and 10 points from the teamwork to pass the course.

The points from being present are calculated using the following scale:

Percentage of being present on the normal lectures -> points

20% -> 5
40% ->10
60%->15
80%->20

Please also note that by being present you can earn some of the points available from the individual exercises working together with the instructor.

You must be present in demonstrations and in the teamwork presentation event. The attendance in those events does not accumulate your points of being present. If you are not present in the demonstrations, then there is a reduction of 25 % in the points of your returned exercises on these demos. There is also a reduction of 25 % in points of the exercises that are returned late. Being absent of the teamwork presentation event causes a reduction of 25 % in the teamwork points. Presenting the teamwork late causes also a reduction of 25 % in the teamwork points. No exercises are accepted after the end date of the course implementation. After the end date of the course, no substitute or supplementary assignments will be given either. The student must therefore make sure that he collects enough points from different performances during the time of the course.

Failed (0)

The student has not managed to accumulate enough points to pass the course during the time of the course. Consequently, they have not been able to demonstrate the kind of competence on the basis of which an acceptable grade could be given.

Assessment criteria, satisfactory (1-2)

The student knows the technologies supported by the browser
The student knows the responsibilities of the technologies supported by the browser when creating web pages
The student knows how to program simple JavaScript applications and execute them in the browser
The student understands the importance of accessibility
The student understands the importance of responsiveness
The student knows the technologies and principles related to illustrating web pages
The student knows the tools used in implementing web pages

Assessment criteria, good (3-4)

The student knows the technologies supported by the browser and can utilize the browser services
The student knows how to program JavaScript applications and execute them in the browser
The student knows how to utilize the JavaScript standard API
The student knows how to modularize JavaScript applications
The student understands what asynchronous programming is and can program asynchronous operations
The student understands the importance of accessibility and can implement accessible web pages
The student understands the importance of responsiveness and can program responsive web pages
The student knows how to apply technologies and principles related to illustrating web pages
The student knows and can use the tools used in implementing web pages
The student understands the importance of static typing introduced by TypeScript

Assessment criteria, excellent (5)

The student knows the technologies supported by the browser and can critically evaluate the browser's services
The student can program JavaScript applications with well-considered solutions and execute them in the browser
The student can extensively and critically utilize the JavaScript standard API
The student can modularize JavaScript applications
The student understands what asynchronous programming is and can evaluate its need
The student can program asynchronous operations
The student understands the importance of accessibility and can implement accessible web pages
The student understands the importance of responsiveness and can program responsive web pages
The student can evaluate and apply technologies and principles related to the visualization of web pages
The student can choose and skillfully use the tools used in the implementation of web pages
The student understands the importance of static typing introduced by TypeScript and knows how to program with TypeScript

Further information

Course communication takes place and material is shared in the ItsLearning learning environment.