Scribd
Upload
14 views2 pages

Ex 01

very clever

Uploaded by

shakilturjo0
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
14 views2 pages

Ex 01

very clever

Uploaded by

shakilturjo0
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 2

5G00DM05-3006/3007/3008 Full Stack Web Development

Exercise 1
deadline: September 8, 2024, 23:59 EEST

Follow the instructions. The XP column on the right-hand side is for the teacher or other evaluator – do
not fill that by yourself. Deviations from the instructions lead to XP reductions.

a) Do not fill this column

Do
Make sure you have a suitable development environment ready. Basically, /1 XP
this means that you have at least a working Node.js v18.20.4 installation and
some text/code editor or IDE that can be used to write code. Also, you should
be able to work with Git. When done, mark "X" in these brackets: []
(If you do, it is expected that you really have a working environment.)

b)
– Write a simple HTML file, index.html, and a simple CSS file, styles.css, so /1 XP
that together they result to a web page. (The page should work, if the files are
in the same directory, and index.html is opened with a web browser. Both files
must be used and with these exact names.) The content of the page must
include your expectations and wishes concerning this course.
– Using media queries
(https://www.w3schools.com/css/css_rwd_mediaqueries.asp), make the layout
change visibly and reasonably, when the width goes below 720 px. At least,
• some visible elements must be rearranged from a single horizontal row /1 XP
to be shown vertically as a single column – they must always form
either a single column or a single row¤ – and
• some elements should be noticeably hidden (either completely or /1 XP
behind, e.g., a burger menu). It should be easy to spot the change.
¤ You may want to consult, e.g., https://www.w3schools.com/css/css3_flexbox.asp.

c)
Familiarize yourself with Scalable Vector Graphics. (See, e.g., /1 XP
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial.) Create an SVG
picture of a car – the picture may be simple, but one should be able to
recognize it as a depiction of a car). Add the car to be shown on the web page
created in b). (I.e., do not create a new file for this, but add content to
index.html.)

d)
Familiarize yourself with basic features (on a general level) of some (more or
less popular) frontend development libraries/frameworks. You may want to
see, e.g., some comparisons (links to some on the lecture slides, but these are
easy to find by yourselves, also), official sites of the libraries/frameworks, and
find additional information elsewhere.
• List here two of them that you are most interested in: replace this text /0.5 XP
• Why do you find particularly these two interesting? replace this text /0.5 XP

e)
Form groups of 4 persons. In each group, agree on a topic* your group is
going to give a presentation about in couple of weeks (tentatively during
Week 41).
Register the group with some nice name in Moodle using “Student /1 XP
presentation groups” activity under the frontend part schedule (Week 36), and
declare (as a group) your (tentative) presentation topic as the group
description there. Persons registered to groups that have done this correctly
will get this XP. (The presentation itself will give more XP later.)

* The topic should be relevant (closely related to frontend web development – or, at least, to web development in general),
but not covered by the topics of the course schedule. The length of a single presentation should probably be only about 15
minutes (more detailed instructions follow later), so select your topic accordingly.

Submission
When ready, save and submit this file (still in odt format) along with the index.html and styles.css files
in the Moodle submission area. The files should be added separately (not, e.g., bundled into a .zip
file). Remember that the submission must happen successfully before the deadline. (Avoid last-minute
submissions – there may be, e.g., some network problems just then...)

/1 XP

____________

Totally: /8 XP

You might also like