"An iframe is an element which is used to display a webpage within a web page. Is this statement true or false?":["True"],
"URLs are used to define the to a destination site or to a ressource needed in the HTML file.":["path"],
"What is the charset meta declaration used for?":["It defines the character encoding of a document so that the browser can interpret it properly."],
"Choose how ids are referenced in CSS.":["#idname"],
"Which of the following statements are true?":[
"With Javascript you can create new elements.",
"You can include a Javascript file at the end of the HTML body.",
"With the <noscript> tag you provide alternate content for users who disabled Javascript",
"The code document.getElementById(\"demo\").innterHTML = \"Hello JavaScript!\"; selects an element with the name \"demo\" and changes its text to \"Hello Javascript\"",
"Javascript can be used to change the css of an element."
],
"In some cases IDs should be used more than once. Is this statement true or false?":["False"],
"An inline CSS is used to apply a unique style to HTML element.\nAn internal CSS is used to define a style for HTML .\nAn external style sheet is used to define the style for HTML .":[
"a single","element","a single","a page","many","pages"
],
"Who develops the different standards for the Open Web Platform?":["W3 Consortium (W3C)"],
"Who is responsible for HTML standards?":["W3 Consortium (W3C)"],
"What does the abbreviation CSS mean?":["Cascading Style Sheets"],
"What is the entity for?":["Introduces a non-breaking space."],
"In HTML each element must have an ID. Is this statement true or false?":["False"],
"What is new in HTML5? Select all corresponding answers.":[
"New multimedia element <audio>",
"New semantic elements like <header>, <footer>, <article>, and <section>.",
"New types for form input elements like time and date.",
"New multimedia element <video>",
"New types for form input elements like number.",
"New graphic elements: <svg> and <canvas>."
],
"An HTML page can have id(s) applied to one specific element, while a class name can be applied to elements.":["one unique","multiple"],
"An HTML page can have one unique id(s) applied to one specific element, while a class name can be applied to multiple elements.":["False"],
"Match the tags to the fitting type.\n<ol>, <table>, <ul> \n<style> \n<i>, <strong>, <b> ":["block elements"," CSS formatting","text formatting"],
"What is the basic syntax of HTML tags that need one attribute?":["<tagName attributeName=\"value\">content</tagName>"],
"What does the abbreviation HTML mean?":["Hyper Text Markup Language"],
"What do you need as a preparation for coding HTML?":[
"A basic texteditor or an IDE.",
"A computer or a similar input device.",
"A webbrowser to display the results."
],
"What is the latest and recommended HTML5 version number?":["HTML 5.2"],
"The form-handler is typically a server page with a script for processing input data. Is this statement true or false?":["True"],
"Select all valid HTML elements.":[
"<a>",
"<abbr>",
"<h4>",
"<em>",
"<del>",
"<bdo>"
],
"Which attribute opens the action url in a new browser tab?":["target=\"_blank\""],
"The Method is used to transfer form input which is sensitive and shouldn't be displayed open.\nThe Method is used to transfer form input in plaintext over the URL.":["POST","GET"],
"What is the correct tag for a line break in HTML?":["<br>"],
"Select all statements which are true about the HTML canvas tag.":[
"You must use JavaScript to actually draw the graphics.",
"The HTML <canvas> elements is used to draw graphics",
"The code\nvar c = document.getElementById(\"myCanvas\");\nvar ctx = c.getContext(\"2d\");\nctx.beginPath();\nctx.arc(95,50,30,0,2*Math.PI);\nctx.stroke\ndraws a circle",
"The <canvas> element is only a container for graphics.",
"By default, a canvas has no border and no content."
],
"The HTML <body> element is used to store <style> and <link> elements. Is this statement true or false?":["False"],
"Select all elements which should be in the head tag.":["<title>","<meta>","<style>","<link>"],
"Combine the tags to their purpose.":{
"<var>":"various text",
"<pre>":"preformated text",
"<code>":"used for program code",
"<kbd>":"denotes keyboard input",
"<samp>":"used for sample computer output"
},
"Select all contributions which contribute to an elements bounding box (pixel size) in the box model.":["Height","Width","Border","Padding"],
"The title tag specifies additional information about an element, which is often shown as a tooltip when the mouse moves over an element. Is this statement true or false?":[
"False"
],
"Choose 3 ways to specify a color in HTML or CSS.":[
"style=\"color:green\"",
"style=\"color:#ff6347\"",
"style=\"color:rgb(255, 99, 71)\""
],
"By whom Web Standards are made?":["W3C","World Wide Web Consortium"],
"How does the definition of the doctype of an HTML5 document look like?":["<!DOCTYPE html>"],
"XHTML is a combination of the strength of both XML and HTML to allow browser to interpret the document more efficiently. Is this statement true or false?":["True"],
"Select the right expression to introduce a special character using its entity number in your HTML code.":["&#"],
"Welche Aussage(n) ist/sind für JavaScript richtig?":["JavaScript wird von einem Interpreter ausgeführt, es gibt keinen JavaScript-Compiler."],
"Wie werden in JavaScript globale Variablen deklariert?":"x = 5; oder deklaration im globalen Kontext.",
"Über welche Methode kann man im HTML-DOM einen neuen Knoten duplizieren?":"cloneNode()",
"Wie bezeichnet man einen Knoten im HTML-DOM ohne Kindknoten?":"Blatt Knoten",
"Nennen Sie zwei JavaScript-Trigger.":"onFocus, onBlur",
"Nennen Sie drei Beispiele für den Einsatz von JavaScript.":"Formvalidierung, dymanische Funktionen, Kommunikation zu einem Server",
"Wie heißt der Parentnode des Titel-Knotens eines HTML-DOMs ?":"head",
"Wozu benötigt man den JavaScript-Operator \"===\"?":"Vergleich von Attributwert und Datentyp zweier Variablen",
"Über welche Methode kann man im HTML-DOM prüfen,ob ein Knoten Kindknoten besitzt ?":"hasChildNodes()",
"Durch welches Tag wird der Wurzelknoten eines HTML-Dokuments im HTML-DOM bestimmt ?":"html",
"Über welches Attribut im HTML-DOM hat man Zugriff auf alle Attribute eines Elements ?":"attributes",
"Über welche Methode kann man im HTML-DOM einen neuen Kindknoten einfügen ?":"appendChild()",
"Über welche Eigenschaft kann im HTML DOM kann der Wert des Textknotens manipuliert werden ?":"nodeValue",
"Welche Aussage(n) ist/sind für AJAX rightig?":["AJAX unterstützt den Datenaustausch mit einem Server und die Teile einer Webseite auszutauschen, ohne die gesamte Seite neu zu laden."],
"Wie vermeidet man, dass Browser, die kein JavaScript unterstützen, JavaScript als Seiteninhalte darstellen?":"Script in einen HTML-Comment einbetten",
"Wie viele Kindknoten darf ein Knoten im HTML-DOM maximal besitzen ?":"es gibt kein Maximum. Beliebig viele",
"Benennen Sie alle Childnodes des Wurzelknotens eines HTML-DOMs.":"head und body",
"Mit welcher JavaScript-Kontrollstruktur kann man Fallunterscheidungen von mehr als drei Fällen implementieren, ohne if-Blöcke zu nutzen?":"Switch-Statement",
"Welche Aussagen sind für das HTML Document Object Model zutreffend ? Kreuzen Sie alle richtigen Antworten !":["Das HTML DOM ist ein Standard um HTML-Elemente zu lesen, ändern, hinzuzufügen und zu löschen.","Das HTML DOM definiert die Objekte und Eigenschaften aller HTML-Elemente des Dokuments und Methoden, auf diese zuzugreifen."],
"Mit welchem JavaScript-Befehl kann in einem HTML-Dokument einem HTML-Element mit der ID=\"demo\" der Text \"Hallo Welt!\" zugewiesen werden?":"document.getElementById(\"demo\").innerHTML=\"Hallo Welt!\"",
"Welche der nachfolgenden jQuery-Methoden gibt es ?\n":["jquery.getJSON()","jquery.getScript()"],
"Mit Hilfe eines jQuery-Selektors wurde eine Menge von HTML-Elementen selektiert.\n\n\nMit welcher jQuery-Methode kann man die als Parameter \u00fcbergebenen CSS-Klassen der ausgew\u00e4hlten Elemente setzen bzw. entfernen, je nachdem, ob sie gesetzt waren oder nicht ?\n\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n":"toggleClass()",
"Mit welcher jQuery-Methode kann man die H\u00f6he des ersten ausgew\u00e4hlten Elements setzen bzw. abrufen, wobei Padding (padding) mit ber\u00fccksichtigt werden soll, nicht aber die Randlinie (border) ?\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n":"innerHeight()",
"Wie lange dauert das jQuery-FadeIn in Millisekunden in der Voreinstellung ?\n":"400",
"Welche Aussage(n) ist\/sind im Zusammenhang mit jQuery richtig?\n\n\n":["JQuery 2.x.x unterstützt nicht mehr Internet Explorer 6, 7 und 8.","QUnit is a test automation framework used to test the jQuery project.","JQuery stellt ein browser\u00fcbergreifendes AJAX-API bereit.","JQuery ist erweiterbar."],
"Welche Aussage ist f\u00fcr das nachfolgende jQuery-Schnipsel richtig?\n\nvar hB = $(\"#banner-message\");\n$(\"#container button\").on(\"click\",function( event ){hB.show();});":["Zeige das #banner-message Element, das mit \"display:none\" versteckt wurde, sobald eine Schaltfl\u00e4che im Element \"#container\" bet\u00e4tigt wird."],
"Gegeben sei eine nachfolgende HTML Seite mit einer ungeordneten Liste:\n\n<html>\n<body>\n\n<ul>\n <li>list item 1<\/li>\n <li>list item 2<\/li>\n <li>list item 3<\/li>\n<\/ul>\n<\/body>\n<\/html>\n\n\n\n\nMit dem Selektor $(\"li\") wurden alle Listenelemente selektiert.\n\nMit welcher jQuery-Methode kann man die selektierte Menge auf das erste Listenelement reduzieren ?\n\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n":".first()",
"Which of the following statements are true about AngularJS ? (Choose all that apply.)":["Imperative programming is suited to defining an AngularJS application's business logic.","AngularJS provides a framework for model-view-viewmodel (MVVM) architectures.","AngularJS provides a framework for client-side model-view-controller (MVC) architectures."],
"Which of the following paradigms are true for AngularJS? (Choose all that apply.)":["Decouple the server side of an application from the client side.","Decouple view manipulation from application logic."],
"Which AngularJS function creates an AngularJS module?":"angular.module()",
"Which AngularJS directive binds the value of HTML controls (input, select, textarea) to application data?":["ng-model"],
"Which of the following implementation details are true for AngularJS? (Choose all that apply.)":["AngularJS uses dependency injection.","Angular brings server-side services to client-side web applications."],
"Which of the following statements are true? (Choose all that apply.)":["AngularJS lets you use HTML as your template language.","AngularJS is a structural framework for dynamic web apps."],
"Which AngularJS directive binds application data to the innerHTML view?":"ng-bind",
"The code shows the implementation of a simple memory game. Copy the code to a local file. Modify the code such that the game area is not 4x4 but only 2x2. Upload your file to be graded!":"lonk:https://cringe-studios.com/lzk/memory.html"
