Scribd
Upload
15 views4 pages

Web Prog Test Type A

The document tests a web programmer on HTML, CSS, JavaScript, jQuery, AJAX, and SQL skills through multiple choice questions, essays, and a coding exercise to build a landing page mockup. It covers common front-end development topics like comments, animations, forms, and retrieving and displaying data from an API.

Uploaded by

Nanda Hayatun Nufus
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views4 pages

Web Prog Test Type A

The document tests a web programmer on HTML, CSS, JavaScript, jQuery, AJAX, and SQL skills through multiple choice questions, essays, and a coding exercise to build a landing page mockup. It covers common front-end development topics like comments, animations, forms, and retrieving and displaying data from an API.

Uploaded by

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

Web Programmer Test

(Type A)

Date: ________________

Name: ________________

I. MULTIPLE CHOICES (Answer could be none or more than 1) (20 Point)

1. How to make comment in html

[A] // this is comment [B] ## this is comment [C] <!— this is comment —>

2. How to make ajax get using jquery

[A] xhr.send({ country:”SG” })


[B] $.post({ method:”GET” })
[C] $.ajax({ method:”get”, url:”/api/country” })

3. Whats the next fibonacci sequence of this: 0 1 1 2 3 5 8 13

[A] 83 [B] 21 [C] 18

4. How to make animation from css?

[A] transition: top 2s;


[B] @keyframes key2 {
0% {background-color:red; left:0px; top:0px;}
100% {background-color:red; left:0px; top:0px;}
}
animation-name: key2;
animation-duration: 2s;
[C] -webkit-transform: rotate(180deg);

5. How to create border-line separator in html

[A] <div class=‘separator’></div>


[B] <hr></hr>
[C] <span style=‘border:solid 1px #eee’></span>

6. What programming language used to create client script html

[A] HTML, Javascript & CSS


[B] PHP, MYSQL
[C] jQuery, Bootstrap
7. Which is the code to create form post

[A] <form method=‘post’> …. </form>


[B] $.post(“/api/“, { data:”a” })
[C] xhr.send({ post:{ data:”a” });

8. What is html doctype for HTML5

[A] <!DOCTYPE html>


[B] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" “http://www.w3.org/TR/html4/
strict.dtd">
[C] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/
html4/frameset.dtd">

II. ESSAY (30 Point)

1. How to create ajax get to retrieve banners data from server, that has error handling below:
- Internal server error
- Request timed out
- No data available

GET /api/banners?country=SG
response:
[ { data:[ {object}, {object}, {object} ] } ]

___________________________________________________________________________

2. How to create below carousel in jquery

___________________________________________________________________________
3. Given table below, how to select banners that available for domain fa.com.sg & singapore
country on 30 september 2017 in order (in MySQL syntax)

isactive domain country start_date end_date order title

1 fa.com.my indonesia 2018-09-01 2018-09-30 2 Free delivery

0 fa.com.sg singapore 2018-09-21 2018-09-30 3 Halloween 2017

1 fa.co.id singapore 2018-08-01 2018-12-31 4 HSBC Promo

1 fa.com singapore 2018-01-01 2018-12-31 5 DBS Promo

fa.com.sg indonesia,malaysia 2018-09-10 2018-09-21 6 Citibank Promo

fa.com.sg,fa.com singapore 2018-08-31 2018-11-30 1 Wines Promo

___________________________________________________________________________

III. TEST CASE (50 Point)

Create HTML representation of landing page below:

CRITERIA:

1. The code section is html-code (not image). On copy icon click will copy “HALLOW10” to
clipboard
2. Content is centered at maximum of 1024px width
3. Appstore logo is clickable to https://itunes.apple.com/us/app/online-florist-floweradvisor/
id1185232807
4. Make someone’s day button is clickable to https://www.floweradvisor.com.ph/flowers-
philippines
5. Footer logo has link to https://www.floweradvisor.com.ph
6. Make sure all the html text is formatted as same as result (font style, line height, margin/
padding, positioning, border)

RESOURCES:

images:
/assets/halloweeen-bg.jpg

/assets/appstore.jpg

Fonts: (https://fonts.googleapis.com/css?family=Acme|Source+Sans+Pro:300,400,700)

- Acme
- Source Sans

RESULT:

You might also like