IT Specialist INF-306 Exam Overview:
| Certification Vendor: | Pearson |
| Exam Name: | IT Specialist - HTML5 Application Development |
| Exam Number: | INF-306 |
| Exam Price: | $120 USD |
| Related Certifications: | IT Specialist - HTML and CSS IT Specialist - JavaScript |
| Exam Format: | Multiple Choice, Performance-based Questions |
| Certificate Validity Period: | 5 years |
| Available Languages: | English |
| Exam Duration: | 50 minutes |
| Real Exam Qty: | 35-50 |
| Sample Questions: | IT Specialist INF-306 Sample Questions |
| Exam Way: | Online Proctored Exam or Authorized Test Center |
| Pre Condition: | Candidates should have at least 150 hours of instruction or hands-on experience with HTML5, CSS3, and JavaScript ES6. INF-301 and INF-302 certifications are recommended. |
| Official Syllabus URL: | https://www.pearsonvue.com/content/dam/VUE/vue/en/documents/clients/it-specialist/its-od-306-html-app-develop-pearson.pdf |
IT Specialist INF-306 Exam Syllabus Topics:
| Section | Objectives |
|---|---|
| Graphics and Animation | - Canvas and SVG
|
| Layouts | - Responsive and Flexible Layouts
|
| Forms | - HTML5 Forms and Validation
|
| JavaScript Coding | - JavaScript ES6 Development
|
| Application Lifecycle Management | - Application Development Lifecycle
|
IT Specialist HTML5 Application Development Sample Questions:
1. The development team just released a new version of an app for your team to test. Which three tasks should you perform during testing? Choose 3.
A) Ensure that the app meets the design specifications.
B) Ask customers to submit bugs or problems.
C) Check for syntax errors.
D) Find any defects in the app.
E) Check application functionality to ensure it works correctly.
F) Ask customers to submit feature requests.
2. Which two background graphics will automatically adjust to different screen sizes? Choose 2.
Note: You will receive partial credit for each correct selection.
A) < body style= " background:url(media/background.jpg); background-size:auto; background-repeat:no- repeat; " >
B) < body style= " background:url(media/background.jpg); background-size:cover; background-repeat:no- repeat; " >
C) < body style= " background:url(media/background.jpg); background-size:initial; background-repeat:no- repeat; " >
D) < body style= " background:url(media/background.jpg); background-size:contain; background-repeat:
no-repeat; " >
3. Review the following markup segment:
< form action= " process.js " method= " get " >
< label for= " secretcode " > Secret Code < /label >
< input type= " text " name= " secretcode "
pattern= " [a-zA-Z]{4}-[0-9] {2}-[0-9]{4}-[a-zA-Z] {4} "
placeholder= " secretcode " >
< input type= " submit " value= " Submit " >
< /form >
Which entry will validate successfully according to the required pattern?
A) kukX-34-4938-WJDF
B) AGbe-23h-234-HBG6
C) Kgyn-23-3978-Uhj6
D) y7Ts-A3-4876-ASFr
4. The ctx variable is the context of an HTML5 canvas object. What does the following HTML markup draw?
ctx.arc(x, y, r, 0, Math.PI, true);
A) A line from one point to another
B) A square at the given point
C) A semicircle at the given point
D) A circle at the given point
5. You write the following markup to create a page. Line numbers are included for reference only.
01 < !DOCTYPE html >
02 < html >
03 < head >
04 < style >
05
10 < /style >
11 < /head >
12 < body >
13 < svg height= " 500 " width= " 500 " >
14 < defs >
15 < filter id= " f2 " x= " 0 " y= " 0 " width= " 200% " height= " 200% " >
16 < feOffset result= " offOut " in= " SourceGraphic " dx= " 20 " dy= " 20 " / >
17 < feGaussianBlur result= " blurOut " in= " offOut " stdDeviation= " 10 " / >
18 < feBlend in= " SourceGraphic " in2= " blurOut " mode= " normal " / >
19 < /filter >
20 < /defs >
21 < text x= " 10 " y= " 100 " style= " fill:red; " > Blur Me! < /text >
22 Sorry, your browser does not support inline SVG.
23 < /svg >
24 < /body >
25 < /html >
An SVG blur filter is defined in the markup on the left. You need to apply the SVG blur filter to the text element on the page.
Which CSS code should you insert at line 05?
A) text { font: 48px arial bold; fill: blur;}
B) text { font: 48px arial bold; filter: url(blur);}
C) text { font: 48px arial bold; filter: #blur;}
D) text { filter: url( " #f2 " ); font-size: 50pt; color: red;}
Solutions:
| Question # 1 Answer: A,D,E | Question # 2 Answer: B,D | Question # 3 Answer: A | Question # 4 Answer: C | Question # 5 Answer: D |
We're so confident of our products that we provide no hassle product exchange.


By Burke

