Front-end development

Credits
5
Language
Ukraine
Level
Bachelor's (BSc)
Year
2
Semester
3 (Autumn)
Programme
Engineering and Programming of Infocommunication Systems (Bachelor’s Degree Programs)
Artificial Intelligence and Information Systems (Bachelor’s Degree Programs)

The Front-end Programming course introduces students to modern client-side web development. It covers the fundamentals of HTML, CSS, and JavaScript, as well as principles of building interactive and responsive user interfaces.

The course places strong emphasis on practical skills, responsive design techniques, API integration, and an introduction to modern JavaScript frameworks.

Aim of the Course

To equip students with practical skills in developing modern web interfaces and understanding the architecture of client-side web applications.

Learning Outcomes

Upon successful completion of the course, students will be able to:

  • create structured web pages using HTML5
  • apply modern CSS3 styling techniques
  • implement interactivity using JavaScript
  • manipulate the DOM and handle user events
  • integrate external APIs using asynchronous requests
  • apply basic component-based design principles

Syllabus (Course Content)

Topic 1: Introduction to Web Development

This topic introduces the fundamentals of web development, including how the internet works, the structure of web applications, and the role of front-end technologies.

Topic 2: HTML5 Structure and Semantics

Students learn how to build well-structured web pages using HTML5 semantic elements, improving accessibility and document clarity.

Topic 3: CSS3 and Modern Layout Techniques (Flexbox, Grid)

This topic covers modern CSS techniques for layout design, including Flexbox and Grid systems used in responsive and flexible interfaces.

Topic 4: Responsive Web Design

Students explore principles of responsive design, ensuring web applications adapt to different screen sizes and devices.

Topic 5: JavaScript Fundamentals

Introduction to JavaScript programming, covering variables, functions, control structures, and basic programming logic.

Topic 6: DOM Manipulation and Events

This topic focuses on interacting with the Document Object Model (DOM), handling user events, and creating dynamic web pages.

Topic 7: Working with APIs (Fetch, JSON)

Students learn how to communicate with external APIs using asynchronous requests and handle JSON data.

Teaching staff

Lecturer

Prerequisites

  • Fundamentals of programming
  • Basic understanding of computer systems
  • Introduction to web technologies (recommended)

Progression

  • Advanced Front-end Programming
  • Full-stack Web Development
  • JavaScript Frameworks and Libraries