Nowoczesne Technologie WWW

Wielkość: px

Rozpocząć pokaz od strony:

Download "Nowoczesne Technologie WWW"

Błażej Czech
7 lat temu
Przeglądów:

1 INP002295W Test zaliczeniowy A Nowoczesne Technologie WWW 1. Napisz szablon poprawnej i responsywnej strony HTML5 w polskiej wersji językowej: <!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ęzyk polski: Cascading Style Sheets - Kaskadowe Arkusze Stylów 3. Do czego służy biblioteka Modernizr? biblioteka w języku JavaScript, służąca do wykrywania dostępności funkcji HTML5 oraz CSS3 w przeglą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ędzy CSS2 a CSS3: nowe selektory i pseudoselektory (np. :last-of-type), 6. Napisz linię kodu javascript zmieniającego 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"?

2 (0,1,1,2) 8. Wytłumacz pojęcie "hoisting"języka javascript: windowanie: przeniesienie deklaracji zmiennych i funkcji na samą górę (do globalnego zasięgu lub do zasięgu funkcji). 9. Napisz jednolinijkowy kod PHP zamieniający w łańcuchu $X podciąg {{IMIE}} na Anna i następnie drukujący go: echo str_replace( {{IMIE}}, Anna, $X); 10. Wytłumacz pojęcie closure języka javascript: Są to funkcje które pamiętają otoczenie w którym zostały stworzone. 11. Wytłumacz skrót HTML: HyperText Markup Language HiperTekstowy Język Znaczników 12. Wytłumacz pojęcie RESTful web API: Usługa sieciową zaimplementowaną na bazie protokołu HTTP i zasad wzorca REST (wykorzystującego metody GET (pobranie), POST (dodanie), PUT (edycja), DELETE (usunięcie)). 13. Napisz kod PHP usuwający cookie o nazwie lang z przeglądarki użytkownika: setcookie( lang,, 1); 14. Napisz kod jquery zmieniający 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ę przenaczoną dla dzieci w wieku 9-14 lat poświęconą popularyzacji nauki. Jakie zastosujesz czcionki, jaki wybierzesz dominujący kolor i jaką zastosujesz paletę? INP002295W Test zaliczeniowy A Strona 2 / 5

3 Np. wyraźna bezszeryfowa i dosyć duża czcionka; mocno nasycony dominujący kolor; paleta trójkątna oparta na wybranym dominującym kolorze 17. Napisz kod css służący 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ęzyk polski: HyperText Markup Language HiperTekstowy Język Znaczników 20. Do czego służy moduł autoprefixer gulpa? Postprocesor CSS do obsługi prefiksów silników różnych przeglądarek. 21. Wytłumacz znaczenie słów sematyczny i syntaktyczny. semantyczny - dotyczący znaczenia; syntaktyczny - dotyczący składni 22. Jaka jest kolejność interpretacji arkuszy CSS? style zewnętrzne < style wewnętrzne < style inline 23. Napisz linię kodu javascript zmieniającego kolor elementu o identyfikatorze XXX na czerwony. document.getelementbyid( XXX ).style.color = #FF0000 ; INP002295W Test zaliczeniowy A Strona 3 / 5

4 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 pomocą słowa kluczowego var? w globalnym zasięgu 26. Napisz jednolinijkowy kod PHP usuwający spacje z początku i z końca łańcucha $X i następnie drukujący go: echo trim($x); 27. Wytłumacz pojęcie lexical environment języka javascript: jest to struktura zawierająca informację o aktualnych wartościach wszystkich zmiennych dostępnych dla funkcji; nie jest ona dostępna dla programisty 28. Wytłumacz pojęcie C.R.A.P.: Contrast (kontrast), Repetitions (powtórzenia), Alignment (wyrównanie), Proximity (bliskość) 29. Jaka jest różnica między cookie a session języka PHP? cookies - są przechowywane przez przeglądarkę (i wysyłane są do serwera); sesje są składowane na serwerze i służą do identyfikacji użytkownika (zazwyczaj za pomocą cookie z identyfikatorem sesji) 30. Napisz kod jquery ukrywający wszystkie elementy klasy.comment $(.comment ).hide(); 31. Rozwiń skrót SASS i przetłumacz go na język polski: Syntactically Awesome StyleSheets - Składniowo Niesamowite Arkusze Stylów 32. Ma do wykonania stronę dla banku skierowaną do zamożnych klientów. Jakie zastosujesz czcionki, jaki wybierzesz dominujący kolor i jaką zastosujesz paletę? INP002295W Test zaliczeniowy A Strona 4 / 5

5 Np. Times New Roman; dominujący kolor: niebieski; paleta: dopełniająca INP002295W Test zaliczeniowy A Strona 5 / 5

Podobne dokumenty

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 4 HTML 5 i CSS 3.0 Agenda Co nowego w HTML 5? Nowe elementy HTML 5 Nowe elementy w formularzach HTML