docNowoczesne Technologie WWW
download 
Reklamacja Transkrypt
Nowoczesne Technologie WWW
INP002295W
Test zaliczeniowy A
10.06.2016
Nowoczesne Technologie WWW
1. Napisz szablon poprawnej i responsywnej strony HTML5 w polskiej wersji j˛ezykowej:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Tytul strony</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
2. Rozwiń skrót CSS i przetłumacz go na j˛ezyk polski:
Cascading Style Sheets - Kaskadowe Arkusze Stylów
3. Do czego służy biblioteka Modernizr?
biblioteka w j˛ezyku JavaScript, służaca
˛ do wykrywania dost˛epności funkcji HTML5 oraz CSS3 w przegla˛
darkach użytkowników
4. Wymień sematyczne znaczniki HTML5.
<article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section>
<summary> <time>
5. Podaj trzy różnice mi˛edzy CSS2 a CSS3:
nowe selektory i pseudoselektory (np. :last-of-type), box-sizing, @font-face, . . .
6. Napisz lini˛e kodu javascript zmieniajacego
˛
kolor tła elementu o identyfikatorze ZZZ na jasno niebieski:
document.getElementById(’ZZZ’).style.background = "#AAF";
7. Jaka jest specyficzność selektora "#leftmenu li a .active"?
(0,1,1,2)
8. Wytłumacz poj˛ecie "hoisting"j˛ezyka javascript:
windowanie: przeniesienie deklaracji zmiennych i funkcji na sama˛ gór˛e (do globalnego zasi˛egu lub do zasi˛egu
funkcji).
9. Napisz jednolinijkowy kod PHP zamieniajacy
˛ w łańcuchu $X podciag
˛ {{IMIE}} na Anna i nast˛epnie drukujacy
˛
go:
echo str_replace(’{{IMIE}}’, ’Anna’, $X);
10. Wytłumacz poj˛ecie closure j˛ezyka javascript:
Sa˛ to funkcje które pami˛etaja˛ otoczenie w którym zostały stworzone.
11. Wytłumacz skrót HTML:
HyperText Markup Language – HiperTekstowy J˛ezyk Znaczników
12. Wytłumacz poj˛ecie RESTful web API:
Usługa sieciowa˛ zaimplementowana˛ na bazie protokołu HTTP i zasad wzorca REST (wykorzystujacego
˛
metody GET (pobranie), POST (dodanie), PUT (edycja), DELETE (usuni˛ecie)).
13. Napisz kod PHP usuwajacy
˛ cookie o nazwie lang z przegladarki
˛
użytkownika:
setcookie(’lang’, ”, 1);
14. Napisz kod jQuery zmieniajacy
˛ kolor wszystkich linków na ciemno niebieski:
$(’a’).css(’color’, ’#0000AA’);
15. Wytłumacz skrót SASS:
Syntactically Awesome StyleSheets - Składniowo Niesamowite Arkusze Stylów
16. Ma do wykonania stron˛e przenaczona˛ dla dzieci w wieku 9 - 14 lat poświ˛econa˛ popularyzacji nauki. Jakie zastosujesz czcionki, jaki wybierzesz dominujacy
˛ kolor i jaka˛ zastosujesz palet˛e?
INP002295W
Test zaliczeniowy A
Strona 2 / 5
Np. wyraźna bezszeryfowa i dosyć duża czcionka; mocno nasycony dominujacy
˛ kolor; paleta trójkatna
˛ oparta
na wybranym dominujacym
˛
kolorze
17. Napisz kod css służacy
˛ do przekształcenie listy o identyfikatorze MM w poziome menu:
ul {
list-style-type: none;
overflow: hidden;
}
li {
float: left;
display: inline-block;
}
18. Podaj przykład nowego elementu HTML5, różnego od znaczników semantycznych:
np. canvas, video, audio
19. Rozwiń skrót HTML i przetłumacz go na j˛ezyk polski:
HyperText Markup Language – HiperTekstowy J˛ezyk Znaczników
20. Do czego służy moduł autoprefixer gulpa?
’Postprocesor’ CSS do obsługi prefiksów silników różnych przegladarek.
˛
21. Wytłumacz znaczenie słów sematyczny i syntaktyczny.
semantyczny - dotyczacy
˛ znaczenia;
syntaktyczny - dotyczacy
˛ składni
22. Jaka jest kolejność interpretacji arkuszy CSS?
style zewn˛etrzne < style wewn˛etrzne < style ’inline’
23. Napisz lini˛e kodu javascript zmieniajacego
˛
kolor elementu o identyfikatorze XXX na czerwony.
document.getElementById(’XXX’).style.color = #FF0000’;
INP002295W
Test zaliczeniowy A
Strona 3 / 5
24. Jaka jest specyficzność selektora "#mainmenu ol li .active .head"?
(0,1,2,2)
25. Gdzie jest widoczna zmienna uzyta w funkcji JavaScript, która nie została zadeklarowana za pomoca˛ słowa kluczowego var?
w globalnym zasi˛egu
26. Napisz jednolinijkowy kod PHP usuwajacy
˛ spacje z poczatku
˛ i z końca łańcucha $X i nast˛epnie drukujacy
˛ go:
echo trim($X);
27. Wytłumacz poj˛ecie lexical environment j˛ezyka javascript:
jest to struktura zawierajaca
˛ informacj˛e o aktualnych wartościach wszystkich zmiennych dost˛epnych dla
funkcji; nie jest ona dost˛epna dla programisty
28. Wytłumacz poj˛ecie C.R.A.P.:
Contrast (kontrast), Repetitions (powtórzenia), Alignment (wyrównanie), Proximity (bliskość)
29. Jaka jest różnica mi˛edzy cookie a session j˛ezyka PHP?
cookies - sa˛ przechowywane przez przegladark˛
˛
e (i wysyłane sa˛ do serwera);
sesje sa˛ składowane na serwerze i służa˛ do identyfikacji użytkownika (zazwyczaj za pomoca˛ cookie z identyfikatorem sesji)
30. Napisz kod jQuery ukrywajacy
˛ wszystkie elementy klasy .comment
$(’.comment’).hide();
31. Rozwiń skrót SASS i przetłumacz go na j˛ezyk polski:
Syntactically Awesome StyleSheets - Składniowo Niesamowite Arkusze Stylów
32. Ma do wykonania stron˛e dla banku skierowana˛ do zamożnych klientów. Jakie zastosujesz czcionki, jaki wybierzesz dominujacy
˛ kolor i jaka˛ zastosujesz palet˛e?
INP002295W
Test zaliczeniowy A
Strona 4 / 5
Np. Times New Roman; dominujacy
˛ kolor: niebieski; paleta: dopełniajaca
˛
INP002295W
Test zaliczeniowy A
Strona 5 / 5
![t_a/m] 8a|ł_a_qa/n](http://s2.doczz.pl/store/data/000953241_1-cd752d44fa6bf538d6bd6235f5004ae0-70x70.png "t_a/m] 8a|ł_a_qa/n")
