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] [Link]({ 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] [Link]({ post:{ data:”a” });
8. What is html doctype for HTML5
[A] <!DOCTYPE html>
[B] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" “[Link]
[Link]">
[C] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "[Link]
html4/[Link]">
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 [Link] & singapore
country on 30 september 2017 in order (in MySQL syntax)
isactive domain country start_date end_date order title
1 [Link] indonesia 2018-09-01 2018-09-30 2 Free delivery
0 [Link] singapore 2018-09-21 2018-09-30 3 Halloween 2017
1 [Link] singapore 2018-08-01 2018-12-31 4 HSBC Promo
1 [Link] singapore 2018-01-01 2018-12-31 5 DBS Promo
[Link] indonesia,malaysia 2018-09-10 2018-09-21 6 Citibank Promo
[Link],[Link] 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 [Link]
id1185232807
4. Make someone’s day button is clickable to [Link]
philippines
5. Footer logo has link to [Link]
6. Make sure all the html text is formatted as same as result (font style, line height, margin/
padding, positioning, border)
RESOURCES:
images:
/assets/[Link]
/assets/[Link]
Fonts: ([Link]
- Acme
- Source Sans
RESULT:
