Jaki będzie efekt działania przedstawionych dwóch równoważnych funkcjonalnie fragmentów kodu źródłowego?
Jaki będzie efekt działania przedstawionych dwóch równoważnych funkcjonalnie fragmentów kodu źródłowego?
Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: B
Uzasadnienie i szersze wyjaśnienie:
Oba fragmenty kodu, jeden w React.js, drugi w Angular, implementują komponent, którego zadaniem jest wyświetlenie tekstu wewnątrz znacznika HTML <h1>. Znacznik <h1> służy do definiowania nagłówka pierwszego poziomu, czyli najważniejszego nagłówka na stronie.
- W React: Komponent
Headingotrzymuje tekst „Egzamin zawodowy” poprzez właściwość (prop)titlei renderuje go wewnątrz<h1>{props.title}</h1>. - W Angular: Komponent
HeadingComponentma zdefiniowaną właściwośćtitlez wartością „Egzamin zawodowy” i wyświetla ją w swoim szablonie za pomocą interpolacji<h1>{{title}}</h1>.
Efektem działania obu komponentów będzie wyrenderowanie w drzewie DOM elementu <h1>Egzamin zawodowy</h1>, co wizualnie objawi się jako wyświetlony na stronie tekst w nagłówku: „Egzamin zawodowy”.
Dlaczego pozostałe odpowiedzi są nieprawidłowe?
- A: Tekst nie jest umieszczony w akapicie (
<p>), lecz w nagłówku (<h1>). - C: Kod nie ustawia atrybutu
titledla elementów HTML (który odpowiada za dymek pojawiający się po najechaniu myszą), a ich treść tekstową. - D: Kod nie modyfikuje tytułu całej strony (który jest zdefiniowany w znaczniku
<title>w sekcji<head>dokumentu), a jedynie wstawia nagłówek w treści (<body>) strony.
Chcesz poćwiczyć całą kwalifikację INF.04?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Biblioteka React (React.js)Deklaratywna biblioteka języka JavaScript stworzona przez firmę Meta, służąca do budowy interfejsów użytkownika w aplikacjach Single Page Application (SPA) w oparciu o komponenty i Virtual DOM.
- Framework AngularKompletny, oparty na języku TypeScript framework frontendowy rozwijany przez firmę Google, przeznaczony do budowy skalowalnych aplikacji SPA w architekturze komponentowej.
- Zmienne i Stałe w programowaniuNazwane obszary pamięci operacyjnej przechowujące dane robocze programu; zmienne pozwalają na modyfikację wartości podczas działania, podczas gdy stałe mają wartość niezmienną.
Podobne pytania z działu „Architektura i cykl zycia android”
Ten sam obszar materiału z kwalifikacji INF.04. W całej bazie znajdziesz 21 pytań z tego działu.
- #23
Który plik konfiguracyjny w aplikacjach Android zawiera deklaracje aktywności, uprawnień i usług?
- #26
Która metoda w systemie Android służy do obsługi kliknięcia przycisku?
- #102
Przedstawiony fragment kodu w języku Java wypełnia tablicę wartościami:
- #119
Przedstawiony fragment kodu z Android Studio implementuje metodę nasłuchującą do obsługi zdarzenia:
- #141
Przedstawiony fragment programu w języku C# generuje hasło. Wskaż zdanie PRAWDZIWE określające własność tego hasła: