Ob druckbares PDF, Desktop-Testengine oder Online-Testengine – PrüfungFrage bietet die 70 Übungsfragen zur INF-306 Prüfung in drei Formaten an. So bereiten Sie sich auf die IT Specialist HTML5 Application Development genau so vor, wie es zu Ihrem Alltag passt.
IT Specialist INF-306 Prüfungsübersicht:
| Zertifizierungsanbieter: | Pearson VUE |
|---|---|
| Prüfungsname: | HTML5-Anwendungsentwicklung |
| Prüfungsnummer: | INF-306 |
| Mindestpunktzahl: | 700 (Skala 100–900) |
| Gültigkeitsdauer des Zertifikats: | 3 Jahre |
| Verfügbare Sprachen: | Vereinfachtes Chinesisch, Italienisch, Spanisch, Thailändisch, Deutsch, Russisch, Traditionelles Chinesisch, Portugiesisch (Brasilien), Englisch, Japanisch, Französisch |
| Prüfungsgebühr: | 126,69 USD |
| Anzahl der Fragen: | 33–44 |
| Prüfungsdauer: | 50 Minuten |
| Prüfungsformat: | Einzelauswahl, Mehrfachauswahl, Drag-and-Drop, Szenariobasierte Aufgaben |
| Empfohlenes Training: | Offizielle Kursmaterialien von Pearson IT Specialist MeasureUp-Übungsprüfungen |
| Prüfungsanmeldung: | Pearson VUE-Registrierung |
| Beispielfragen: | ![]() |
| Prüfungsmethode: | Online-Prüfung mit Fernüberwachung oder vor Ort in einem Pearson VUE-Prüfungszentrum |
| Voraussetzungen: | Grundlegende Kenntnisse in HTML5, CSS3 und JavaScript; grundlegendes Verständnis von Konzepten der Anwendungsentwicklung; keine formellen Zulassungsvoraussetzungen erforderlich |
| Offizielle Syllabus-URL: | https://home.pearsonvue.com/itspecialist/pdf/OD-306.pdf |
IT Specialist INF-306 Prüfungsthemen:
| Abschnitt | Gewichtung | Ziele |
|---|---|---|
| Anwendungslebenszyklus-Management | 20% | - Phasen des Anwendungslebenszyklus
|
| JavaScript-Programmierung | 15% | - APIs und Zustandsverwaltung
|
| Grafik und Animation | 25% | - Verwendung des Canvas-Elements
|
| Layouts | 20% | - Responsives Design
|
| Formulare | 20% | - Eingabevalidierung
|
Alles Wissenswerte zur IT Specialist INF-306 Prüfung im Überblick
Die IT Specialist HTML5 Application Development (Prüfungscode INF-306) ist eine offizielle Zertifizierungsprüfung von IT Specialist. Nach erfolgreichem Ablegen erhalten Sie die Zertifizierung Information Technology Specialist auf der Stufe Grundlagenebene. Mit den 70 Übungsfragen von PrüfungFrage bereiten Sie sich gezielt auf alle Anforderungen dieser Prüfung vor.
In der INF-306 Prüfung bearbeiten Sie 33–44 Fragen innerhalb von 50 Minuten. Pro Frage stehen Ihnen damit nur wenige Minuten zur Verfügung – ein gleichmäßiges Antworttempo ist entscheidend. Markieren Sie unsichere Aufgaben und kehren Sie am Ende zu ihnen zurück, statt wertvolle Zeit an einer einzelnen Frage zu verlieren. Trainieren Sie dieses Zeitmanagement vorab mit der Testengine von PrüfungFrage, indem Sie die 70 Übungsfragen mehrfach unter realen Zeitbedingungen durchlaufen.
Die Bestehensgrenze der INF-306 Prüfung liegt bei 700 (Skala 100–900); die offizielle Anmeldegebühr beträgt 126,69 USD. Bedenken Sie: Bei einem Nichtbestehen wird die Prüfungsgebühr für jeden Wiederholungsversuch erneut in voller Höhe fällig. Prüfen Sie Ihren Wissensstand deshalb vor der Anmeldung mit den Übungstests von PrüfungFrage – erst wenn Sie die 70 Praxisfragen sicher beherrschen, lohnt sich der Gang zur Prüfung.
Für die Anmeldung zur IT Specialist HTML5 Application Development gilt Folgendes: Grundlegende Kenntnisse in HTML5, CSS3 und JavaScript; grundlegendes Verständnis von Konzepten der Anwendungsentwicklung; keine formellen Zulassungsvoraussetzungen erforderlich Da sich die Anforderungen von Zeit zu Zeit ändern können, empfehlen wir Ihnen, die aktuellen Details vor der Anmeldung auf der offiziellen Seite von IT Specialist zu prüfen: https://home.pearsonvue.com/itspecialist/pdf/OD-306.pdf.
Die Anmeldung zur INF-306 Prüfung erfolgt über folgende offizielle Kanäle:
Die Prüfung wird dabei auf folgende Weise abgelegt: Online-Prüfung mit Fernüberwachung oder vor Ort in einem Pearson VUE-Prüfungszentrum. Bereiten Sie sich vorab mit den 70 Übungsfragen von PrüfungFrage vor, damit Sie am Prüfungstag keine Überraschungen erleben.
IT Specialist empfiehlt zur Vorbereitung auf die IT Specialist HTML5 Application Development unter anderem folgende Trainings:
Ergänzend zu diesen Schulungen bietet Ihnen PrüfungFrage 70 Übungsfragen, mit denen Sie das Gelernte unmittelbar anwenden und den Prüfungsalltag realistisch simulieren.
Ja. Bei PrüfungFrage laden Sie eine kostenlose PDF-Demo der INF-306 Übungsfragen herunter und prüfen in Ruhe Aufbau, Schwierigkeitsgrad und Qualität der Inhalte, bevor Sie sich entscheiden. Nach dem Kauf erhalten Sie ab Kaufdatum 365 Tage lang kostenlose Aktualisierungen; nach Ablauf dieses Zeitraums verlängern Sie den Update-Service mit 50 % Rabatt.
Sollten Sie die zur IT Specialist HTML5 Application Development gehörende Prüfung innerhalb von 60 Tagen nach dem Kauf nicht bestehen, erstatten wir Ihnen den vollständigen Kaufpreis. Voraussetzung ist, dass Sie innerhalb von 2 Tagen nach dem Prüfungstermin eine Kopie Ihrer Anmeldebestätigung (Enrollment Slip) sowie das offizielle Ergebnisprotokoll (Score Report) als PDF einreichen; der Name des Prüflings muss dabei mit dem Namen des Zahlenden übereinstimmen. Nach Eingang Ihrer Unterlagen ist die Bearbeitung innerhalb von 7 Tagen abgeschlossen. Nicht erstattungsfähig sind ein Nichtbestehen innerhalb der ersten 3 Tage nach dem Kauf, ein reiner Download ohne tatsächliche Prüfungsteilnahme sowie kostenlose Materialien und bereits abgelaufene Bestellungen. Alternativ zur Rückerstattung können Sie kostenlos zwei gleichwertige Prüfungsprodukte Ihrer Wahl erhalten und behalten dabei den Update-Service für Ihr ursprünglich gekauftes Produkt. Die Lieferung erfolgt digital: Nach der Zahlung steht Ihnen der Download sofort zur Verfügung, zusätzlich erreichen Sie die Dateien innerhalb einer Minute per E-Mail – sollte nach 2 Stunden nichts angekommen sein, wenden Sie sich bitte an unseren Kundenservice. Eine Begrenzung der Anzahl der Installationen gibt es nicht.
Die IT Specialist HTML5 Application Development gliedert sich in 5 Themengebiete. Zu den wichtigsten Bereichen zählen Formulare (20%), JavaScript-Programmierung (15%) und Layouts (20%). Die vollständige Übersicht aller Bereiche samt Unterthemen und Gewichtungen finden Sie weiter oben auf dieser Seite im Abschnitt mit dem offiziellen Prüfungslehrplan.
IT Specialist HTML5 Application Development INF-306 Prüfungsfragen mit Lösungen
Identify the filter applied to each image.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
Antwort:

Explanation:
The first image has a brown/yellow vintage tone, which indicates the sepia(100%) CSS filter. Sepia converts the image colors into a warm monochrome effect commonly associated with aged photographs. The second image appears faded and washed out while retaining the same general image content, which corresponds to opacity(30%); this makes the image mostly transparent, allowing only 30 percent opacity. The third image shows the original beach image with a visible shadow offset behind it, so the correct filter is drop-shadow(8px
8px 10px black). The first two 8px values define the horizontal and vertical shadow offset, 10px defines the blur radius, and black defines the shadow color. saturate(100%) would leave saturation at its normal level and would not visibly create a special effect. grayscale(100%) would remove color entirely and produce a black- and-white image, which is not shown in the visible rows. References/topics: CSS filter property, image effects, sepia(), opacity(), drop-shadow(), graphical enhancement with CSS.
A local photographer asks you to add filters as shown to the images in their photo gallery so that the images are not recognizable until authorized users log in.
Example of original and filtered images:
* Original image: full-color flower image
* Filtered image: blurred grayscale image
Analyze the images on the left.
Construct a CSS selector that will apply the appropriate filters to the images to meet the requirements.
Complete the markup by moving the appropriate HTML tags from the list on the left to the correct locations on the right. You may use each HTML tag once, more than once, or not at all.
Note: There is more than one correct markup. You will receive credit for any correct markup completion.
Antwort:

Explanation:
First blank: img
Second blank: filter:
Third blank: grayscale(100%)
Fourth blank: blur(8px)
The correct CSS selector is img because the requirement applies the visual effect to gallery images. The correct property is filter:, not transform:, because CSS filters modify the rendered appearance of an element using image-processing effects such as blur, grayscale, opacity, brightness, contrast, and shadows. The filtered sample appears blurred and colorless, so the appropriate filter functions are grayscale(100%) and blur (8px). grayscale(100%) removes all color from the image, converting it to a black-and-white rendering. blur (8px) obscures visual details, making the image difficult to recognize until the protected or authorized state changes the styling. The filter keyword without a colon is not a valid CSS declaration in this context.
brightness(40%) and opacity(50%) could further obscure an image, but they are not required to reproduce the shown filtered result. The final declaration is therefore filter: grayscale(100%) blur(8px);.
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 { filter: url( " #f2 " ); font-size: 50pt; color: red;}
- B. text { font: 48px arial bold; filter: #blur;}
- C. text { font: 48px arial bold; filter: url(blur);}
- D. text { font: 48px arial bold; fill: blur;}
Antwort: A 🗳️
Erklärung: (Nur für PrüfungFrage-Mitglieder sichtbar)
You want to display a message box showing the user ' s current latitude and longitude as identified by the user' s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
Antwort:

Explanation:
First drop-down: navigator.geolocation
Second drop-down: navigator.geolocation
Third drop-down: getCurrentPosition(showLocation)
The correct API object is navigator.geolocation because browser-based geographic location is exposed through the Geolocation API, not through window.location. window.location represents the current page URL and navigation state; it does not provide latitude or longitude. The first selection checks whether the browser supports geolocation by evaluating navigator.geolocation. Inside the block, the same object must be used to request the user's current position. The correct method is getCurrentPosition(showLocation), which requests the device's current location and passes a position object to the callback function when the location is available. The callback then reads position.coords.latitude and position.coords.longitude and displays those values with alert(). The alternatives that pass window.location are incorrect because they provide page- location information rather than geographic coordinates. The alternatives that call showLocation(...) directly are also incorrect because the browser must first retrieve the actual position object. References/topics:
Geolocation API, navigator.geolocation, getCurrentPosition(), callback functions, latitude and longitude.
Which markup segment creates an SVG ellipse?
- A. < svg height= " 140 " width= " 500 " > < ellipsp x= " 200 " y= " 80 " rx= " 100 " ry= " 50 " fill= " green
" stroke-width= " 2 " / > < /svg > - B. < svg height= " 140 " width= " 500 " > < ellipse x= " 200 " y= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
- C. < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " rx= " 100 " ry= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
- D. < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
Antwort: C 🗳️
Erklärung: (Nur für PrüfungFrage-Mitglieder sichtbar)
595 Kundenrezensionen 





Angelika -
Ich habe heute die Prüfung PrüfungFrage bestanden. Vielen Dank für Anstrengungen. Ihr Dump ist 100% effektiv. Die meisten Fragen sind in dem Dump enthalten. Vielen Dank!