Skip to main content

Basics of Web DevelopmentLaajuus (5 cr)

Code: HT00CF23

Credits

5 op

Teaching language

  • Finnish

Responsible person

  • Heikki Sateila

Objective

Purpose of the course

Knowledge and creation of the design of web pages is a fundamental skill for every web application developer. On this course you will learn to independently develop versatile, responsive web pages using HTML and CSS technologies. In addition to markup language and style guidelines, the course covers the basic development of user interfaces for modern web applications. You will familiarize yourself with the fundamentals and advanced usage of HTML and CSS with the help of simple layout libraries. You’ll practice designing web page visuals with a design tool.

Course competencies

- Application Development Competence: Knows the technologies used in application development and recognizes the significance of different technologies and their relationships.
- Application Development Competence: Is able to program and develop secure applications.
- Information System Competence: Is able to produce and publish content for different platforms.

Learning objectives of the course

After completing the course, you will have learned to independently create static responsive web pages that meet your needs.

Content

You will understand the basic components of web development. These include the file structure, layout, and the use of tools related to web development. Through practical exercises, you will learn to use markup language (HTML) and style guidelines (CSS) and understand their syntax and structure. You will create static web pages using these technologies. You will also learn how to technically design and implement a responsive website. You will briefly explore CSS pre-processing and the use of layout libraries. We will get familiar with a web design tool as well.

Assessment criteria, satisfactory (1)

Sufficient 1: You are familiar with the terms used and can use them when working on the course. You can identify the components that make up a web page and the different sections in page layouts. You can independently create a static web page and understand the basic principles of responsive web development.

Satisfactory 2: You are able use the terminology of the course. You can identify the components that make up a web page and understand the basic principles of page layout creation. You can independently create a static web page that is syntactically and structurally correct and understand the principles of responsive web development.

Assessment criteria, good (3)

Good 3: You use the terminology of the course fluently. You can independently create a static web page that is syntactically and structurally correct. You understand the components that make up a web page and how to create different layouts. You can apply this knowledge appropriately to your needs. You apply the principles of responsive web development in practice. You understand the significance of layout libraries in web development and can use some ready-made configurations.

Very good 4: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You can analyze website structures and layouts and create a suitable solution for your needs. You can effectively utilize layout libraries.

Assessment criteria, excellent (5)

Excellent 5: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You analyze and can justify the choices of website structures and page layouts. You can use and modify layout library definitions to suit your needs. You can independently expand and apply your knowledge and skills.

Timing

02.09.2024 - 18.12.2024

Number of ECTS credits allocated

5 op

Mode of delivery

Face-to-face

Unit

School of Business

Campus

Main Campus

Teaching languages
  • Finnish
Seats

20 - 45

Degree programmes
  • Bachelor's Degree Programme in Business Information Technology
Teachers
  • Heikki Sateila
Groups
  • HTK24S1
    Tietojenkäsittely (AMK)
  • ZJAHTK24S1
    Avoin AMK, Tiko, AMK-polut, tietojenkäsittely, tradenomi amk

Objectives

Purpose of the course

Knowledge and creation of the design of web pages is a fundamental skill for every web application developer. On this course you will learn to independently develop versatile, responsive web pages using HTML and CSS technologies. In addition to markup language and style guidelines, the course covers the basic development of user interfaces for modern web applications. You will familiarize yourself with the fundamentals and advanced usage of HTML and CSS with the help of simple layout libraries. You’ll practice designing web page visuals with a design tool.

Course competencies

- Application Development Competence: Knows the technologies used in application development and recognizes the significance of different technologies and their relationships.
- Application Development Competence: Is able to program and develop secure applications.
- Information System Competence: Is able to produce and publish content for different platforms.

Learning objectives of the course

After completing the course, you will have learned to independently create static responsive web pages that meet your needs.

Content

You will understand the basic components of web development. These include the file structure, layout, and the use of tools related to web development. Through practical exercises, you will learn to use markup language (HTML) and style guidelines (CSS) and understand their syntax and structure. You will create static web pages using these technologies. You will also learn how to technically design and implement a responsive website. You will briefly explore CSS pre-processing and the use of layout libraries. We will get familiar with a web design tool as well.

Time and location

- Lectures on Jamk main campus.

Learning materials and recommended literature

- Lecture materials and assignments prepared by the teacher.

Teaching methods

- Lessons (in-class)
- Exercises in class
- Assignments you return

Exam dates and retake possibilities

- Course does not include an exam. Passing the course requires successful return of the course end assignment.

Alternative completion methods

- You can apply for recognition of previous experience and knowledge through the eRPL process.

Student workload

- 1 credit corresponds to an average of 27 hours of work, which means that the load of 5 credits is on average 135 hours.

The 135 hours will divide roughly in the following:
- Lectures & exercise labs (contact lessons): 32 h
- Self-study: 103 h

Content scheduling

- Course contac period will last about 7 weeks. Assignments need to be returned within one month after contact period has ended.

Further information for students

- This course is graded on the scale of 0-5.
- To pass the course you need to return an acceptable end assignment.
- End assignment will be evaluated and graded on an ending discussion with the teacher.

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Sufficient 1: You are familiar with the terms used and can use them when working on the course. You can identify the components that make up a web page and the different sections in page layouts. You can independently create a static web page and understand the basic principles of responsive web development.

Satisfactory 2: You are able use the terminology of the course. You can identify the components that make up a web page and understand the basic principles of page layout creation. You can independently create a static web page that is syntactically and structurally correct and understand the principles of responsive web development.

Evaluation criteria, good (3-4)

Good 3: You use the terminology of the course fluently. You can independently create a static web page that is syntactically and structurally correct. You understand the components that make up a web page and how to create different layouts. You can apply this knowledge appropriately to your needs. You apply the principles of responsive web development in practice. You understand the significance of layout libraries in web development and can use some ready-made configurations.

Very good 4: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You can analyze website structures and layouts and create a suitable solution for your needs. You can effectively utilize layout libraries.

Evaluation criteria, excellent (5)

Excellent 5: You use the terminology of the course fluently. You can independently create a static responsive web page that is syntactically and structurally correct. You analyze and can justify the choices of website structures and page layouts. You can use and modify layout library definitions to suit your needs. You can independently expand and apply your knowledge and skills.