topics: javascript|web workers, level: 100

What best describes a Web Worker?

Please select exactly one correct alternative.

A Web Worker is a JavaScript that runs when a callback function has been set by using setInterval. A Web Worker is a Java app that runs in the background, independently of other apps, without affecting the performance of the page. A Web Worker is a JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. None of the above.

Answer

A Web Worker is a JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. You can continue to do whatever you want: clicking, selecting things, etc., while the web worker runs in the background.

Reading

HTML5 Web Workers

topics: html, level: 100

What best describes a self closing element?

Please select exactly one correct alternative.

An element that does not need a separate closing tag with an opening tag An HTML form that closes itself after clicking on the submit button An HTML web page that closes itself after a predefined amount of miliseconds None of the above.

Answer

An element that does not need a separate closing tag with an opening tag. A self-closing element makes use of a �/� character in order to effectively close out a beginning tag enclosed.

Example:
<br/>

No resources given.

topics: architecture|security, level: 100

Which statements are correct on Security Assertion Markup Language?

Please select exactly one correct alternative.

SAML is an open standard for exchanging authentication and authorization data between parties. SAML is a set of XML-based protocol messages. SAML is an open standard for exchanging audit data between parties. SAML is a set of protocol message bindings. SAML is a set of protocol message formats. SAML is a set of profiles. SAML is a set of XSL documents.

Answer

Security Assertion Markup Language (SAML) is an open standard for exchanging authentication and authorization data between parties, in particular, between an identity provider and a service provider. As its name implies, SAML is an XML-based markup language for security assertions (statements that service providers use to make access-control decisions). SAML is also:

A set of XML-based protocol messages
A set of protocol message bindings
A set of profiles (utilizing all of the above)

The single most important use case that SAML addresses is web browser single sign-on (SSO). Single sign-on is relatively easy to accomplish within a security domain (using cookies, for example) but extending SSO across security domains is more difficult and resulted in the proliferation of non-interoperable proprietary technologies. The SAML Web Browser SSO profile was specified and standardized to promote interoperability. (For comparison, the more recent OpenID Connect protocol is an alternative approach to web browser SSO).

Reading

Security Assertion Markup Language

topics: javascript, level: 100

What does

"use strict";

in your JavaScript code mean?

Please select exactly one correct alternative.

This defines that your browser should use only load sites using https "strictly". This defines that JavaScript code should be executed in "strict mode". It doesn't mean anything; it should be

use strict;

. None of the above.

Answer

"use strict" defines that JavaScript code should be executed in "strict mode". With strict mode, you can not, for example, use undeclared variables.

Reading

JavaScript Use Strict
Strict mode

topics: software engineering, level: 100

What is DTAP in the context of software testing and deployment?

Please select exactly one correct alternative.

The acronym DTAP is short for Deployment of Testing, Acceptance and Production software. It is a rather common acronym in ICT expressing a phased method of software deployment. The acronym DTAP is short for Development, Testing, Acceptance and Production. It is a rather common acronym in ICT expressing a phased approach of software testing and deployment. The acronym DTAP is short for Development, Testing, Acceptance and Production. It is a rather common acronym in ICT expressing a type of hardware stack technology. The acronym DTAP is short for Development Tools for Acceptance and Production. It is a rather common acronym in ICT expressing a collection of tools for Acceptence testing and End user support (in the Production environment). None of the above.

Answer

The acronym DTAP is short for Development, Testing, Acceptance and Production. It is a rather common acronym in ICT expressing a phased approach of software testing and deployment.

Reading

Development, testing, acceptance and production

topics: software engineering, level: 100

Which are valid principles in Agile Software Development according to the Manifesto for Agile Software Development?

Please select exactly one or more correct alternatives.

Answer

The Manifesto for Agile Software Development is based on twelve principles:

Customer satisfaction by early and continuous delivery of valuable software
Welcome changing requirements, even in late development
Working software is delivered frequently (weeks rather than months)
Close, daily cooperation between business people and developers
Projects are built around motivated individuals, who should be trusted
Face-to-face conversation is the best form of communication (co-location)
Working software is the primary measure of progress
Sustainable development, able to maintain a constant pace
Continuous attention to technical excellence and good design
Simplicity - the art of maximizing the amount of work not done - is essential
Best architectures, requirements, and designs emerge from self-organizing teams
Regularly, the team reflects on how to become more effective, and adjusts accordingly

Reading

Advanced Message Queuing Protocol

topics: software engineering,architecture, level: 100

Which statements are correct on MQTT?

Select none, one or more of the given statements.

Please select exactly one or more correct alternatives.

MQTT stands for: "MQ Telemetry Transport". MQTT works on top of the UDP protocol. MQTT is an ISO standard (ISO/IEC PRF 20922) publish-subscribe-based messaging protocol. MQTT works on top of the TCP/IP protocol. MQTT is designed for connections with remote locations where a "small code footprint" is required or the network bandwidth is limited. MQTT works on top of the https protocol. MQTT stands for: "Message Queuing Telemetry Transport" MQTT stands for: "Message Queuing Telemetry Technology"

Answer

MQTT (MQ Telemetry Transport or Message Queuing Telemetry Transport) is an ISO standard (ISO/IEC PRF 20922) publish-subscribe-based messaging protocol. It works on top of the TCP/IP protocol. It is designed for connections with remote locations where a "small code footprint" is required or the network bandwidth is limited. The publish-subscribe messaging pattern requires a message broker.

Reading

MQTT

topics: software engineering, level: 100

What best describes Requirements engineering?

Please select exactly one correct alternative.

Requirements engineering (RE) refers to the process of defining, documenting and maintaining requirements in the engineering design process. It is a common role in systems engineering and software engineering. Requirements engineering (RE) refers to the process of creating requirements in the engineering design process. It is a common role in systems engineering and software engineering. Requirements engineering (RE) refers to the process of defining epics and user stories in SCRUM/AGILE. It is a common role in systems engineering and software engineering. None of the above.

Answer

Requirements engineering (RE) refers to the process of defining, documenting and maintaining requirements in the engineering design process. It is a common role in systems engineering and software engineering.

Reference (computer science)

Project portfolio management

Abstraction principle (computer programming)

Message queuing service

topics: software engineering|paradigm, level: 100

Which are common programming paradigms?

Please select exactly one or more correct alternatives.

Answer

Common programming paradigms include:
imperative which allows side effects,
functional which disallows side effects,
declarative which does not state the order in which operations execute,
object-oriented which groups code together with the state the code modifies,
procedural which groups code into functions,
logic which has a particular style of execution model coupled to a particular style of syntax and grammar symbolic programming which has a particular style of syntax and grammar.
semantic-oriented programming in which the programmer formulizes the logic of a domain by means of semantic structures.

Reading

Programming paradigm

topics: html|form, level: 100

Which are valid input field restrictions in HTML?

Please select exactly one or more correct alternatives.

disabled

max

maxlength

min

Answer

disabled, max, maxlength, min Are all valid input restrictions.

Reading

HTML Input Types

topics: html|form, level: 100

Which are valid input field restrictions in HTML?

Please select exactly one or more correct alternatives.

writeable

readonly

length

size

Answer

readonly and size Are valid input restrictions.

Reading

HTML Input Types

topics: html|form, level: 100

Which are valid input field restrictions in HTML?

Please select exactly one or more correct alternatives.

pattern

format

required

forbidden

Answer

pattern and required Are valid input restrictions.

Reading

HTML Input Types

topics: html|form, level: 100

Which are valid input field restrictions in HTML?

Please select exactly one or more correct alternatives.

step

value

val

locked

Answer

step and value Are valid input restrictions.

Reading

HTML Input Types

topics: html|form, level: 100

What does step mean as an input field restrictions in HTML?

Please select exactly one correct alternative.

step

Specifies the legal number intervals for a text field.

step

Specifies the legal float intervals for an input field.

step

Specifies the legal number intervals for an input field. None of the above.

Answer

step Specifies the legal number intervals for an input field.

Reading

HTML Input Types

topics: javascript|expressions, level: 100

What value is valid considering the pattern

"/\d{3,4}/g"

?

Please select exactly one correct alternative.

1 10 100 None of the above.

Answer

The expression checks for number strings of 3 to 4 digits.

Reading

JavaScript Regular Expressions

topics: javascript|functions, level: 100

What is a self invoked function?

Please select exactly one correct alternative.

A function that is stored within a JavaScript variable. A function that is automatically called when loaded. A self invoked function does not exist in the JavaScript context. None of the above.

Answer

A self invoked function is a function that is stored within a JavaScript variable.

Reading

JavaScript Function Definitions

topics: sharepoint, level: 100

What will the following actions result into?

Suppose you fill nagivate to the following web address in your browser:

http://<site url>/_api/web/lists

(in which

<site url>

Which operations are valid HTTP REST operations for SharePoint 2013?

Please select exactly one or more correct alternatives.

Answer

CREATE and UPDATE are no HTTP operations.

Reading

Complete basic operations using SharePoint 2013 REST endpoints

topics: sharepoint|api, level: 100

Which of the API choices below are valid?

Please select exactly one or more correct alternatives.

The .NET Framework client object model for a .NET Framework application that performs CRUD operations on SharePoint data. The Server object model for a LAMP web application. The Server object model for a custom Windows PowerShell command. REST/OData endpoints for a LAMP web application that performs CRUD operations on SharePoint data.

Answer

You cannot use the the Server object model for a client side and non Microsoft technology stacks like LAMP.

SharePoint Add-ins

OData - the best way to REST

topics: javascript|expressions, level: 100

What value is valid considering the pattern

"/\d{3,4}/g"

?

Please select exactly one correct alternative.

1 10 100 None of the above.

Answer

The expression checks for number strings of 3 to 4 digits.

Reading

JavaScript Regular Expressions

topics: javascript, level: 100

What is the difference between

split()

and

splice()

?

Please select exactly one correct alternative.

split()

operates on strings and

splice()

operates on arrays.

split()

operates on arrays and

splice()

operates on strings.

splice()

and

split()

perform exactly the same operation. None of the above.

Answer

split()

operates on strings and

splice()

operates on arrays.

Reading

Array.prototype.splice()
String.prototype.split()

topics: javascript|external scripts, level: 100

How does your browser handle this?

How does your browser handle an external JavaScript when neither defer nor asyn is present in

<script src="myscript.js"></script>

?

Please select exactly one correct alternative.

The script is fetched and executed after the browser has finished parsing the page. The script is fetched and executed immediately, before the browser continues parsing the page. The script is fetched but not executed, immediately, before the browser starts parsing the page. None of the above.

Answer

If neither async or defer is present: The script is fetched and executed immediately, before the browser continues parsing the page.

Reading

HTML <script> async Attribute
HTML <script> defer Attribute

topics: javascript, level: 100

What is

async

used for?

What is

async

in

<script src="myscript.js" async></script>

used for?

Please select exactly one correct alternative.

The script is executed asynchronously with the rest of the page (the script will be executed while the page continues the parsing). The script is executed synchronously with the rest of the page (the script will be executed after the page finished parsing). The script is executed synchronously with the rest of the page (the script will be executed before the page finished parsing). None of the above.

Answer

async

Indicated that the script is executed asynchronously with the rest of the page (the script will be executed while the page continues the parsing).

Reading

HTML <script> async Attribute

topics: javascript, level: 100

What will this code do?

Consider the following code:

<script>

 myFunction();
 
    function myFunction() {
        alert(vMyVar);
    }
 
    var vMyVar = "Hello HansR!";

</script>

What will this result into?

Please select exactly one correct alternative.

It gives an alert "Hello HansR!" It gives an alert "undefined" It throws an error: "ReferenceError: vMyVar is not defined" None of the above.

Answer

The variable has not been given a value before you used it, so the value is undefined.

Reading

JavaScript Scope

topics: javascript, level: 100

What will this code do?

Consider the following code:

<script>

    vMyVar = "Hello HansR!";
 
 myFunction();
 
    function myFunction() {
        alert(vMyVar);
    }

</script>

What will this result into?

Please select exactly one correct alternative.

It gives an alert "Hello HansR!" It gives an alert "undefined" It throws an error: "ReferenceError: vMyVar is not defined" None of the above.

Answer

You correctly declared the variable and have given it a value. So it will display this value.

Reading

JavaScript Scope

topics: javascript, level: 100

What will this code do?

Consider the following code:

<script>

    function myFunction() {
        vMyVar = "Hello HansR!";
    }
    
    alert(vMyVar);

</script>

What will this result into?

Please select exactly one correct alternative.

It gives an alert "Hello HansR!" It gives an alert "undefined" It throws an error: "ReferenceError: vMyVar is not defined" None of the above.

Answer

You have not defined the variable, so your browser will throw an error on it.

Reading

JavaScript Scope

topics: javascript, level: 100

What is

defer

used for?

What is

defer

in

<script src="myscript.js" defer></script>

used for?

Please select exactly one correct alternative.

It indicates that the script will run only after you use a function that has been defined in it. It indicates that the script will run before the page loads. It indicates that the script will not run until after the page has been loaded. None of the above.

Answer

defer

SEND is not a valid HTTP request.

Reading

HTTP Methods: GET vs. POST

topics: javascript|variables, level: 100

What does the

unshift()

Why should you use

font-size

in

em

instead of pixels?

Please select exactly one correct alternative.

To let the users resize the text in the browser menu themselves. To withhold the users resize the text in the browser menu themselves. To fix the font size to 32 pixels. None of the above.

Answer

You use em to allow the user to resize the text in the browser menu themselves. 1em is the same as the current font size.

Reading

CSS Fonts

topics: css,css|fonts, level: 100

Which of the following code fragments are correct?

Please select exactly one or more correct alternatives.

font-size: 5px;

font-size: 1.75px;

font-size: 0,75em;

font-size: 0.75em;

Answer

1.75px is wrong because the amount of pixels can only be expressed in integer values. 0,75em is false because you have to use . instead of , for decimal values.

Reading

CSS Fonts

topics: css,css|fonts, level: 100

Which alternative gives valid font variants?

Please select exactly one correct alternative.

normal

,

large-caps

,

initial

,

inherit

normal

,

small-caps

,

initial

,

inherit

normal

,

small-caps

,

initial

normal

,

small-caps

,

inherit

Answer

normal, small-caps, initial, inherit Are valid font variants.

Reading

CSS font-variant Property

topics: css,css|margin,css|padding, level: 100

Which of the following statements below are true?

Please select exactly one or more correct alternatives.

The margin doesn't have a background color; it is transparent. The padding clears an area around the content of an element (inside the border). The padding is affected by the background color of the element. The margin has a background color. The margin is affected by the background color of the element. The padding clears an area outside the border of an element. The padding is affected by the background color of the element.

Answer

The margin does not have a background color, and is completely transparent. The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.

Reading

CSS Padding

topics: css|text, level: 100

Which style should you use?

Please select exactly one correct alternative.

div  {
   text-transform : italic;
   font-style: capitalize;
   color: red; 
}

div  {
   text-transform : capitalize;
   font-style: italic;
   color: red; 
}

div  {
   text-transform : capitalize;
   font: italic;
   font-color: red; 
}

div  {
   text-transform : italic;
   font-style: capitalize;
   font-color: red; 
}

Answer

See the correct answer above.

Reading

No resources given.

topics: css, level: 100

What is the correct way to use the external mystyle.css file (located in de css subfolder) in your HTML file?

Please select exactly one correct alternative.

<link rel="stylesheet" src="css/mystyle.css">

<link rel="stylesheet" href="css/mystyle.css">

<link rel="stylesheet" href="mystyle.css">

<style type="stylesheet" href="css/mystyle.css">

<style type="stylesheet" src="mystyle.css">

push()

method. The

unshift()

method. The

shift()

method. None of the above.

Answer

The push() method adds new items to the end of an array.

Reading

JavaScript Array push() Method

topics: angularjs|scope, level: 100

What is the purpose of

$watch()

What does

$setValidity()

do?

Please select exactly one correct alternative.

It sets an error code indicating that an HTML input field had an invalid value. It sets a flag indicating that an HTML input field had an invalid value. Change the validity state, and notify the form. None of the above.

Answer

It changes the validity state, and notify the form.This method can be called within $parsers/$formatters or a custom validation implementation.

Reading

ngModel.NgModelController

topics: angularjs|scope, level: 100

What is meant by

$$phase

?

Please select exactly one correct alternative.

A method that AngularJS uses to start the digest cycle. A flag that AngularJS sets during the digest cycle. There is no such thing as $$phase None of the above.

Answer

A method that AngularJS uses to start the digest cycle.

Reading

What is $$phase in AngularJS?

topics: angularjs|scope, level: 100

Why should you use $scope variables instead of regular JavaScript (var) variables?

Please select exactly one correct alternative.

Because AngularJS keeps track of $scope variables. Because AngularJS links $scope variables to the DOM object model. There really is no special reason for that. None of the above.

Answer

Because AngularJS keeps track of $scope variables.

Reading

What are Scopes?

topics: angularjs|scope, level: 100

What are differences between

$scope

and

$rootScope

?

Please select exactly one or more correct alternatives.

Each Angular application has exactly one root scope, but may have several child scopes. Each Angular application has one root scope for each controller. When Angular evaluates

{{name}}

In AngularJS "services" are built in Angular (JavaScript) functions. In AngularJS "services" are JavaScript functions that call Ajax services. In AngularJS "services" are the Singleton objects or functions that are used for carrying out specific tasks. In AngularJS "services" are JavaScript functions that call web services.

Answer

In AngularJS "services" are the Singleton objects or functions that are used for carrying out specific tasks. It holds some business logic and these function can be called as controllers, directive, filters and so on.

Reading

Answer

Processes all of the watchers of the current scope and its children.

Reading

$rootScope.Scope

topics: angularjs|scope, level: 100

What is the purpose of

$apply

?

Please select exactly one correct alternative.

$apply()

is used to execute an expression in angular from outside of the AngularJS framework.

$apply()

is used to execute an expression in angular from inside of the AngularJS framework.

$apply()

does not exist in AngularJS. None of the above.

Answer

$apply() is used to execute an expression in angular from outside of the angular framework.

Reading

$rootScope.Scope

topics: jquery, jquery|selectors, level: 100

Which of the following statements are true?

Please select exactly one or more correct alternatives.

$("[title*='HansR']")

selects all elements with the attribute title containing the value "HansR".

$("[title+='HansR']")

selects all elements with the attribute title containing the value "HansR".

$("[title='*HansR*']")

selects all elements with the attribute title containing the value "HansR".

$("[title='HansR*']")

selects all elements with the attribute title containing the value "HansR".

Answer

Please see the correct answer above.

Reading

Category: Selectors
jQuery Selectors

topics: jquery, jquery|selectors, level: 100

Which of the following statements are true?

Please select exactly one or more correct alternatives.

$(":'file'")

selects all input elements of type "file" (type="file").

$(":submit")

selects all input elements of type "submit" (type="submit", e.g. for submitting a form).

$(":checkbox")

selects all input elements of type "checkbox" (e.g. checkboxes in a form).

$(":radio")

selects all input elements of type "radio" (e.g. radio buttons in a form).

$(":password")

selects all input elements of type "password" (e.g. password fields in a form).

Answer

Please see the correct answer above.

Reading

Category: Selectors
jQuery Selectors

topics: jquery,html5,javascript, level: 100

Which of the following is true about Drag and Drop?

Please select exactly one correct alternative.

For drag-and-drop you need to use jQuery Drag-and-drop can be done completely with HTML5 For drag-and-drop you need a combination of JavaScript with jQuery For drag-and-drop you need a combination of JavaScript with HTML5

Answer

Please see the correct answer above.

Reading

HTML5 Drag and Drop

topics: jquery, level: 100

Which of the following statements describes the right way to accomplish this?

Please select exactly one correct alternative.

var formData = $("myForm").get();

var formData = $("myForm").collect();

var formData = $("myForm").gather();

var formData = $("myForm").serialize();

var formData = $("myForm").query();

var formData = $("myForm").getURL();

Answer

Please see the correct answer above.

Reading

No resources given.

topics: jquery, level: 100

How can jQuery be described?

Please select exactly one correct alternative.

jQuery is a cross-platform .NET library designed to simplify client-side (browser) programming. jQuery is a cross-platform Java library designed to simplify client-side (browser) programming. jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. None of the above.

Answer

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

Reading

jQuery

topics: json,json|array, level: 100

Is the code below valid for declaring a JSON array?

Given the following code snippet:

$scope.vApplicationAreas = [ 
 { "name" : "Business Intelligence" },
 { "name" : "Social" },
 { "name" : "Samenwerken en kennis delen", [
  { "name" : "Document Management" },
  { "name" : "Information publishing" }
 ]},
 { "name" : "Productivity", [
  { "name" : "Mail" },
  { "name" : "Agenda" },
  { "name" : "Search" },
  { "name" : "Samengestelde toepassingen" }
 ]},
];

Is the code below valid for declaring a JSON array?

Please select exactly one correct alternative.

Yes No

Answer

In the code fragment above, we've forgotten to give the arrays a name. Please see the correct code below:

$scope.vApplicationAreas = [ 
 { "name" : "Business Intelligence" },
 { "name" : "Social" },
 { "name" : "Samenwerken en kennis delen", "children" : [
  { "name" : "Document Management" },
  { "name" : "Information publishing" }
 ]},
 { "name" : "Productivity", "children" : [
  { "name" : "Mail" },
  { "name" : "Agenda" },
  { "name" : "Search" },
  { "name" : "Samengestelde toepassingen" }
 ]},
];

Reading

JSON Arrays

topics: json,json|array, level: 100

Is the code below valid for declaring a JSON array?

Given the following code snippet:

var vMyArray = [ 
 { "first" : "HansR", "last" : "ontheWeb" },
 { "first" : "John", "last" : "Doe" }
];

How can you put comments into your JSON file?

Please select exactly one correct alternative.

/* My comments here */

// My comments here

<!-- My comments here -->

You cannot put comments into JSON files. None of the above.

Answer

You cannot put comments into JSON files.

Reading

No resources given.

topics: angularjs|scope, level: 100

What are differences between

$apply

and

$digest

?

Please select exactly one correct alternative.

On

$digest

, AngularJS evaluates the scope model. On

$apply

, AngularJS triggers a $digest cycle. On

$apply

, AngularJS evaluates the scope model. On

$digest

, AngularJS triggers an $apply cycle.

$apply

and

$digest

do exactly the same. None of the above.

Answer

On $digest, AngularJS evaluates the scope model. On $apply, AngularJS triggers a $digest cycle. If an expression is passed to $apply(), it is evaluated first, before $digest() is executed.

Reading

$apply and $digest Explored

topics: angularjs, level: 100

What is the difference between linking and compiling in AngularJS?

Please select exactly one correct alternative.

The compile function is used for template DOM manipulation and collect all of the directives. The link function is used for registering DOM listeners as well as instance DOM manipulation. It is executed once after the template has been cloned. The compile function is used for template DOM manipulation and collect all of the directives. The link function is used for registering DOM nodes as well as instance DOM manipulation. It is executed once after the template has been cloned. The compile function is used for template DOM manipulation and collect all of the directives. The link function is used for registering DOM listeners as well as instance DOM manipulation. It is executed once before the template has been cloned. None of the above.

Answer

The compile function is used for template DOM manipulation and collect all of the directives. The link function is used for registering DOM listeners as well as instance DOM manipulation. It is executed once the template has been cloned.

Reading

No resources given.

topics: javascript, level: 100

Which statements are correct on

null

,

empty

and

undefined

in JavaScript?

Please select exactly one or more correct alternatives.

undefined

means a variable has been declared but has not yet been assigned a value.

null

is an assignment value. It can be assigned to a variable as a representation of no value.

undefined

and

null

are two distinct types.

null

is an object

null

is the same as 0.

empty

is the same as undefined.

empty

is not defined in JavaScript.

Answer

Please see the correct answer above.

Reading

No resources given.

topics: sharepoint|service application, level: 100

What is a Service Application?

Please select exactly one correct alternative.

A physical representation of a given service. A logical representation of a given service, and its security and management configuration which defines its operational behavior. A standard SharePoint Web Service. None of the above.

Answer

A Service Application is a logical representation of a given service, and its security and management configuration which defines its operational behavior.

Reading

Understanding multi-tenancy in SharePoint Server 2013

topics: sharepoint|service application, level: 100

What are good examples of SharePoint 2013 Service Applications?

Please select exactly one or more correct alternatives.

Answer

Ony the RSS Channel Service is not a SharePoint Service Applications. You can use RSS within SharePoint however.

Reading

SharePoint 2013: Service Applications list

topics: angularjs,angularjs|promise, level: 100

What is an AngularJS promise?

Please select exactly one correct alternative.

The internal name of the AngularJS v2 version. A pattern for handling asynchronous operations. A pattern for handling ftp calls. None of the above.

Answer

An AngularJS promise (or just a JavaScript promise) is a way for handling asynchronous operations.

Reading

Promises in AngularJS, Explained as a Cartoon
Deferred and Promise
Promise

topics: angularjs,angularjs|directives, level: 100

What is the default behaviour of the

ng-init

directive?

Please select exactly one correct alternative.

The

ng-init

directive initializes controller data. The

ng-init

directive initializes application data. The

ng-init

directive initializes model data. None of the above.

Answer

The ng-init directive initializes application data.

Reading

AngularJS Directives

topics: angularjs,angular|scope, level: 100

Which of the statements below are correct on AngularJS scopes?

Please select exactly one or more correct alternatives.

An AngularJS application consist of one (1) root scope. An AngularJS application consist of one or more root scopes. An AngularJS application can have multiple child scopes. An AngularJS application's child scope can have multiple parent scopes.

Answer

Each AngularJS application consist of one (1) root scope but may have several child scopes. As child controllers and some directives create new child scopes, the application can have multiple scopes. When new scopes are formed or created, they are added as a children of their parent scope. This is similar to DOM in which a hierarchical structure can be created as well.

Reading

No resources given.

topics: angularjs,angular|dependencies, level: 100

In what way(s), an object or function can get a hold of its dependencies?

Please select exactly one or more correct alternatives.

Typically using the new operator, a dependency can be created. Typically using the

create()

method, a dependency can be created. A dependency can be passed into where ever it is required. A dependency can be passed into functions where it is required. By referring to a global variable, a dependency can be looked up.

Answer

These are the ways that object uses to hold of its dependencies:

Typically using the new operator, a dependency can be created.
By referring to a global variable, a dependency can be looked up.
A dependency can be passed into where ever it is required.

Reading

No resources given.

topics: angularjs,angular|scope, level: 100

Which of the statements below on AngularJS scopes are valid?

Please select exactly one or more correct alternatives.

To observe model mutations scopes provide API's (

$watch

). To propagate any model changes through the system into the view from outside of the Angular realm. A scope inherits properties from its parent scope, while providing access to shared model properties, scopes can be nested to isolate application components. To propagate local model changes through the system into the view from inside of the Angular realm. A scope inherits properties from its child scopes, while providing access to shared model properties, scopes can be nested to isolate application components. Scope provides context against which expressions are evaluated. Scope provides context against which variables are evaluated.

Answer

Please read the documentation mentioned in the resources.

Reading

Angular form

topics: angularjs,angular|css, level: 100

Which of the statements below on CSS classes added to AngularJS forms are valid?

Please select exactly one or more correct alternatives.

ng-valid

is set if the form is valid.

ng-empty

is set if the form is empty.

ng-invalid

is set if the form is invalid.

ng-pristine

is set if the form is pristine.

ng-undo

is set if the form field values are undone (set to their previous values).

ng-dirty

is set if the form is dirty.

ng-submitted

is set if the form was submitted.

Answer

AngularJS ngModel adds these CSS classes to allow styling of form as well as control:

ng-valid is set if the form is valid.
ng-invalid is set if the form is invalid.
ng-pristine is set if the form is pristine.
ng-dirty is set if the form is dirty.
ng-submitted is set if the form was submitted.

Reading

Angular form

topics: angularjs,angularjs|patterns, level: 100

What is Dependency Injection?

Please select exactly one correct alternative.

Dependency Injection (DI) is a software design pattern that deals with how services get hold of their dependencies. Dependency Injection (DI) is a software design pattern that deals with how variables get hold of their dependencies. Dependency Injection (DI) is a software design pattern that deals with how components get hold of their dependencies. None of the above.

Answer

Dependency Injection (DI) is a software design pattern that deals with how components get hold of their dependencies. The Angular injector subsystem is in charge of creating components, resolving their dependencies, and providing them to other components as requested.

Reading

Dependency Injection (AngularJS)
Dependency Injection

topics: angularjs,angular|factories, level: 100

What is the factory method in AngularJS?

Please select exactly one correct alternative.

For creating a link, the factory method is used. It is invoked only once, when compiler matches the directive for the first time. By using

$injector.invoke

the factory method is invoked. For creating a directive, the factory method is used. It is invoked twice (beore and after) the compiler matches the directive. By using

$injector.invoke

the factory method is invoked. For creating a directive, the factory method is used. It is invoked only once, when compiler matches the directive for the first time. By using

$injector.invoke

the factory method is invoked. None of the above.

Answer

For creating a directive, the factory method is used. It is invoked only once, when compiler matches the directive for the first time. By using $injector.invoke the factory method is invoked.

Reading

Dependency Injection

topics: html|forms, level: 100

Does

min="0" max="100" step="10"

work without

min

?

Please select exactly one correct alternative.

No. Yes. In IE is works, in Chrome it does not work. None of the above.

Answer

min="0" max="100" step="10" does not work without defining min.

Reading

HTML input step attribute

topics: angularjs,angular|directives, level: 100

Which of the statements on AngularJS Directives below are correct?

Please select exactly one or more correct alternatives.

The ng-app directive defines an AngularJS application. The ng-model directive binds the value of HTML controls (like input, select and textarea) to application data. The ng-bind directive binds application data to the HTML view. The ng-init directive initialize AngularJS application variables. The ng-repeat directive instantiates a template once per item from a collection. The ng-Show directive shows or hides a given HTML element based on the expression provided to the ngShow attribute.

Answer

All statements on AngularJS Directives are correct.

Reading

AngularJS Introduction

topics: angularjs,angular|compiler, level: 100

What is the purpose of the AngularJS

$injector

service?

Please select exactly one correct alternative.

$injector

is used to retrieve variable instances as defined by provider, instantiate types, invoke methods, and load modules.

$injector

is used to retrieve object declarations as defined by provider, instantiate types, invoke methods, and load modules.

$injector

is used to retrieve object instances as defined by provider, instantiate types, invoke methods, and load modules. None of the above.

Answer

The $injector service is used to retrieve object instances as defined by provider, instantiate types, invoke methods, and load modules.

Reading

$injector

topics: angularjs,angular|scope, level: 100

What is meant by "scope" in AngularJS?

Please select exactly one correct alternative.

Scope refers to the application model. Like glue between the application's controller and the view, scopes are arranged in a hierarchical structure. It can watch expressions and propagate events. Scope refers to the locations in the application structure where variable values are valid. Scope refers to the view model. Like glue between the application's model and the controller, scopes are arranged in a hierarchical structure. It can set values and propagate events. Scope refers to the JavaScript library that AngularJS is using. AngularJS variables are valid only within this library.

Answer

Scope refers to the application model. It acts like glue between application controller and the view. Scopes are arranged in hierarchical structure and impersonate the Document Object Model (DOM) structure of the application. It can watch expressions and propagate events.

Reading

Answer

Reading

$interpolate

topics: angularjs,angular|routing, level: 100

What is the purpose of AngularJS routes?

Please select exactly one correct alternative.

AngularJS routing enables to create different URLs for different content in your web application. AngularJS routing is the same as program flow in JavaScript. AngularJS routing enables to create different web sites for different content in your web application. None of the above.

Answer

AngularJS routing enables to create different URLs for different content in your web application. Each URL in AngularJS is called a route. Having different URLs for different content enables the user to bookmark URLs to specific content, and share those URLs with others, for example:

http://angularsap.nl/index.html#contact
http://angularsap.nl/index.html#news
http://angularsap.nl/index.html#people

Reading

Understanding multi-tenancy in SharePoint Server 2013

topics: html|forms, level: 100

What are valid input types for input fields in HTML?

Please select exactly one or more correct alternatives.

date

,

color

,

range

,

month

,

week

,

time

time

,

datetime

,

datetime-local

,

datetime-CET

datetime-local

,

email

,

search

,

tel

search

,

tel

,

uri

Answer

date, color, range, month, week, time, datetime, datetime-local, datetime-local, email, search, tel and url Are valid input types.

Reading

HTML Input Attributes

topics: javascript|timing, level: 100

What is the difference between

setTimeout

and

setInterval

?

Please select exactly one correct alternative.

setTimeout Execute a given function once and setInterval schedules a repeating execution of that function. setInterval Execute a given function once and setTimeout schedules a repeating execution of that function. Both setInterval and setTimeout do exactly the same: schedule a repeating execution of a given function. None of the above.

Answer

Both functions execute a given function in a given time. But setTimeout only executes this function once, while setInterval schedules a repeating execution.

Reading

Understanding timers: setTimeout and setInterval

topics: javascript, level: 100

What is the

splice()

function used for?

Please select exactly one correct alternative.

The splice() method changes the content of a string by removing existing elements and/or adding new elements. The splice() method changes the content of an array by removing existing elements and/or adding new elements. The splice() method splits a string into an array of elements using divider characters, like ',', in the source string. None of the above.

Answer

The splice() method changes the content of an array by removing existing elements and/or adding new elements, as in the example below.

var vMyArray = ["First", "Second", "Third"];
vMyArray.splice(2, 0, "New third", "New fourth");

The result of vMyArray will be:

First,Second,New third,New fourth,Third

Reading

JavaScript Array splice() Method

topics: css,css|border, level: 100

What property of the div element is set with the 5px value in the given CSS code fragment?

Given the following code snippet:

div {
   box-shadow: 5px 10px 15px #ff00ff;
}

What property of the div element is set with the 5px value in the CSS code fragment below?

Please select exactly one correct alternative.

The is the position of the vertical shadow of the div element. The is the position of the horizontal shadow of the div element. The blur distance of the shadow of the div element. None of the above.

Answer

In shadowing an element, the following syntax is used:

 box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

h-shadow (a required parameter) is the position of the horizontal shadow. Negative values are allowed.

Reading

CSS3 box-shadow Property

topics: css,css|text,css|texteffects, level: 100

What is the correct way of forcing text to keep on one (1) line?

Please select exactly one or more correct alternatives.

space: nowrap;

nowrap;

white-space: nowrap;

white-space: nowrap;

Answer

white-space: nowrap;

An AngularJS promise (or just a JavaScript promise) is a way for handling asynchronous operations.

Reading

Promise

topics: javascript|array, level: 100

Which method should you use when you want to delete an entry in a JavaScript array?

Please select exactly one correct alternative.

Answer

Please see the correct answer above.

Reading

No resources given.

topics: javascript, level: 100

How can you minimize the global namespace pollution in JavaScript?

Please select exactly one correct alternative.

By using the "namespace" keyword and define your variables within that namespace. By using a prefix followed by an underscore in-front of your variable names. By creating an Singleton Object and define your variables as member of that object. By using uppercase for all your variable names.

Answer

Please see the correct answer above.

Reading

No resources given.

topics: javascript|output, level: 100

Which of the following statements are correct on JavaScript output functions?

Please select exactly one or more correct alternatives.

The

window.alert

function writes text to a popup window. The

document.write

function writes text to the HTML output. The

console.log

function writes text to the browser console. The

console.log

function writes text to the browser console, except in IE, which gives an error message.

Answer

Please see the correct answer above.
When using the

console.log

function in IE, please make sure that the console has been opened first. If not, IS will give an error message.

Reading

JavaScript Output

topics: javascript, level: 100

Which of the below are correct statements on JavaScript?

Please select exactly one or more correct alternatives.

JavaScript is a dynamic computer programming language. JavaScript is a language for client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. JavaScript is a variant of the Java programming language. JavaScript needs to be compiled before usage in web pages.

Answer

You can use the sites below to learn about this topic.

Reading

JavaScript

topics: css,css|border, level: 100

Which of the border-style values below are not valid?

Please select exactly one or more correct alternatives.

border-style: solid, dashed;

border-style: grooved;

border-style: ridged;

border-style: hidden;

Answer

See the correct answers above.

Reading

CSS Border

topics: javascript|timing, level: 100

Why is it not recommended to have many setInterval / setTimeout at the same time?

Please select exactly one correct alternative.

They cost a lot of CPU time. This could make your browser slow. They cost a lot of memory. This could make your machine slow. They cost a lot of diskspace. This could make your machine crash. None of the above.

Answer

They cost a lot of CPU time. This could make your browser slow. Ofcourse, this depends on the processing power of your machine. In general, mobile devices are slower than e.g. desktop devices. It is preferred that a single setInterval / setTimeout call manages multiple animations.

Reading

Understanding timers: setTimeout and setInterval

topics: css,css|box model, level: 100

Which of the statements below are correct on the CSS box model?

The CSS box model is a box that wraps around HTML elements. It consists of the actual content, surrounded by margins, borders and padding.

Which of the statements below are correct?

Please select exactly one or more correct alternatives.

The box directly surrounding the content is the padding. The box directly surrounding the content is the margin. The box directly surrounding the padding is the border. The box directly surrounding the border is the margin.

Answer

In the CSS box model, the correct order of the boxes around the content is: padding, border, margin.

Reading

The CSS Box Model

topics: javascript|syntax, level: 100

What are advantages of putting your JavaScript code into an external .js file?

Please select exactly one or more correct alternatives.

Cached JavaScript files can speed up page loads. It separates HTML and code. It makes HTML and JavaScript easier to read and maintain. JavaScript will be processed much faster.

Answer

Placing JavaScripts in external files has some advantages:

It separates HTML and code.
It makes HTML and JavaScript easier to read and maintain.
Cached JavaScript files can speed up page loads.

Reading

JavaScript Where To

topics: javascript|syntax, level: 100

Which are correct examples for comments in JavaScript?

Please select exactly one or more correct alternatives.

// This is a comment.

<!--> This is a comment. <-->

<!-- This is a comment. -->

<% This is a comment. %>

/* This is a comment. */

Answer

Comments can be placed in between  or after // in JavaScript.

Reading

JavaScript Comments

topics: html|form, level: 100

Which of the following is NOT a valid type attribute in

<input type="...">

?

Please select exactly one correct alternative.

Answer

Please see the answer above.

Reading

No resources given.

topics: html|form, level: 100

What will happen when the user clicks the RESET button inside the form "two" element?

Please select exactly one correct alternative.

Nothing in most off the browsers. The fields of form "one" are cleared. The fields of form "two" are cleared. All fields of forms "one" and "two" are cleared.

Answer

Please see the answer above.

Reading

No resources given.

topics: html|form, level: 100

With which of the following elements can you submit a

<form>

element?

Please select exactly one correct alternative.

<button type="submit" name="submitButton">Submit</button>

<input type="submit" name="submitButton" value="Submit" />

<input type="image" src="/images/submit.jpg" alt="Submit" />

All of the above

None of the above

Answer

Please see the answer above.

Reading

No resources given.

topics: html|form, level: 100

With which HTML code can you accomplish the goal?

Consider the following HTML:

<body>
   <select>
      <option value="E">One</option>
      <option value="T">Two</option>
      <option value="D">Three</option>
      <option value="V">Four</option>
   </select>
</body>

With which HTML code can you accomplish that option "Two" is the initial chosen value when this drop-down list is displayed?

Please select exactly one correct alternative.

Answer

Please see the answer above.

Reading

No resources given.

topics: html,html|elements, level: 100

Is the following code valid?

Please select exactly one correct alternative.

Yes,

<br/>

is an empty element without a closing tag. No, even though

<br/>

is an empty element without a closing tag, strict validation requires it to be closed. You should never place a

<br/>

after an

<h1>

tag. None of the above.

Answer

Yes, <br/> is an empty element without a closing tag. If you, however, want to write strict HTML code, you should close it with </br>.

Reading

HTML Elements

topics: html,html|attributes, level: 100

What is the alt attribute used for, e.g. in an image (

img

) tag?

Please select exactly one correct alternative.

The alt attribute specifies an hovered text that is displayed with embedded objects (e.g. Java or Flash objects). The alt attribute specifies an hovered text that is displayed with images (img). The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed. None of the above.

Answer

The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed.

Reading

HTML Attributes

topics: html,html|text,html|semantics, level: 100

Which of the following alternatives makes your text bold?

Please select exactly one or more correct alternatives.

font-weight: boldest;

<b>This is my text</b>

<strong>This is my text</strong>

<em>This is my text</em>

Answer

"boldest" Is not a valid value for font-weight. Both "strong" and "em" adds so called "semantic importance" to the text. This is not specifically a style, but means that the text is "important".

Reading

HTML Text Formatting Elements
CSS font-weight Property

topics: html,html|lists, level: 100

In HTML, what is the difference between lists using

<ul>

and lists using

<ol>

?

Please select exactly one or more correct alternatives.

<ol>

is used in unordered lists, in which list items are marked with bullets,

<ul>

is used in ordered lists, in which items are marked with numbers or letters.

<ul>

is used in unordered lists, in which list items are marked with bullets,

<ol>

is used in ordered lists, in which items are marked with numbers or letters. Both

<ul>

and

<ol>

have the same meaning. None of the above.

Answer

Please see the answer above.

Reading

HTML Lists

topics: javascript, level: 100

Which code fragment presents a correct way to walk through an array?

Please select exactly one correct alternative.

for (vIndex = 1; vIndex <= vArray.length; ++vIndex) {}

for (vIndex = 0; vIndex < vArray.length; ++vIndex) {}

for (vIndex = 0; vIndex <= vArray.length; ++vIndex) {}

for (vIndex = 1; vIndex < vArray.length; ++vIndex) {}

None of the above.

Answer

Array indices go from 0 to length - 1 in JavaScript.

Reading

JavaScript Arrays

topics: html, level: 100

Which of the following events is based on the drop target?

Please select exactly one correct alternative.

dragstart

dragenter

drag

dragend

Answer

Please see the answer above.

Reading

HTML Drag and Drop API

topics: javascript|libraries, level: 100

What is Modernizr and what is it's purpose?

Please select exactly one correct alternative.

Modernizr is a JavaScript library that automatically optimizes your JavaScript code. Modernizr is a JavaScript library that detects mobile features in the user's browser. Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user's browser. None of the above.

Answer

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user's browser.
Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not.

Reading

http://modernizr.com

topics: css, level: 100

What is the correct way to to put a comment in your external style sheet?

Please select exactly one correct alternative.

<!-- Put your comments here -->

/* Put your comments here */

// Put your comments here

' Put your comments here

Answer

Comments in external and internal style definitions must begin with /* and end with */.

Reading

No resources given.

topics: html|forms, level: 100

What does autocomplete do?

Please select exactly one correct alternative.

The browser automatically complete values based on values that are defined in the HTML code. The browser automatically complete values based on values that the user has entered before. When autocomplete is on, the browser automatically complete values based on values that the user has entered before. None of the above.

Answer

When autocomplete is on, the browser automatically complete values based on values that the user has entered before.

Reading

HTML Input Attributes

topics: html|forms, level: 100

What does the

novalidate

attribute do?

Please select exactly one correct alternative.

novalidate Specifies that input field data should not be validated when submitted. novalidate does not exist in HTML. novalidate Specifies that form data should not be validated when submitted. None of the above.

Answer

The novalidate attribute is a <form> attribute. When present, novalidate specifies that form data should not be validated when submitted.

Reading

HTML Input Attributes

topics: html|forms, level: 100

Which values are valid according to this pattern?

Conside the pattern

"[A-Za-z]{3}"

for an input field.

Which values are valid according to this pattern?

Please select exactly one or more correct alternatives.

AAA aaaa Azz 0aa

Answer

Please see the answers.

Reading

HTML Input Attributes

topics: html, level: 100

What does HTML stand for?

Please select exactly one correct alternative.

Hybrid Text Markup Language Hyper Text Madeup Language Hyperlink and Text Markup Language Hyper Text Markup Language

Answer

HTML stands for Hyper Text Markup Language.

Reading

No resources given.

topics: html,html|text,html|headings, level: 100

Which is the correct HTML tag for the largest heading in HTML?

Please select exactly one correct alternative.

Answer

<h1> is the largest header available. <h6> is much smaller. The <head> tag contains the header text of your web page and is not displayed as content. <heading> and <head> are not valid tags.

Reading

HTML Headings

topics: html,html|elements, level: 100

What does the body part (between

<body>

and

</body>

) of an HTML page contain?

Please select exactly one correct alternative.

All JavaScript code that needs to be ran immediately. The visible part of the HTML document. The structure of the HTML document. None of the above.

Answer

The body part (between <body> and </body>) of an HTML page contains the visible part of the HTML document.

Reading

No resources given.

topics: css|color, level: 100

Which of the standard CSS color names are valid?

Please select exactly one or more correct alternatives.

AliceBlue

BlueViolet

DarkGreen

DarkMargenta

Answer

See the correct answers above.

Reading

CSS Color Names

topics: css|color, level: 100

Which of the following alternatives are true?

Please select exactly one or more correct alternatives.

rgb(0,0,255)

and

rgb(0%,0%,100%)

are equal.

rgb(0, 0, 255)

defines the color red. An HSL color value is defined by the following parameters: hue, saturation and lightness. An HSLA color value is an extension of HSL color values extended with an alpha channel.

Answer

See the correct answers above.

Reading

CSS Legal Color Values

topics: css, level: 100

What is an "alpha channel parameter" in the context of colors?

Please select exactly one correct alternative.

An alpha channel parameter is a text indicating which predefined opacity definition is used. An alpha channel parameter is a number indicating opacity (1.0 for fully transparent and 0.0 for fully opaque). An alpha channel parameter is a number indicating opacity (0.0 for fully transparent and 1.0 for fully opaque). None of the above.

Answer

An alpha channel parameter is a number indicating opacity (0.0 for fully transparent and 1.0 for fully opaque).

Reading

CSS Legal Color Values

topics: css, level: 100

Which of the alternative assertions are true?

Please select exactly one or more correct alternatives.

color: #00f;

has the same effect as

color: #0000ff;

Using

color: rgba(0, 255, 0, "red");

results in a the colour being overridden by blue. Using

color: rgb(255);

on texts results in a red text. Using

color: rgba(0, 255, 0, 0.3);

{ bgcolor: red; }

{ background-color: red; }

{ color: red; }

None of the above.

Answer

The correct property used is background-color. color Changes the text color and bgcolor is not a valid property.

Reading

No resources given.

topics: html, level: 100

Between which events can you use the

DataTransfer

object to pass data?

Please select exactly one correct alternative.

Between the dragstart and the drop event Between the dragstart and the dragend event Between the drag and the drop event Between the drag and the dragend event

Answer

Please see the answer above.

Reading

DataTransfer

topics: css, level: 100

Which of the alternative code fragments in your external CSS sheet is the correct syntax?

Please select exactly one correct alternative.

{ body; color:red; }

{ body:color=black; }

body { color: green; }

body:color=yellow;

Answer

body { color: green; } is written in the correct syntax.

Reading

No resources given.

topics: css, level: 100

Some CSS properties are animatable. What does that mean?

Please select exactly one or more correct alternatives.

It means that these properties can be used in animations. It means that these properties can be used in tables. It means that these properties can be used in transitions. It means that these properties can be used in sprites.

Answer

CSS properties that are animatable can be used in animations and transitions. These properties can change gradually from one value to another value, for example numbers, percentages, sizes and colors.

Reading

No resources given.

topics: css, level: 100

Will the "My title" header be printed in italics?

Suppose you have the following HTML web page implemented:

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1.makemered {
            color:rgb(255,0,0);
            font-style: italic;
         }
      </style>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
      <h1 class="makemered" style="color:rgb(0,0,255)">My title</h1>
   </body>
</html>

And you have the following external CSS stylesheet (style.css) implemented:

h1.makemered {
   color:rgb(0,255,0);
}

Will the "My title" header be printed in italics?

Please select exactly one correct alternative.

Yes No That depends on the browser. The browser will use it's own default style.

Answer

The priority order is, generally speaking, from low to high:

External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)

Only the color will be overridden by the external style sheet, so the italics style will still be used. The header will be printed green and in italics.

Reading

No resources given.

topics: css, level: 100

What HTML attribute is used to define an inline style?

Please select exactly one correct alternative.

styles

style

class

css

Answer

Inline styles are defined within style tags.

Reading

No resources given.

topics: css, level: 100

What is the priority order from low to high in which the styles are applied?

Please select exactly one correct alternative.

External style sheet, internal style sheet, inline style. Inline style, internal style sheet, external style sheet. The priority order depends on the browser you are using. None. If styles are defined in multiple ways, your browser will use the default styles.

Answer

The priority order is, generally speaking, from low to high:

External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)

However: if you put the link to the external style sheet after the internal style sheet in your HTML <head>, and you do not use an inline style, your external style sheet will override your internal style sheet.

Reading

Three Ways to Insert CSS

topics: css, level: 100

What is a correct example of a CSS inline style?

Please select exactly one correct alternative.

<style> body { background-color: black; } </style>

<h1 style="color:red">My header</h1>

<link rel="stylesheet" type="text/css" href="mystylesheet.css">

<h1 styles="color:red">My header<h1>

Answer

The correct way to use a CSS inline style is shown below:

<h1 style="color:red">My header</h1>

Alternative d is incorrect because the ending h1 tag is not correct, it should be </h1>.

Reading

No resources given.

topics: css, level: 100

There are multiple ways of inserting a style sheet in your web page. Which alternatives are valid?

Please select exactly one or more correct alternatives.

By using an external style sheet. By using an internal style sheet. By using an XSLT transformation. By using an inline style.

Answer

See the correct answers above.

Reading

Three Ways to Insert CSS

topics: css, level: 100

What does the abbreviation CSS stand for?

Please select exactly one correct alternative.

Cascading Style Sheets Cascading Style Sheet Correct Styling Sheets None of the above.

Answer

CSS stands for Cascading Style Sheets. You can use CSS to control the style and layout of multiple web pages all at once.

Reading

CSS Tutorial

topics: css, level: 100

What is the correct way to refer to an external CSS style sheet?

Please select exactly one correct alternative.

<link rel="css" type="text/css" href="mystylesheet.css">

<link rel="stylesheet" type="text" href="mystylesheet.css">

<link rel="stylesheet" type="text/css" href="mystylesheet.css">

None of the above.

Answer

This is the correct way in which you refer to an external CSS style sheet:

<link rel="stylesheet" type="text/css" href="mystylesheet.css">

Reading

CSS How To...

topics: css, level: 100

Where do you put the link to your external style sheet in your HTML web page?

Please select exactly one correct alternative.

Just beneath the

<html>

tag In the

<head>

section Just before the

<html>

tag On the top of your

<body>

section

Answer

You put your link in the <head> section.

Reading

No resources given.

topics: css, level: 100

How do you define an internal style sheet in your HTML document?

Please select exactly one correct alternative.

Using the

<style>

tag. Using the

<css>

tag. Using the

<script>

tag. None of the above.

Answer

Using the <style> tag, like in the following example:

<head>
<style>
body {
background-color: rgb(255,255,255);
}
</style>
</head>

Reading

No resources given.

topics: css,css|tables, level: 100

What is the

border-collapse

property used for?

Please select exactly one correct alternative.

The

border-collapse

property determines that the table margins will be 0. The

border-collapse

property determines whether the table borders are collapsed into a single border or separated. The

border-collapse

property determines that the default table padding will be 0. The

border-collapse

property determines that the table borders are collapsed into a single border.

Answer

The border-collapse property determines whether the table borders are collapsed into a single border or separated.

Reading

CSS border-collapse Property

topics: css, level: 100

If you do not define a background color (using the

background-color

property), what will be used as default by your browser?

Please select exactly one correct alternative.

No color is used, your background will default be white. No color is used, your background will default be transparent. No color is used, your background will default be grey. None of the above, it really depends on your browser's default.

Answer

When no background color is defined, your background will default be transparent.

Reading

No resources given.

topics: css,css|padding, level: 100

Are negative values allowed in the padding property?

Please select exactly one correct alternative.

Yes No That depends on the browser that you are using.

Answer

Negative values of the padding property are just not allowed.

Reading

CSS padding Property

topics: css|selectors, level: 100

How do you add a background color for all

<h3>

elements?

Please select exactly one correct alternative.

h1.all { background-color: #00ff00; }

h1 { background-color: #00ff00; }

all.h1 { background-color: #00ff00; }

None of the above.

Answer

See the correct answer above.

Reading

No resources given.

topics: html, level: 100

Which of the following is NOT a value of the

draggable

attribute?

Please select exactly one correct alternative.

true false auto None of the above

Answer

Auto means true for <img> but false for <div>.

Reading

HTML draggable Attribute

topics: terminology, level: 100

What is Bootstrap?

Please select exactly one correct alternative.

Bootstrap is a tool framework from Microsoft for creating websites and web applications. Bootstrap is a technique for parsing web pages. Bootstrap is a free and open-source collection of tools for creating websites and web applications. None of the above.

Answer

Bootstrap is a free and open-source collection of tools for creating websites and web applications.

Reading

Bootstrap_(front-end_framework)

topics: html|forms, level: 100

What is the difference between

datetime

and

datetime-local

input types in HTML?

Please select exactly one correct alternative.

There is no difference. The datetime input type allows the user to select a date and time (no time zone). The datetime-local input type allows the user to select a date and time (no time zone). None of the above.

Answer

The datetime-local input type allows the user to select a date and time (no time zone).

Reading

HTML Input Attributes

topics: css|color,css|text, level: 100

To change the text color of an element, which CSS property do you use?

Please select exactly one correct alternative.

fgcolor

text-color

color

colour

Answer

See the correct answer above.

Reading

No resources given.

topics: css,css|text, level: 100

How can you display hyperlinks without an underline?

Please select exactly one correct alternative.

a { underline: none; }

a { decoration: no-underline; }

a { text-decoration: no-underline; }

a { text-decoration: none; }

Answer

text-decoration is mostly used to remove underlines from links.

Reading

CSS Links

topics: css,css|links, level: 100

Which of the below alternatives are valid link states?

Please select exactly one or more correct alternatives.

Answer

The following are valid link states:

a:link : an unvisited link
a:visited : a visited link
a:hover : link state when the user mouses over it
a:active : link state on the moment it is clicked by the user

a:default is not a valid link state.

Reading

CSS Links

topics: css,css|text, level: 100

How do you make each word in a text start with a capital letter?

Please select exactly one correct alternative.

text-transform: uppercase

text-transform: capitalize

text-transform: caps

None of the above.

Answer

"text-transform: uppercase" transforms all characters to capital letters. caps Is not a valid transformation.

Reading

CSS text-transform Property

topics: css,css|text, level: 100

Why might it not be a good idea to underline text in your web page?

Please select exactly one correct alternative.

Because underlining text is not supported. Because an underlined text looks much like a hyperlink. Because underlining text make the font applied look larger. None of the above.

Answer

An underlined text looks much like a hyperlink, which may confuse the use when clicking it.

Reading

No resources given.

topics: css,css|text, level: 100

Which of the CSS alternatives makes your text bold?

Please select exactly one or more correct alternatives.

font-weight: bolder;

font-weight: bold;

font-weight: 900;

font-weight: 1000;

Answer

Only the "font-weight: 1000;" is incorrect because the value used is not valid. This value must be on of the following values: 100, 200, 300, 400, 500, 600, 700, 800, 900.

Reading

HTML Text Formatting Elements
CSS font-weight Property

topics: css,css|text, level: 100

Which of the following alternatives makes your text bold?

Please select exactly one or more correct alternatives.

font-weight: boldest;

<b>This is my text</b>

<strong>This is my text</strong>

<em>This is my text</em>

Answer

"boldest" Is not a valid value for font-weight. Both "strong" and "em" adds so called "semantic importance" to the text. This is not specifically a style, but means that the text is "important".

Reading

HTML Text Formatting Elements
CSS font-weight Property

topics: html, level: 100

Which of the following alternatives are correct?

Please select exactly one or more correct alternatives.

<div name='HansR "ontheWeb" Blog'></div>

<div name="HansR 'ontheWeb' Blog"></div>

<div name="HansR \"ontheWeb\" Blog"></div>

<div name="HansR "ontheWeb" Blog"></div>

Answer

When using quotes in an attributes' text, you need to alternate single and double quotes to begin and end your (sub)strings.

Reading

HTML Attributes

topics: css,css|margin, level: 100

Which property do you use to change the left margin of an element?

Please select exactly one correct alternative.

padding-left

margin-left

indent

None of the above.

Answer

Padding is used to determine the inside margin of an element, and what we want is setting the outside margin of an element. "text-indent" is used for texts and only indents the first line of the text.

Reading

CSS margin-left Property
CSS padding-left Property
CSS text-indent Property

topics: software engineering|patterns, level: 100

What is Reactive Programming?

Please select exactly one correct alternative.

In computing, reactive programming is an asynchronous programming paradigm concerned with ACID transactions. In computing, reactive programming is an synchronous programming paradigm concerned with data streams and the propagation of change. In computing, reactive programming is an asynchronous programming paradigm concerned with data streams and the propagation of change. None of the above.

Answer

In computing, reactive programming is an asynchronous programming paradigm concerned with data streams and the propagation of change. This means that it becomes possible to express static (e.g. arrays) or dynamic (e.g. event emitters) data streams with ease via the employed programming language(s), and that an inferred dependency within the associated execution model exists, which facilitates the automatic propagation of the change involved with data flow.

Reading

Reactive programming

topics: css,css|selectors, level: 100

To select all

<h2>

elements on a web page and change the color to red, which of the following alternatives can you use?

Please select exactly one correct alternative.

.h2 { color: red; }

#h2 { color: red; }

h2 { color: red; }

None of the above.

Answer

See the correct answer above.

Reading

CSS Selectors

topics: css,css|selectors, level: 100

To select only the element with id ThisOne on a web page and change the color to red, which of the following alternatives can you use?

Please select exactly one correct alternative.

.ThisOne { color: red; }

#ThisOne { color: red; }

ThisOne { color: red; }

None of the above.

Answer

See the correct answer above.

Reading

CSS Selectors

topics: css,css|selectors, level: 100

To select only the element with class ThisClass on a web page and change the color to red, which of the following alternatives can you use?

Please select exactly one correct alternative.

.ThisClass { color: red; }

#ThisClass { color: red; }

ThisClass { color: red; }

None of the above.

Answer

For all elements of a certain type on a page, you use the

.ThisClass

class Selector.

Reading

CSS Selectors

topics: css,css|selectors, level: 100

You want to change the color of h2 elements into red. Which of the CSS code fragments below are incorrect?

Please select exactly one or more correct alternatives.

.1stClass { color: red; }

#1stElement { color: red; }

h2 { color: red; }

h2.FirstClass { color: red; }

<body>

, or in the

<head>

section of an HTML page. Scripts can be placed in the

<body>

, or in the

<head>

section of an HTML page, or in both. Scripts can be placed in the

<body>

, in the

<head>

section of an HTML page, or just before the

<html>

tag, or in all three locations. None of the above.

Answer

Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.

Reading

JavaScript Where To

topics: javascript, level: 100

Which of the below are correct statements on JavaScript?

Please select exactly one or more correct alternatives.

JavaScript is a dynamic computer programming language. JavaScript is a language for client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. JavaScript is a variant of the Java programming language. JavaScript needs to be compiled before usage in web pages.

Answer

Please see the resources below.

Reading

JavaScript

topics: javascript|operators, level: 100

What is the difference between

==

and

===

in JavaScript expressions?

Please select exactly one correct alternative.

Both operators have exactly the same meaning.

===

Means: equal value and equal type

==

Means: equal value and equal type None of the above.

Answer

=== Means: equal value and equal type, == only means equal.

Reading

JavaScript Comparison and Logical Operators

topics: javascript, level: 100

Which code fragment presents a correct way to walk through an array?

Please select exactly one correct alternative.

(vIndex = 0; vIndex < vArray.length; ++vIndex)

for (vIndex = 1; vIndex <= vArray.length; ++vIndex)

for (vIndex = 0; vIndex <= vArray.length; ++vIndex)

for (vIndex = 1; vIndex < vArray.length; ++vIndex)

Answer

An index for a JavaScript array runs from 0 to length - 1. Hence, the correct way to walk through an array is:

(vIndex = 0; vIndex < vArray.length; ++vIndex)

.

Reading

No resources given.

topics: javascript, level: 100

How can you test whether a variable is undefined?

Please select exactly one correct alternative.

if (vMyVar == undefined) { vMessage = "vMyVar undefined"; } else { vMessage = "vMyVar defined"; }

if (vMyVar == "undefined") { vMessage = "vMyVar undefined"; } else { vMessage = "vMyVar defined"; }

if (vMyVar === undefined) { vMessage = "vMyVar undefined"; } else { vMessage = "vMyVar defined"; }

None of the above.

Answer

if (vMyVar === undefined) { vMessage = "vMyVar undefined"; } else { vMessage = "vMyVar defined"; }

is the correct way. Using == is not good idea there because in JavaScript, you can name a variable as undefined too.

Reading

JavaScript undefined Property
How to determine if variable is 'undefined' or 'null'

topics: css,css|border, level: 100

How do you display a border?

Please select exactly one correct alternative.

border-width: 10px 19px 1px 20px;

border-width: 10px 19px 20px 1px;

border-width: 10px 1px 20px 19px;

border-width: 10px 19px 20px 10px;

<h4>

<h5>

None of the above.

Answer

Headings are defined with the <h1> to <h6> tags.

Reading

HTML Headings

topics: html, level: 100

Which of the following statements are correct on the HTML

<head>

element?

Please select exactly one or more correct alternatives.

The HTML

<head>

element contains meta data only. The HTML

<head>

element is the biggest HTML heading element. The HTML

<head>

element is placed between the html tag and the body tag. The HTML

<title>

element is placed within the HTML header. The HTML

<link>

element is placed within the HTML header. The HTML

<style>

element is placed within the HTML header.

Answer

Please see the answer above.

Reading

HTML Headings

topics: html, level: 100

What can you use the

<pre>

element for?

Please select exactly one or more correct alternatives.

To preserve line breaks in a text. To display text in a fixed-width font. To display text in a fixed-width font and preserve spaces and line breaks. To display text in a specific font, declared in a style sheet.

Answer

You use the <pre> element to display text in a fixed-width font and preserve spaces and line breaks.

Reading

No resources given.

topics: html, level: 100

To set your background to red, which of the following code fragments can you use in your HTML5 web page?

Please select exactly one correct alternative.

<body style="background-color:red">

<body style="bg-color:red">

<body style="color:red">

<body bgcolor="#ff0000">

Answer

In HTML%, you have to use <body style="background-color:red">. In HTML (not HTML5), you can use the older construction: <body bgcolor="#ff0000">.

Reading

HTML body bgcolor Attribute

topics: html, level: 100

What does the statement

<!DOCTYPE html>

mean?

Please select exactly one or more correct alternatives.

The

<!DOCTYPE>

declaration must be the very first thing in your HTML document. The

<!DOCTYPE>

declaration states that the document type is HTML. The

<!DOCTYPE>

declaration tells your browser what type of document to expect. The

<!DOCTYPE>

declaration must be the very first thing in your HTML document, after the

<html>

tag.

Answer

Please see the answer above.

Reading

HTML Declaration

topics: html, level: 100

What is the difference between italics (

<i>

) and emphasized (

<em>

) text?

Please select exactly one correct alternative.

<em>

defines emphasized text, with added semantic importance.

<em>

defines italics text, with added semantic importance. There is no difference, both

<i>

and

<em>

display text in italics. None of the above.

Answer

<em> defines emphasized text, with added semantic importance. Both <i> and <em>, however, display text in italics.

Reading

HTML Text Formatting Elements

topics: html, level: 100

What does "semantic importance" mean in the context of HTML?

Please select exactly one correct alternative.

Elements that are "semantically important" are strict HTML5. Semantic elements are elements with a meaning. Semantic elements are elements with a special style. None of the above.

Answer

Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages rather than merely to define its presentation or look.

Reading

HTML5 Semantic Elements
Semantic HTML

topics: html, level: 100

How do you put a comment in HTML?

Please select exactly one correct alternative.

You put your comments in between

/*

and

*/

. You put your comments in between

<!--

and

-->

. You put your comments in between

<--

and

-->

Why must you use

<!DOCTYPE html>

Which jQuery method can you use to get the value of an input field?

Please select exactly one correct alternative.

The

value()

method. The

val()

method. The

text()

method. The

Text()

method.

Answer

Please see the correct answer above.

Reading

No resources given.

topics: jquery|event handler, level: 100

What is the difference between the jQuery trigger and the triggerHandler method

Please select exactly one correct alternative.

There is no difference. Both causes the default behavior of the control to execute. The trigger method executes only for the first element that matches the jQuery selector. The triggerHandler method is only for test purposes. The triggerHandler method does not causes the default behavior of the control to execute.

Answer

Please see the correct answer above.

Reading

No resources given.

topics: jquery,jquery|selectors, level: 100

Which of the following statements are true?

Please select exactly one or more correct alternatives.

$(":checked")

selects all input elements that are checked (e.g. radio button, checkbox).

$(":disabled")

selects all input elements that are disabled.

$(":enabled")

selects all input elements that are enabled.

$(":!enabled")

selects all input elements that are disabled.

$(":file")

selects all input elements of type "file" (type="file").

Answer

Please see the correct answer above.

Reading

Category: Selectors
jQuery Selectors

That's all folks!

Congratulations, you've made it to the end! I'll try to add more questions and topics on a regular basis.

Other resources

There are many quizzes and learning resources on the internet. Below you'll links to a selection of these. I'll add more. Quizzes from others
Learning resources
Take a look at my blog

Contact

Please contact me for feedback, suggestions and questions. hansrontheweb@live.com

Other quizzes

all topics