MS 70-480
Some quick study helpers for the MS 70-480 exam (HTML5, CSS and JavaScript) NOTE: This is a study helper containing only those topics relevant to the exam that I wanted to study further. It is by no means complete and was created before the exam.
Some quick study helpers for the MS 70-480 exam (HTML5, CSS and JavaScript) NOTE: This is a study helper containing only those topics relevant to the exam that I wanted to study further. It is by no means complete and was created before the exam.
Set of flashcards Details
Flashcards | 70 |
---|---|
Language | English |
Category | Computer Science |
Level | Other |
Created / Updated | 12.06.2013 / 23.01.2019 |
Weblink |
https://card2brain.ch/box/ms_70480
|
Embed |
<iframe src="https://card2brain.ch/box/ms_70480/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>
|
Create or copy sets of flashcards
With an upgrade you can create or copy an unlimited number of sets and use many more additional features.
Log in to see all the cards.
How can you combine JavaScript Promises?
You can combine Promises logically into new Promises. That makes it trivially easy to write code that says, “When all of these things have happened, do this other thing.”
composedPromise = $.when(anAsyncFunction(), anotherAsyncFunction());
How does "then" work in terms of Javascript Promises?
The Deferred object exposes a then method which allows the developer to handle both the fulfillment and error states.
Example:
$.ajax({
url: 'http://search.twitter.com/search.json',
dataType: 'jsonp',
data: { q: '#IE10', rpp: 100 }
})
.then( function (data) { /* handle data */ }, function (error) { /* handle error */ });Wie funktionieren CSS Transitions?
transition: [ <transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay> ]
Example:
transition: width 2s, height 2s, transform 2s;
What are the possible timing-functions for a CSS Transition?
- linear
- ease
- ease-in
- ease-out
- ease-in-out
- cubic-bezier(n,n,n,n)
What does the timing fuction cubic-bezir in CSS Transitions do?
cubic-bezier(n,n,n,n) - Define your own values in the cubic-bezier function. Possible values are numeric values from 0 to 1
How do you define a text shadow in CSS?
text-shadow: h-shadow v-shadow blur color;
What 2D transform methods are available in CSS3?
- translate()
- rotate()
- scale()
- skew()
- matrix()
What is the correct syntax for the geolocation API?
navigator.geolocation.getCurrentPosition(function (pos) {
alert("yallo... your determined position is: " +
pos.coords.longitude + " / " + pos.coords.latitude);
});
What are Webworkers?
Web Workers allow you to do things like fire up long-running scripts to handle computationally intensive tasks, but without blocking the UI or other scripts to handle user interactions.
How do you instantiatea Webworker?
var worker = new Worker('task.js');
How do you start a webworker?
worker.postMessage(); // Start the worker.
What does the webworker have to implement to be callable?
When postMessage() is called from the main page, our worker handles that message by defining an onmessage handler for the message event. The message payload (in this case 'Hello World') is accessible in Event.data.
How do you stop a webworker?
There are two ways to stop a worker: by calling worker.terminate() from the main page or by calling self.close() inside of the worker itself.
What is the structure of an appcache manifest file?
CACHE MANIFEST
Cache
Network
Fallback
What is the notation for the Fallback section of the Appcache manifest?
# static.html will be served if main.py is inaccessible
# offline.jpg will be served in place of all images in images/large/
# offline.html will be served in place of all other .html files
FALLBACK:
/main.py /static.html
images/large/ images/offline.jpg
*.html /offline.html
What are sematic elements?
Semantic elements describe their meaning or purpose clearly to the browser and to the developer. Contrast that with (for example) the <div> tag.
What are examples of HTML5 semantic tags?
article aside figcaption figure footer header hgroup mark nav section time
What are the <video> tag attributes and there values?
audio = muted,
autoplay = autoplay,
controls = controls,
loop = loop,
poster = (some URL),
preload = auto, metadata, none
And of couse width, height and src.
What are the <audio> tag attributes?
autoplay = autoplay,
controls = controls,
loop = loop,
preload = auto, metadata, none
And of couse src.
Attributes for HTML5 Form tags
- required
- type ("email" / "url" / "phone", etc...)
- pattern (RegEx)
- placeholder (some string)
- autofocus
- autocomplete
FormData
FormData gives you a way to create HTML forms on-the-fly using JavaScript, and then submit them using XMLHttpRequest.send().
Example:
var formData = new FormData(); formData.append("part_num", "123ABC"); formData.append("part_price", 7.95); formData.append("part_image", somefile) var xhr =
new XMLHttpRequest(); xhr.open("POST", "http://some.url/"); xhr.send(formData);
What is the Contraint Validaton API?
The API allows you to do things like set a custom error, check whether an element is valid, and determine the reason that an element is invalid.
Example:
if (input.value != document.getElementById('email_addr').value) {
input.setCustomValidity('The two email addresses must match.');
}
else {
// input is valid -- reset the error message
input.setCustomValidity('');
}
Selects all <div> elements and all <p> elements
div,p
Selects all <p> elements inside <div> elements
div p
Selects all <p> elements where the parent is a <div> element
div>p
Selects all <p> elements that are placed immediately after <div> elements
div+p
Select all elements with a target attribute
[target]
Selects all elements with target="_blank"
[target=_blank]
Selects all elements with a title attribute containing the word "flower"
[title~=flower]
Selects all elements with a lang attribute value starting with "en"
[lang|=en]
-
- 1 / 70
-