SPA Quiz Online

1 / 60

Zakładając że zmienna userName = "Adam". Wskaż nieprawidłową deklarację zmiennej typu String:

var name = new String("name: Adam")

let name = "name: Adam"

let name = `name: ${userName}`

let name = "name: $userName"

let name = "name: " + userName

2 / 60

W jaki sposób w języku JavaScript można zdefiniować funkcję:

D) fun1 function() {}

B) let fun1 = function {}

A) let fun1 = function() {}

E) Odpowiedzi A i C są poprawne

C) function fun1(){}

3 / 60

Co zostanie wyświetlone w konsoli po wykonaniu poniższego kodu?
const count = 5
const type = `Product`
const interpolatedString = `count: ${count}
type: ${type}`
console.log(interpolatedString)

A) count: 5 type: Product

E) żadna z odpowiedzi nie jest poprawna

D) count: 5

C) undefined

B) count: ${count} type: ${type}

4 / 60

Jaka jest różnica między słowami kluczowymi: var i let ?

E) var służy do deklaracji zmiennych, a let - stałych

C) Zmienna zadeklarowana słowem kluczowym var ma zasięg globalny, a z użyciem let - lokalny

A) Żadna, obie służą do deklaracji wartości zmiennej

D) Zmienna zadeklarowana słowem kluczowym var ma zasięg lokalny, a z użyciem let - globalny

B) Żadna, obie służą do deklaracji wartości stałej

5 / 60

Jak utworzyć stałą w Javascript?

C) Używając słowa kluczowego var

B) Używając słowa kluczowego const

E) Używając słowa kluczowego final

A) Jest to niemożliwe

D) Używając słowa kluczowego let

6 / 60

Co zostanie wyświetlone w konsoli po wykonaniu kodu: parseInt("123abc");?

B) 123

D) abc

A) NaN

C) 123abc

E) zostanie wyświetlony błąd

7 / 60

Wskaż niepoprawne stwierdzenie na temat funkcji strzałkowej:

E) Przy definiowaniu nawiasy są opcjonalne jeżeli występuje wyłącznie jedna nazwa parametru

C) Lista parametrów dla funkcji bez parametrów powinna być zapisana przy użyciu pustego nawiasu.

A) Ma krótszą składnie niż zwykłe wyrażenie funkcji

D) Posiada własne this oraz właściwości new.target

B) Taki sposób wyrażenia funkcji najlepiej wykorzystać przy tworzeniu funkcji bez nazw

8 / 60

Jaką wartość zwróci 0.1 + 0.2 == 0.3?

C) false

E) null

B) undefined

A) true

D) 1

9 / 60

"Pure function" jest to funkcja, która:

D) składa się tylko z jednej linijki

A) ma obserwowalne efekty uboczne

B) jest zgodna z zasadami "clean code"

C) dla tych samych argumentów zawsze zwraca taką samą wartość

E) nie zwraca żadnej wartości

10 / 60

Która struktura danych występuje w JS?

D) Odpowiedzi A i C są prawidłowe

E) Wszystkie odpowiedzi (A, B i C) są prawidłowe

A) Array

B) List

C) Object

11 / 60

JavaScript posiada operatory porównania: `==` i `===`. Jaka jest pomiędzy nimi różnica?

B) Operator `==` służy do porównywania wartości typu String, operator `===` do porównywania wszystkich innych wartości

C) `==` sprawdza tylko równość wartości, `===` sprawdza równość wartości oraz zgodność ich typów

D) Oba operatory służą do porównywania wartości typu String, operator `===` dodatkowo pomija wielkość liter (case insensitive)

E) Oba operatory służą do porównywania każdego typu wartości. Operator `==` był dedykowany wersji ES5 języka JavaScript i nie powinien być używany.

A) Nie istnieje żadna różnica

12 / 60

Czym różnią się null i undefined?

B) Null oznacza pustą, nieistniejącą wartość, z kolei undefined oznacza, że zmienna została zadeklarowana, jednak jej wartość nie została zdefiniowana

E) Wartość null jest typu undefined

C) Undefined w przeciwieństwie do null jest obiektem

D) Undefined oznacza pustą, nieistniejącą wartość, z kolei null oznacza, że zmienia została zadeklarowana, jednak jej wartość nie została zdefiniowana

A) Niczym. Obie wartości oznaczają to samo

13 / 60

Jaki będzie wynik wyświetlony w konsoli?

a = 8 + "8";
console.log(a);

E) Run Time Error

B) Compilation Error

D) Undefined

A) 16

C) 88

14 / 60

Która składnia odnosząca się do zewnętrznego skryptu jest poprawna?

B) href="bai.js"

C) ref="bai.js"

E) use="bai.js"

A) src="bai.js"

D) name="bai.js"

15 / 60

Które wyrażenie zmieni tekst paragrafu podanego poniżej?
p id="bai" Hello! p

C) document.getId("bai")="Hello World!";

D) document.getElementById("bai").innerHTML=Hello World!;

A) document.getElement("bai").innerHTML="Hello World!";

E) document.getValue("Hello!").innerHTML=Hello World;

B) document.getElementById("bai").innerHTML="Hello World!";

16 / 60

Wypisanie wszystkich elementów tablicy array może być zrealizowane w następujący sposób:

E) Odpowiedzi A i C są prawidłowe

C) for (let element in array) { console.log(element) }

D) Odpowiedzi A i B są prawidłowe

A) for (let i = 0; i < array.length; i++) {console.log(array[i]}

B) for (let element of array) { console.log(element) }

17 / 60

Wskaż poprawną instrukcję znalezienia elementu w strukturze DOM za pomocą jego Id:

C) document.findElementWithId()

E) document.getElementById()

A) document.getElementWithId()

B) document.getId()

D) document.getElementByIdName()

18 / 60

Który sposób wybrania elementu / elementów NIE jest prawidłowy?

E) document.querySelectorAll()

D) document.getElementsByName()

A) document.getElementsById()

B) document.getElementsByTagName()

C) document.getElementsByClassName()

19 / 60

Wskaż odpowiedź niepoprawną odnośnie document.querySelector()

B) Za jego pomocą można wybrać kilka elementów

C) Za jego pomocą można szukać po atrybutach klas

A) Za jego pomocą można wybrać element który posiada atrybut id

E) Argument przekazany do querySelector() musi być stringiem

D) Taka składnia zwróci tylko pierwszy element ze znalezionej tablicy elementów

20 / 60

Który z poniższych selektorów JQuery jest równoważny z następującym selektorem DOM: document.getElementsByClassName("example"):

B) $("example")

D) $(".example")

C) $("#example")

A) $(example)

E) $(class).example

21 / 60

Które z poniższych rozwinięć skrotu AJAX jest poprawne:

B) Algorithmic JavaScript and XML

C) Asynchronous JQuery and XML

D) Asynchronous JavaScript and XHTTP

A) Asynchronous JavaScript and XML

E) AJAX jest nazwą własną, a nie skrótem, więc nie posiada rozwinięcia

22 / 60

Co oznacza skrót DOM:

A) Data Object Model

D) Document Objective Method

E) Document Oriented Model

B) Data Oriented Model

C) Document Object Model

23 / 60

Wskaż poprawną instrukcję pobierania elementów w strukturze DOM o ustalonym atrybucie class:

E) document.getElementsWithClassName()

C) document.getElementByClassName()

D) document.getElementsByClass()

B) document.findElementsByClassName()

A) document.getElementsByClassName()

24 / 60

Za co głównie odpowiada API?

A) Za tworzenie wykresów

C) Za definiowanie obiektów

B) Za komunikację

D) Za konwertowanie wartości

E) Wszystkie powyższe odpowiedzi są błędne

25 / 60

Która z poniższych grup statusów HTTP oznacza błąd spowodowany działaniem użytkownika?

B) 2xx

C) 5xx

D) 1xx

A) 3xx

E) 4xx

26 / 60

Zmienna o nazwie JSobject przechowuje dane pobrane z API w formacie JSON. Wskaż poprawny sposób przekonwertowania tej zmiennej do typu string:

B) JSON.stringify(JSobject);

C) JSobject.stringify;

A) JSobject.toString();

E) String(JSobject);

D) JSON.toString(JSobject);

27 / 60

Która metoda http jest niepoprawna?

A) GET

B) POST

E) PATCH

D) OPTIONS

C) REMOVE

28 / 60

Która z poniższych grup statusów HTTP oznacza błąd spowodowany działaniem serwera?

A) 3xx

E) 4xx

D) 1xx

B) 2xx

C) 5xx

29 / 60

JSON jest ……… od języka programowania po stronie serwera:

D) Żadne z powyższych

C) Częściowo zależny

B) Niezależny

A) Zależny

30 / 60

W języku JavaScript konwersję obiektu do stringa w formacie JSON możemy otrzymać używając zapisu:

A) JSON.stringify(Object)

D) JSON.parse(String)

C) JSON.parse(Object)

E) JSON.stringify()

B) JSON.stringify(String)

31 / 60

Jak nazywa się obiekt używany do połączenia z serwerem za pomocą Javascript?

B) XMLRequestHttp

D) XHTMLHttpRequest

C) XMLHttpRequest

E) XHRRequest

A) XHRHttpRequest

32 / 60

Czy używając XMLHttpRequest możemy uzyskać od razu dane w formacie JSON?

B) Tak, bo zależy to od formatu otrzymanych danych

D) Tak, w funkcji używanej do pobrania danych możemy ustawić format

A) Nie

C) Tak, ale dane XML możemy przekształcić do formatu JSON

E) Odpowiedzi B i C są poprawne

33 / 60

Która linijka oznacza że request został poprawnie przetworzony i otrzymaliśmy odpowiedź?

B) readyState === 4 && status === 200

E) state === 3 && code === 400

D) state === 2 && status === 300

A) state === 4 && status === 300

C) readyState === 3 && code === 200

34 / 60

Co to jest Web Service?

C) Biblioteka

B) Usługa

D) Obiekt

A) Framework

E) Żadne z powyższych nie jest poprawne

35 / 60

Którym z poniższych kodów można zdefiniować nową aplikację Vue?

E) żadna z odpowiedzi nie jest poprawna;

A) const app = new Vue;

D) const app = Vue;

C) const app = Vue ({});

B) const app = new Vue ({});

36 / 60

Czym jest Vue.js?

B) Funkcja zwracająca zapytanie do bazy danych

C) Tablica wielowymiarowa

D) Framework obsługujący język JavaScript

A) Obiekt w Javascript

E) Język programowania

37 / 60

Która dyrektywa warunkowa służy do ukrywania i pokazywania elementów?

A) v-if

C) v-model

D) v-show

E) Odpowiedzi A oraz D są poprawne

B) v-for

38 / 60

Jakiego mechanizmu możemy użyć do wyświetlania elementów za pomocą pętli?

E) Odpowiedzi A, B oraz D są poprawne

D) Pętli do/while

C) Dyrektywy v-for

A) Pętli for

B) Pętli while

39 / 60

Jakie jest rozwinięcie skrótu opisującego wzorzec wykorzystywany w Vue.js MVVM?

B) Model-Value-ValueModel

C) Model-View-ViewModel

A) Model-View-ValueModel

D) Module-View-ViewModel

E) ModelView-View-Model

40 / 60

Jaka jest różnica między v-if a v-show?

C) Oba korzystają z CSS, ale z innych atrybutów

D) V-if jest szybszy niż v-show

B) V-if używa JavaScriptu do pokazywania/ukrywania elementów, zaś v-show CSS

E) Odpowiedzi B i D są poprawne

A) V-if używa CSS do pokazywania/ukrywania elementów, zaś v-show JavaScriptu

41 / 60

Który z elementów nie należy do największych zalet Vue:

A) Templates

D) ShadowDOM

C) VirtualDOM

E) Routing

B) Components

42 / 60

Który modyfikator pozwala na usunięcie domyślnego zachowania (przeładowania strony) zdarzenia (eventu) dla przycisku submit w formularzu (wyjebało taki fom)

C) v-on:submit.prevent="onSubmit"

A) v-on:submit.abort="onSubmit"

B) v-on:submit.cancel="onSubmit"

D) v-on:submit.reload="onSubmit"

E) v-on:submit.disrupt="onSubmit"

43 / 60

Wskaż poprawne elementy architektury Vue:

E) Żadne z powyższych nie jest poprawne

B) Kontroler, Komponent

C) Komponent, Widok, Model

A) Kontroler, Model, Widok

D) Model, Użytkownik

44 / 60

Wskaż poprawne załączenie HTML Vue do kodu (każdy adres URL jest poprawny):

B) src="https://cdn.jsdelivr.net/npm/vue"

D) props="https://cdn.jsdelivr.net/npm/vue"

E) A i B są poprawne

A) src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"

C) vue:link="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"

45 / 60

W jaki sposób możemy podać adres url, którego wartość znajduje się jako zmienna "url" umieszczona w "data" danego komponentu

new Vue({
data() {
return {
url: "https://adres.com"
};
}
}).$mount("#app");

w znaczniku typu :

E) odpowiedzi a i b są poprawne

C) [a v-bind:href={{url}}/>]

D) [a href={{url}}/]

A) [a v-bind:href="url"/]

B) [a :href="url"/]

tagi zastąpione nawiasem kwadratowym

Dalej

46 / 60

Za co odpowiada właściwość "target" w Vue?

A) Za obiekt wyzwalający zdarzenie

E) Żadna z powyższych odpowiedzi nie jest prawdziwa

B) Za rodzaj zdarzenia

D) Za typ obiektu

C) Za naciśnięty klawisz

47 / 60

Zaznacz zdanie prawdziwe dotyczące Vue Data Binding:

C) Połączenie jest dwustronne

B) Zmiany w modelu aktualizują widok

A) Zmiany w widoku powodują zmiany w modelu

E) Odpowiedzi A,B,C są niepoprawne

D) Odpowiedzi A,B,C są poprawne

48 / 60

Za co odpowiada właściwość "lazy"?

D) Podanie wartości domyślnej

C) Usuwanie białych znaków

A) Zmiana łańcucha znaków na liczbę

B) Modyfikacja wartości po utracie focusa

E) Modyfikacja wartości w trakcie posiadania focusa

49 / 60

Do których z poniższych można przypisać V-model?

A) Pojedynczego Checkboxa

C) Radio

B) Wielu checkbox`ów

D) Select

E) Wszystkie powyższe odpowiedzi są poprawne

50 / 60

Two-way data binding osiągamy w Vue za pomocą:

D) V-bind::

C) V-model

E) Vue nie obsługuje two-way data binding

B) ::{{variable}}

A) V-bind

51 / 60

Która komenda wyświetli zawartość Local Storage?

C) localStorage

D) getLocalStorageValues

A) console.log(LocalStorageValues)

E) localStorage.Objects

B) localStorage.setItem

52 / 60

Co może zostać użyte do nasłuchiwania zdarzeń DOM?

A) :key

C) v-on:

E) v-bind:

D) v-model:

B) v-get:

53 / 60

Do czego służy modyfikator TRIM?

E) Taki modyfikator nie istnieje

D) Zamiany int na float

C) Zamiany liczby na łańcuch znaków

B) Usuwania białych znaków

A) Zamiany łańcucha znaków na liczbę

54 / 60

Który obiekt w Vue najlepiej wykorzystać jeśli potrzebujemy wykonywać określone operacje w momencie kiedy zmieni się wybrana zmienna?

C) Method

D) Data

A) Computed

E) Set

B) Watch

55 / 60

Jaka jest prawidłowa składnia dla elementu data w komponencie Vue:

D) data() { return { value: 0 } }

C) data() { value: 0 }

B) data: return { value: 0 }

A) data: { value: 0 }

E) żadna z powyższych

56 / 60

Zaznacz prawidłową odpowiedź dotyczącą komponentów Vue:

D) Istnieje tylko jeden sposób zdefiniowania template do komponentu Vue

B) Nie można przekazywać danych pomiędzy komponentami Vue

C) W template komponentu Vue może znajdować się tylko jeden root element

A) Komponent Vue jest wielokrotnego użytku

E) Odpowiedzi A i C są poprawne

57 / 60

Zaznacz prawidłową odpowiedź dotyczącą elementu props:

E) Wszystkie odpowiedzi są prawidłowe

C) Komponent może mieć dowolną ilość propsów

B) Służą do przekazywania danych

A) Są to customowe atrybuty, które można zawrzeć w komponencie

D) Odpowiedzi A i B są prawidłowe

58 / 60

Która metoda cyklu życia komponentu nie występuje w Vue:

C) Updated

A) Created

D) BeforeUpdate

E) BeforeUnmount

B) BeforeMount

59 / 60

Która metoda cyklu życia komponentu oznacza że komponent zbudował DOM i jest gotowy do wykonywania działań na nim?