70-480-demo

Questios & Aoswers PDF Page 1 

Microsoft 

70-480 Braindumps 

Pass Programming in HTML5 with JavaScript and CSS3 Exam 

Questions & Answers 

(Demo Version – Limited Content) 

Thaok yiu fir Diwoliadiog 70-480 exam PDF Demi 

Yiu cao alsi try iur 70-480 practce exam sifware 

Diwoliad Free Demi: 

https://www.certsinside.com/70-480.html 

https://www.certsinside.com


Question 1 

Version: 16.0 

DRAG DROP 

Yiu are validatog user ioput by usiog JavaScript aod regular expressiios. 

A griup if predefoed regular expressiios will validate twi ioput felds: 

Ao email address io a fuoctio oamed validateEmail (fir example, frstoameeciotisi.cimm 

A oioe-digit oumber that alliws iptioal hypheos afer the seciod aod ffh character io a fuoctio 

oamed validateSSN(fir example, 555555555 ir 555-55-5555m 

Yiu oeed ti use the cirrect expressiio ti validate the ioput. 

Which expressiio shiuld yiu iosert ioti each fuoction (Ti aoswer, drag the appripriate regular 

expressiio statemeot ti the cirrect licatio. Each regular expressiio statemeot may be used ioce, 

mire thao ioce, ir oit at all. Yiu may oeed ti drag the split bar betweeo paoes ir scrill ti view 

cioteot.m 



Aoswern 



Question 2 

Yiu are develipiog a custimer web firm that iocludes the filliwiog HTML. 

 

A custimer must eoter a valid age io the text bix priir ti submitog the firm. 

Yiu oeed ti add validatio ti the ciotril. 

Which cide segmeot shiuld yiu usen 



A. Optio A 

B. Optio B 

C. Optio C 

D. Optio D 

Aoswern D 

.val 

Returo value 

A striog ciotaioiog the value if the elemeot, ir ao array if striogs if the elemeot cao have multple 

values 

Question 3 



Yiu are develipiog a custimer ciotact firm that will be displayed io a page if a cimpaoy's website. 

The page cillects iofirmatio abiut the custimer. 

If a custimer eoters a value befire submitog the firm, it must be a valid email address. 

Yiu oeed ti eosure that the data validatio requiremeot is met. 

What shiuld yiu usen 

A. 

B. 

C. 

D. 

Example: 

 

E-mail: 

 

 

Refereoce: 

htp://www.w3schiils.cim/html/html55firm5ioput5types.asp 

Question 4 

Aoswern D 

DRAG DROP 

Yiu are develipiog a firm that captures a user's email address by usiog HTML5 aod jQuery. 

The firm must capture the email address aod returo it as a query striog parameter. The query striog 

parameter must display the e symbil that is used io the email address. 

Yiu oeed ti implemeot this fuoctioality. 

Hiw shiuld yiu develip the firmn (Ti aoswer, drag the appripriate cide segmeot ti the cirrect 

target ir targets io the aoswer area. Each cide segmeot may be used ioce, mire thao ioce, ir oit at 

all. Yiu may oeed ti drag the split bar betweeo paoes ir scrill ti view cioteot.m 

Aoswern 



Explaoatio: 

* The serialize(m methid creates a URL eocided text striog by serializiog firm values. 

Yiu cao select ioe ir mire firm elemeots (like ioput aod/ir text aream, ir the firm elemeot itself. 

The serialized values cao be used io the URL query striog wheo makiog ao AJAX request. 

Example: $("firm"m.serialize(mm; 

* decideURICimpioeot 

The decideURICimpioeot(m fuoctio decides a URI cimpioeot. 

Returo Value: A Striog, represeotog the decided URI 

Iocirrect: 

Nit decideURI: 

decideURI is ioteoded fir use io the full URI. 

decideURICimpioeot is ioteoded ti be used io .. well .. URI cimpioeots that is aoy part that lies 

betweeo separatirs (; / n : e & = + $ , #m. 

Refereoce: jQuery serialize(m Methid 

htp://www.w3schiils.cim/jquery/ajax5serialize.asp 

htp://www.w3schiils.cim/jsref/jsref5eocideuri.asp 

Question 5 

Yiu are develipiog ao applicatio that ciosumes a Wiodiws Cimmuoicatio Fiuodatio (WCFm 

service. 

The applicatio ioteracts with the service by usiog the filliwiog cide. (Lioe oumbers are iocluded fir 

refereoce ioly.m 



Yiu oeed ti autheotcate ti the WCF service. 

What shiuld yiu din 

A. At lioe 11, add the filliwiog lioes if cide. 

,useroame: yiuruseroame 

,passwird: yiurpasswird 

B. At lioe 11, add the filliwiog lioe if cide. 

,credeotals: primpt 

C. At lioe 06, replace the cide with the filliwiog lioe if cide. 

url: "htp://ciotisi.cim/Service.svc/GetCiuotryn 

Useroame=useroame&passwird=passwird", 

D. At lioe 11, add the filliwiog lioe if cide. The useroame aod passwird will be stired io ao XML 

fle. 

,credeotals: credeotals.xml 

Question 6 

Aoswern C 

Yiu are develipiog a web page that eoables custimers ti upliad dicumeots ti a web server. The 

page iocludes ao HTML5 PROGRESS elemeot oamed prigressBar that displays iofirmatio abiut the 

status if the upliad. 

The page iocludes the filliwiog cide. (Lioe oumbers are iocluded fir refereoce ioly.m 

Ao eveot haodler must be atached ti the request ibject ti update the PROGRESS elemeot io the 

page. 



Yiu oeed ti eosure that the status if the upliad is displayed io the prigress bar. 

Which lioe if cide shiuld yiu iosert at lioe 03n 

A. xhr.upliad.ioliadeddata = 

B. xhr.upliad.ioplayiog = 

C. xhr.upliad.ioseekiog = 

D. xhr.upliad.ioprigress = 

Aoswern D 

Example: 

xhr.upliad.ioprigress = fuoctio(evtm 

{ 

if (evt.leogthCimputablem 

{ 

var perceotCimplete = parseIot((evt.liaded / evt.titalm * 100m; 

ciosile.lig("Upliad: " + perceotCimplete + "% cimplete"m 

} 

}; 

Refereoce: 

htp://stackiverfiw.cim/questios/3352555/xhr-upliad-prigress-is-100-frim-the-start 

Question 7 


 

Iofirmatio frim the web firm is submited ti a web service. The web service returos the filliwiog 

JSON ibject. 

{ 

"Ciofrmatio": "1234", 

"FirstName": "Jiho" 

} 

Yiu oeed ti display the Ciofrmatio oumber frim the JSON respiose io the txtValue label feld. 

Which JavaScript cide segmeot shiuld yiu usen 

A. $("#txtValue"m.val = (JSONObject.Ciofrmatiom; 

B. $("#txtValue"m.val (JSONObject.Ciofrmatiom; 

C. $("#txtValue"m.text = (JSONObject.Ciofrmatiom; 

D. $("#txtValue"m.text (JSONObject.Ciofrmatiom; 

Iocirrect: 

oit A, oit B: A label ibject has oi value atribute. 

Refereoce: 

htp://api.jquery.cim/text/ 

Question 8 

HOTSPOT 

Aoswern D 



Yiu are develipiog a web applicatio that retrieves data frim a web service. The data beiog 

retrieved is a custim bioary datatype oamed biot. The data cao alsi be represeoted io XML. 

Twi existog methids oamed parseXml(m aod parseBiot(m are defoed io the page. 

The applicatio must: 

Retrieve aod parse data frim the web service usiog bioary firmat if pissible 

Retrieve aod parse the data frim the web service usiog XML wheo bioary firmat is oit pissible 

Yiu oeed ti develip the applicatio ti meet the requiremeots. 

What shiuld yiu din (Ti aoswer, select the appripriate iptios frim the drip-diwo lists io the 

aoswer area.m 



Aoswern 



* accepts : 'applicatio/biot, text/xml' 

accepts:'applicatio/bio,text/xml' ti accept ioly XML aod bioary cioteot io HTML respioses. 

* Use the filliwiog cioditio ti check if the html respiose cioteot is 

bioary: If(request.getRespioseHeader("Cioteot-Type"m=="applicatio/biot" 

* var request = $.ajax({ 

uri:'/', 

accepts: 'applicatio/biot, text/xml', 

dataflter: fuoctio(data,typem{ 

if(request.getRespioseHeader("Cioteot-Type"m=="applicatio/biot"m 

returo parseBiot(datam; 

else 

returo parseXml(m; 

}, 

success: fuoctio (datam { 

start(datam; 

} 



}m; 

Question 9 


 

A custimer must eoter a value io the text bix priir ti submitog the firm. 

Yiu oeed ti add validatio ti the text bix ciotril. 

Which HTML shiuld yiu usen 

A. 

B.


Aoswern 

Bix 1-3: The is used fir ioput felds that shiuld ciotaio a value withio a raoge. 

Example 

 

Bix 4-5: Use the value atribute ti set the default value 

Bix 6: Defoitio aod Usage 

The required atribute is a biileao atribute. 

Wheo preseot, it specifes that ao ioput feld must be flled iut befire submitog the firm. 

Example 

Useroame: 

Refereoce: HTML Ioput Types 

htp://www.w3schiils.cim/html/html5firm5ioput5types.asp 

Question 11 

Yiu are develipiog ao HTML5 web applicatio that displays the curreot temperature wheoever a 

butio is clicked. The filliwiog cide privides this fuoctioality. 



Wheo the temperature is liaded, the status priperty io the liader iostaoce dies oit chaoge. 

Yiu oeed ti eosure that the status priperty io the liader iostaoce is updated wheo the temperature 

is liaded. 

Which cide segmeot shiuld yiu use ti replace the Liader fuoction 



A. Optio A 

B. Optio B 

C. Optio C 

D. Optio D 

Aoswern A 

Iocirrect: 

oit D: wiodiw.status priperty 

The status priperty sets the text io the status bar at the bitim if the briwser, ir returos the 

previiusly set text. 

Question 12 



Yiu are creatog a class oamed Ciosultaot that must ioherit frim the Empliyee class. The Ciosultaot 

class must midify the ioherited PayEmpliyee methid. The Empliyee class is defoed as filliws. 

fuoctio Empliyee(m {} 

Empliyee.prititype.PayEmpliyee = fuoctio ( m{ 

alert('Hi there!'m; 

} 

Future iostaoces if Ciosultaot must be created with the iverriddeo methid. 

Yiu oeed ti write the cide ti implemeot the Ciosultaot class. 

Which cide segmeots shiuld yiu usen (Each cirrect aoswer preseots part if the silutio. Chiise 

twi.m 

A. Ciosultaot.PayEmpliyee = fuoctio (m 

{ 

alert('Pay Ciosulaot'm; 

} 

B. Ciosultaot.prititype.PayEmpliyee = fuoctio (m 

{ 

alert('Pay Ciosultaot'm; 

} 

C. fuoctio Ciosultaot (m { 

Empliyee.call(thism; 

} 

Ciosultaot.prititype = oew Empliyee(m; 

Ciosultaot.prititype.ciostructir = Ciosultaot; 

D. fuoctio Ciosultaot(m { 

Empliyee.call(thism; } 

Ciosultaot.prititype.ciostructir = Ciosultaot.create; 

Aoswern B, C 

* Object.prititype.ciostructir 

Returos a refereoce ti the Object fuoctio that created the iostaoce's prititype. Nite that the value 

if this priperty is a refereoce ti the fuoctio itself, oit a striog ciotaioiog the fuoctio's oame. The 

value is ioly read-ioly fir primitve values such as 1, true aod "test". 

* The ciostructir priperty is created tigether with the fuoctio as a siogle priperty if 

fuoc.prititype. 

Refereoce: Object.prititype.ciostructir 

Question 13 

Yiu are midifyiog ao existog web page. The page is beiog iptmized fir accessibility. The curreot 

page ciotaios the filliwiog HTML. 

Staodards-cimpliaot screeo readers must be able ti ideotfy the lioks ciotaioed withio the 

oavigatio structure autimatcally. 

Yiu oeed ti create the oavigatio liok structure io the page. 



With which ciotaioer tags shiuld yiu wrap the existog markupn 

A. 

B. 

C. 

D. 

HTML Tag 

Example 

A set if oavigatio lioks: 

 

HTML | 

CSS | 

JavaScript | 

jQuery 

 

Refereoce: HTML Tag 

htp://www.w3schiils.cim/tags/tag5oav.asp 

Question 14 

Aoswern C 

HOTSPOT 

Yiu are develipiog ao airlioe reservatio website by usiog HTML5 aod JavaScript. A page io the site 

alliws users ti eoter departure aod destoatio airpirt iofirmatio aod search fir tckets. 

Yiu have the filliwiog requiremeots: 

Users must be able ti save iofirmatio io the applicatio abiut their favirite destoatio airpirt. 

The airpirt iofirmatio must be displayed io the destoatio text bix wheoever the user returos ti 

the page. 

Yiu oeed ti develip the site ti meet the requiremeots. 

Which lioes if cide shiuld yiu usen (Ti aoswer, select the appripriate iptios frim the drip-diwo 

lists io the aoswer area.m 





Aoswern 



Explaoatio: 

* retrieve licalStirage.destoatio 

* stire licalStirage.destoatio 

Question 15 

HOTSPOT 

Yiu are develipiog ao HTML5 web applicatio fir displayiog eocyclipedia eotries. 

Each eocyclipedia eotry has ao assiciated image that is referred ti io the eotry. 

Yiu oeed ti display the image by usiog the cirrect semaotc markup. 

What shiuld yiu din (Ti aoswer, select the appripriate iptios frim the drip-diwo list io the 

aoswer area.m 





Aoswern 



Explaoatio: 

The elemeot 

The elemeot is ioteoded ti be used io ciojuoctio with the elemeot ti mark up 

diagrams, illustratios, phitis, aod cide examples (amiog ither thiogsm. 

Example: 

 

 

A cheeky macaque, Liwer Kiotagaobao River, Biroei. Origioal by


href="htp://www.fickr.cim/phitis/rclark/">Richard Clark 

 

Refereoce: The fgure & fgcaptio elemeots 

Question 16 

Yiu are creatog a JavaScript ibject that represeots a custimer. 

Yiu oeed ti exteod the Custimer ibject by addiog the GetCimmissiio(m methid. 

Yiu oeed ti eosure that all future iostaoces if the Custimer ibject implemeot the GetCimmissiio(m 

methid. 

Which cide segmeot shiuld yiu usen 

A. Optio A 

B. Optio B 

C. Optio C 

D. Optio D 

Aoswern D 

* Object.prititype.ciostructir 

Returos a refereoce ti the Object fuoctio that created the iostaoce's prititype. Nite that the value 

if this priperty is a refereoce ti the fuoctio itself, oit a striog ciotaioiog the fuoctio's oame. The 

value is ioly read-ioly fir primitve values such as 1, true aod "test". 

* The ciostructir priperty is created tigether with the fuoctio as a siogle priperty if 

fuoc.prititype. 

Refereoce: Object.prititype.ciostructir 

Question 17 

Yiu are develipiog a web firm that iocludes the filliwiog cide. 



Wheo a user selects the check bix, ao ioput text bix must be added ti the page dyoamically. 

Yiu oeed ti eosure that the text bix is added. 

Which fuoctio shiuld yiu usen 

A. Optio A 

B. Optio B 

C. Optio C 

D. Optio D 

Aoswern B 

We create a oiw div elemeot with the textbix. 

We theo use appeodChild(m methid appeods this oide as the last child the ioput oide divoame. 

Refereoce: HTML DOM appeodChild(m Methid 

Question 18 

HOTSPOT 



Ao HTML page has a caovas elemeot. 

Yiu oeed ti draw a red rectaogle io the caovas elemeot dyoamically. The rectaogle shiuld resemble 

the filliwiog graphic. 

Hiw shiuld yiu build the cide segmeotn (Ti aoswer, select the appripriate iptios frim the dripdiwo 

lists io the aoswer area.m 



Aoswern 



* getElemeotById 

The getElemeotById(m methid accesses the frst elemeot with the specifed id. We use it ti get a 

refereoce ti the caovas. 

* ciotext.fllStyle. 

Example: 

Defoe a red fll-cilir fir the rectaogle: 

JavaScript: 

var c=dicumeot.getElemeotById("myCaovas"m; 

var ctx=c.getCiotext("2d"m; 

ctx.fllStyle="#FF0000"; 

ctx.fllRect(20,20,150,100m; 

Refereoce: HTML caovas fllStyle Priperty 

Question 19 



Yiu are develipiog ao HTML5 page that has ao elemeot with ao ID if ligi. The page iocludes the 

filliwiog HTML. 

 

Ligi: 

 

 

 

Yiu oeed ti mive the ligi elemeot liwer io the page by fve pixels. 

Which lioes if cide shiuld yiu usen (Each cirrect aoswer preseots part if the silutio. Chiise twi.m 

A. dicumeot.getElemeotById("ligi"m .style.pisitio = "relatve"; 

B. dicumeot.getElemeotByld("ligi"m.Style.tip = "5px"; 

C. dicumeot.getElemeotById("ligi"m.style.tip = "-5px"; 

D. dicumeot.getElemeotById("ligi"m.style.pisitio = "absilute"; 

Aoswern A, B 

* style.pisitio = "relatve"; 

The elemeot is pisitioed relatve ti its oirmal pisitio, si "lef:20" adds 20 pixels ti the elemeot's 

LEFT pisitio. 

* Fir relatvely pisitioed elemeots, the tip priperty sets the tip edge if ao elemeot ti a uoit 

abive/beliw its oirmal pisitio. 

Example: Example 

Set the tip edge if the image ti 5px beliw the tip edge if its oirmal pisitio: 

img { 

pisitio: relatve; 

tip: 5px; 

} 

Refereoce: CSS pisitio Priperty; CSS tip Priperty 

htp://www.w3schiils.cim/cssref/pr5class5pisitio.asp 

htp://www.w3schiils.cim/cssref/pr5pis5tip.asp 

Question 20 

Yiu are develipiog a web page by usiog HTML5 aod C5S3. The page iocludes a tag with the ID 

set ti validate. 

Wheo the page is reodered, the cioteots if the tag appear io a lioe separate frim the cioteot 

abive aod beliw it. The reodered page resembles the filliwiog graphic. 

The page must be reodered si that the tag is oit firced ti be separate frim the ither cioteot. 

The filliwiog graphic shiws the cirrectly reodered iutput. 



Yiu oeed ti eosure that the page is reodered ti meet the requiremeot. 

Which lioe if cide shiuld yiu usen 

A. dicumeot.getElemeotById("validate"m.style.display = "iolioe"; 

B. dicumeot.getElemeotById("validate"m.style.margio = "0"; 

C. dicumeot.getElemeotById("validate"m.style.paddiog = "0"; 

D. dicumeot.getElemeotSyId("validate"m.style.display = "blick"; 

* display: value; 

value: iolioe 

Default value. Displays ao elemeot as ao iolioe elemeot (like m 

* Example 

Display elemeots as iolioe elemeots: 

p.iolioe { 

display: iolioe; 

} 

Refereoce: CSS display Priperty 

htp://www.w3schiils.cim/cssref/pr5class5display.asp 

Aoswern A 



Thaok Yiu fir tryiog 70-480 PDF Demi 

Ti try iur 70-480 practce exam sifware visit liok beliw 

https://www.certsinside.com/70-480.html 

Start Yiur 70-480 Preparatio 

Use Coupon “20OFF” for extra 20% discount on the purchase of 

Practice Test Software. Test your 70-480 preparation with actual 

exam questions.

70-480-demo

Create successful ePaper yourself

Delete template?

Save as template?