CSE2/5 ICE Practice Exam

Question 1 [Total 20 marks]

Using the following criteria to comment on the homepage.
 Page design and layout (human characteristics) [5 marks]
 Site Hierarchy [2 marks]
 Readability and ability to scan the page quickly for information [5 marks]
 Task support (describe two tasks that users might do through the website and discuss
support would be required for these task(s)) [4 marks]
 How would you redesign this page? (sketch a wireframe) [4 marks]



Note: This is a screen-shot of the site rendered on a desktop browser, vertical scrolling of the
browser is required but not shown here.





















































































Wireframe:


















Question 2 [15 marks]











Applying the above styling rules to the fragment, describe
a). [8 marks] how the rules affect (if at all) the display (on a browser) of the above
HTML.
b). [3 marks] add a new rule or change an existing rule to ensure that font-size within
the a element is large.
c) [4 marks] add a new rule to change the background for all p elements to white when
the mouse hovers over it.















RESPONSE TO QUESTION 2 TO BE PLACED HERE





Question 3 [8 marks]





Given the code snippet above, using your pen/pencil, draw an approximation of the rendered
output as viewed in a browser whose width < 576px [8 marks]
















Question 4 [36 marks]

The core capabilities of a front-end developer include HTML, CSS, JavaScript. In this subject
we have revised the fundamentals and applied more modern approaches to web application
development using libraries and frameworks.


1) How does a JavaScript library differ from a JavaScript framework? In your response,
include these points. [6 marks]
a) Technical differences
b) Impact for the developer
c) Actual examples
































2) Writing CSS is a necessary part of front-end development, describe what is meant by
responsive design and how do frameworks such as Bootstrap facilitate this?
[10 marks]






































3) Angular is a framework for web application development, specifically useful for creating
single page applications (SPA’s). [20 marks]

i) Overview the features of Angular: Include in your discussion the terms,
Component, Service, Routing.
ii) Given the above overview, how then does Angular support the development of
single page applications?












































































欢迎咨询51作业君