FMR Quiz #1

Do zespołu devów Spectrum ma dołączyć nowy narybek.

Trzeba stworzyć nowy array devów, który będzie zawierał zarówno Maćka, Agatę jak i nowe nazwiska. W jaki sposób?

• newArray = ['Agata Pytka', 'Maciej Krogulec', data.newDevs[...]];

• newArray = ['Agata Pytka', 'Maciej Krogulec', data.newDevs];

• newArray = ['Agata Pytka', 'Maciej Krogulec', data.newDevs...];

• newArray = ['Agata Pytka', 'Maciej Krogulec', ...data.newDevs];

W jakiej kolejności będą wyświetlone wiadomości w konsoli po naciśnięciu guzika?

• "blue"

  "green"

  "red"

• "blue"

  "red"

  "green"

• "green"

  "red"

  "blue"

• "green"

  "blue"

  "red"

Answer explanation

parametr w addEventListener to 'useCapture', który domyślnie jest false, więc bez niego event się odpala w fazie bubbling, a z nim na true odpala się w fazie capture.

Maciek chce obczaić kod komponentu używając ChromeDevTools. W zakładce 'Sources' znalazł odpowiedni plik .js, lecz niestety kod jest 'minified' i nie da się tego czytać. Co powinien zrobić Maciek?

• Kliknąć ikonkę "Pretty-Print" na dole edytora.

• Kliknąć prawym przyciskiem myszy na kod i wybrać "Format Code".

• Kliknąć "Convert Code" na górze edytora.

• Nie da się tego uładnić w tym narzędziu. Należy skorzystać z innego edytora.

W ChromeDevTools można ustawić breakpoint na zmiany w strukturze HTML.

• Prawda

• Nieprawda

Answer explanation

https://studio.webcomponents.dev/edit/SDMQqelblgZwQUbLYKEE/src/app.html?p=stories

Mamy dwa arraye: array1 i array2. Co wyprodukuje podany pod nimi array?

• [array1, array2]

• [array1, array2].flat()

• concat(array1, array2)

• array1.concat(array2)

• [...array1, ...array2]

Maciek robi komponent LWC i wyświetla zmienną tekstową (String) w html'u. Bardzo by chciał, żeby ta zmienna była reaktywna, czyli jeżeli zmieni się jej wartość, to żeby było to odzwierciedlone w widoku. Czego powinien użyć Maciek?

• dekoratora @api

• dekoratora @track

• dekoratora @wire

• Maciek nie musi używać dekoratora

Answer explanation

https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_track.htm&type=5&release=224

Mamy dwa komponenty: rodzica 'App' i dziecko 'Child'. Co zostanie wyświetlone?

• connectedCallBackChildLabel

• connectedCallBackAppLabel

• renderedCallBackAppLabel

• childLabel

• constructorChildLabel

Answer explanation

https://lwc.dev/guide/lifecycle

Co zostanie wyświetlone w konsoli?

• ['one', 'two', 'four', 'three']

• ['one', 'two', 'three', 'four']

• ['one', 'two', 4, 'four']

• ['one', 1, 4, 'four', 'three']

Co zostanie wyświetlone w konsoli?

• [9, 8, 4, 5]

• [4, 6, 8, 10]

• [10, 9, 5, 6]

• [10, 8, 6, 4]

Maciek pobrał array contacts obiektów i chce wyświetlić imiona oraz tytuły wszystkich osób z zastrzeżeniem, że pierwsza osoba ma być pogrubiona. Jak to ma zrobić?

• 
• 
• 
• 

Answer explanation

https://lwc.dev/guide/html_templates#render-lists