Skip to main content

Browser-side TechnologiesLaajuus (5 cr)

Code: AL00CO18

Credits

5 op

Objective

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Enrollment

06.05.2024 - 30.08.2024

Timing

02.09.2024 - 06.12.2024

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Faculty of Business and Hospitality Management (LAB)

Campus

Lahti Campus

Teaching languages
  • Finnish
Seats

20 - 50

Degree programmes
  • Bachelor's Degree Programme in Business Information Technology
Teachers
  • Jan-Erik Sandelin
Scheduling groups
  • Luennot 1 (Size: 0. Open UAS: 0.)
Groups
  • LLTIBIT23K
    Bachelor's Degree Programme in Business Information Technology 23K Lahti
Small groups
  • Lectures 1

Learning outcomes

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Implementation and methods of teaching

Weekly lectures on campus during the autumn semester 2024.

Timing and attendance

Lectures during the autumn semester 2024 are mandatory.

Learning material and recommended literature

Learning materials and assignment via Moodle.

Alternative completion methods

If a student has already implemented production grade applications using React or Angular and REST-interfaces, contacting the lecturer in advance is recommended.

Learning environment

The student will need a computer in order to work on the assignments when not on campus. The minimum setup recommended for IT studies is sufficient in performance. The campus IT classrooms have desktop computers that are excellent for working on the assignments. Lecture times are not used on the assignments, most of the work is done outside the lecture times. There are no group works in this course.

Student time use and work load

There are multiple assignments in addition to the lectures. Depending on the student's skill level one must carefully allocate working time for this course. How much time the assignments require heavily depends on how much code the student has produced in earlier courses. All assignments given are programming assignments and therefore require a computer with which such assignments can be worked on.

Contents

Using JavaScript to build interactive and dynamic web pages. The course presents a workflow in which "how it looks like" is purely defined via JavaScript in the browser and the server side takes on only the information repository/business logic aspects (communication with JSON and the server side logic and database bridging is done with PHP). JavaScript is covered especially from the point of view of library usage. The first portion of the course concentrates on detailing differences between C# and JavaScript and what to take into account should you need to read library code produced with JavaScript in order to troubleshoot library usage. After the basics the course presents multiple web technologies and libraries which enable you to program fully animated and interactive web pages. In the last phase of the course some additional technologies like web embedded 3D- and 360-views and audio playback are given a quick overview.

Additional information for students: previous knowledge etc.

This course is a direct continuation to the courses Orientation To Programming and Object Oriented Programming. Fully understanding and utilizing the course content requires understanding of object oriented programming and practical programming skills (designing and implementing algorithms). Algorithms you design yourself and fit into existing code play a central role in many of the assignments. You must be capable of reading existing code and following it's operational flow. Having previous experience on an object oriented programming language is a prerequisite for learning the languages used in this course. The course assumes that the class-based objects paradigm presented in Object Oriented Programming is familiar and that actual implementations have been created with it during the earlier project courses. The course also requires some HTML and CSS reading skills. The languages used in this course are JavaScript, TypeScript and PHP. Before the course starts student groups will be sent preparatory material about JavaScript. It is recommended that the courses Three-tier Architecture Technologies and Dynamic Website Development Project are enrolled on simultaneously with this course.

Assessment criteria

Progress in the weekly programming assignments.

Assessment scale

1-5

Failed (0)

The student is not able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 1 (assessment scale 1–5)

The student is nearly able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 3 (assessment scale 1–5)

The student is partially able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Enrollment

15.05.2023 - 01.09.2023

Timing

04.09.2023 - 08.12.2023

Number of ECTS credits allocated

5 op

Mode of delivery

Contact teaching

Unit

Faculty of Business and Hospitality Management (LAB)

Campus

Lahti Campus

Teaching languages
  • English
Degree programmes
  • Bachelor's Degree Programme in Business Information Technology
Teachers
  • Jan-Erik Sandelin
Scheduling groups
  • Lectures (Size: 0. Open UAS: 0.)
Groups
  • LLTIBIT22K
    Bachelor's Degree Programme in Business Information Technology 22K Lahti
Small groups
  • Lectures

Learning outcomes

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Implementation and methods of teaching

Weekly lectures on campus during the autumn semester 2023.

Timing and attendance

Lectures during the autumn semester 2023 are mandatory.

Learning material and recommended literature

Learning materials and assignment via Moodle.

Alternative completion methods

If a student has already implemented production grade applications using React or Angular and REST-interfaces, contacting the lecturer in advance is recommended.

Learning environment

The student will need a computer in order to work on the assignments when not on campus. The minimum setup recommended for IT studies is sufficient in performance. The campus IT classrooms have desktop computers that are excellent for working on the assignments. Lecture times are not used on the assignments, most of the work is done outside the lecture times. There are no group works in this course.

Student time use and work load

There are multiple assignments in addition to the lectures. Depending on the student's skill level one must carefully allocate working time for this course. How much time the assignments require heavily depends on how much code the student has produced in earlier courses. All assignments given are programming assignments and therefore require a computer with which such assignments can be worked on.

Contents

Using JavaScript to build interactive and dynamic web pages. The course presents a workflow in which "how it looks like" is purely defined via JavaScript in the browser and the server side takes on only the information repository/business logic aspects. JavaScript is covered especially from the point of view of library usage. The first portion of the course concentrates on detailing differences between C# and JavaScript and what to take into account should you need to read library code produced with JavaScript in order to troubleshoot library usage. After the basics the course presents multiple web technologies and libraries which enable you to program fully animated and interactive web pages. In the last phase of the course some additional technologies like web embedded 3D- and 360-views and audio playback are given a quick overview.

Additional information for students: previous knowledge etc.

This course is a direct continuation to the courses Orientation To Programming and Object Oriented Programming. Fully understanding and utilizing the course content requires understanding of object oriented programming and practical programming skills (designing and implementing algorithms). Algorithms you design yourself and fit into existing code play a central role in many of the assignments. You must be capable of reading existing code and following it's operational flow. Having previous experience on an object oriented programming language is a prerequisite for learning the languages used in this course. The course assumes that the class-based objects paradigm presented in Object Oriented Programming is familiar and that actual implementations have been created with it during the earlier project courses. The course also requires some HTML and CSS reading skills. The languages used in this course are JavaScript, TypeScript and PHP. Before the course starts student groups will be sent preparatory material about JavaScript. It is recommended that the courses Three-tier Architecture Technologies and Dynamic Website Development Project are enrolled on simultaneously with this course.

Assessment criteria

Progress in the weekly programming assignments.

Assessment scale

1-5

Failed (0)

The student is not able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 1 (assessment scale 1–5)

The student is nearly able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 3 (assessment scale 1–5)

The student is partially able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server