Home / Fields of study / Courses / Web front-end

Terms for 2017

September, 5

Admission Interviews

September, 7

Open Day

September, 12

Admission Interviews

September, 14

Open Day

Full list of terms

Web front-end

The course aims to provide students with the knowledge of front-end web technologies. Course graduate gains knowledge both in the areas of web design and web development.
Students will learn about:
  • basics of user interface design for websites
  • AJAX, HTTP, status codes, caching and how you can use it to develop front-end web applications
  • the design and consumption of REST JSON API - what's REST API, how to properly design it and how to properly consume it
  • semantic Web, HTML5 semantic tags (article, section, ..), Open Graph,  Microdata
  • advanced techniques such as HTML5 local storage, websql, canvas, and webworkers
  • frameworks and technologies that can help with HTML - such as HTML boilerplate
  • techniques, how to best code a website, how to start, what tools to choose, which technologies are available, what is a print style, CSS reset, CSS normalization, CSS hacks, exceptions for different browsers, what is the box model etc.
  • various methods for CSS preprocessing - LESS, SASS, and more
  • responsive webdesign and Mobile First
  • frameworks and technologies that can help you create CSS easier - such as Twitter Bootstrap
  • techniques for development of front-end web applications in JavaScript. Students will be familiar with basic differences between Web applications and the difference between thin and thick client
  • frameworks and libraries that can help with JavaScript, or move it to a next level
In this course, students write one semestral test and implement a semestral work (which is divided into three milestones - homeworks). The course ends with an exam which consists of a written and oral part. At the seminars, the students try the technologies learned at lectures.
Course has 12 lectures and 12 seminars. The course is designed primarily for students of second and third year.

What are you going to learn

  1. Course organization, motivation, how does it work? - Basics of network communications. What is a client? What is a server? History of Web, browser wars, HTTP (S), TCP/IP stack, Warriors of the Net, a website vs. web application, web application types (single page vs. server side), which tools/IDE?
  2. HTML I. - Fundamentals, forms, validator.
  3. HTML II. - HTML5 tags, semantics (microdata, open graph), DOM, debugging, web developer tools.
  4. CSS I. - Basics, cascade, selectors, box model, different browsers, class, id.
  5. CSS II. - Pseudo classes, CSS3, Twitter Bootstrap, responsive webdesign, mobile first, normalization reset.
  6. JavaScript I. - basics, what it is, how it works, ECMAScript, callback functions, DOM manipulation.
  7. JavaScript II. - Events, this vs. that, DOM, closure, OOP in JavaScript, plain JS is not always the best, templates (Handlebars), testing (Jasmine, Selenium/Webdriver).
  8. jQuery - What does it solve. What is the principle? How is it used. Why is it wrong to use jQuery for a whole view? jQuery UI.
  9. AJAX & API - API, AJAX, REST, RESTful, jQuery AJAX, what is API? How to design it? How to consume it?
  10. React JS - What is it? What does it solve? Where can I use it? What it does not solve? How is it used? Where can I learn more?
  11. HTML5 - Advanced APIs in HTML5 - WebSockets, Web Workers, Canvas, WebGL, local starage, websql.
  12. What's next? - What we have not yet discussed, the future of JavaScript, frameworks and other languages (Dart, AngularJS, ...). Semestral project consulting.

How the course is organized

Full time study

This course contains of 12 lectures and 12 seminars for 1.5 hours. Furthermore, the course includes semestral work - 3 homeworks, which are designed as checkpoints with concrete deliverables of semestral work.
You can get up to 200 points in this course. The course ends with an exam for up to 100 points. The exam consists of written and oral part. For the continuous evaluation (in semester) you can earn up to 100 points, including 40 for the written test in the middle of the semester and 60 points for semestral work (which is divided into 3 homeworks for 20 points).

Part time study

Combined form is not introduced in this course.