We're so confident of our products that we provide no hassle product exchange.
IT Specialist INF-306 Exam Overview:
| Certification Vendor: | Pearson |
| Exam Name: | IT Specialist - HTML5 Application Development |
| Exam Number: | INF-306 |
| Exam Format: | Multiple Choice, Performance-based Questions |
| Certificate Validity Period: | 5 years |
| Related Certifications: | IT Specialist - HTML and CSS IT Specialist - JavaScript |
| Available Languages: | English |
| Exam Duration: | 50 minutes |
| Exam Price: | $120 USD |
| 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 |
|---|---|
| Topic 1: JavaScript Coding | - JavaScript ES6 Development
|
| Topic 2: Application Lifecycle Management | - Application Development Lifecycle
|
| Topic 3: Graphics and Animation | - Canvas and SVG
|
| Topic 4: Forms | - HTML5 Forms and Validation
|
| Topic 5: Layouts | - Responsive and Flexible Layouts
|
IT Specialist HTML5 Application Development Sample Questions:
1. You are creating a dietary request form for an upcoming conference. The form must include the following elements:
* The title " Conference Registration Form "
* A Name input field for the attendee ' s name
* A list of food options the attendee can select by using the mouse or typing Complete the code by moving the appropriate code segments from the list on the left to the correct locations on the right. You may use each code segment once, more than once, or not at all.
Note: You will receive partial credit for each correct response.
2. You need to implement media queries for the responsive layout of a new website.
Low-resolution wireframes for the desktop, tablet, and mobile layouts are shown.
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. You have created custom error messages for a form. When a user attempts to submit the form with invalid data, the data must remain in the form and error messages must be displayed. Which Event property or method should you use?
A) preventDefault
B) cancelable
C) defaultPrevented
D) abort
5. You need to create the layout shown, which defines five content areas:
* Logo and page title
* Menu
* Main content area
* Additional content area
* Copyright and contact information
You define the following classes:
A) .grid-container { display: grid; grid-template-areas: " heading heading heading heading heading heading
" " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
B) .grid-container { display: grid; grid-template-rows: " heading heading heading heading heading heading
" " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
C) .grid-container { display: grid; grid-template-columns: 33% 33% 33%; grid-template-rows: 300px
500px 300px; grid-gap: 10px; background-color: orange; padding: 10px;}
D) .grid-container { display: grid; grid-template-columns: " heading heading heading heading heading heading " " menu content content content right right " " menu contact contact contact contact contact " ; grid-gap: 10px; background-color: orange; padding: 10px;}
Solutions:
| Question # 1 Answer: Only visible for members | Question # 2 Answer: Only visible for members | Question # 3 Answer: A | Question # 4 Answer: A | Question # 5 Answer: A |
By Bill
