wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz o Angularze

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

Angular to:

a)

Biblioteka CSS

b)

Framework JavaScript do tworzenia aplikacji webowych

c)

Edytor kodu

d)

Baza danych

2.

Angular został stworzony przez:

a)

Google

b)

Microsoft

c)

Meta

d)

Amazon

3.

Językiem, w którym pisze się aplikacje Angular, jest głównie:

a)

Java

b)

TypeScript

c)

Python

d)

C#

4.

AngularJS i Angular to:

a)

Ta sama wersja frameworka

b)

Dwie różne generacje – AngularJS to starsza

c)

Framework i biblioteka CSS

d)

Dwa różne języki

5.

Najnowsze wersje Angulara wydawane są średnio:

a)

Raz na 5 lat

b)

Co pół roku

c)

Codziennie

d)

Nigdy

6.

Polecenie ng new służy do:

a)

Tworzenia nowego projektu Angular

b)

Uruchamiania serwera

c)

Budowania aplikacji

d)

Instalacji Angular CLI

7.

Główny plik startowy aplikacji Angular to:

a)

main.html

b)

angular.json

c)

main.ts

d)

package.json

8.

Komponent w Angularze to:

a)

Klasa CSS

b)

Podstawowy element aplikacji z logiką, widokiem i stylem

c)

Zewnętrzna biblioteka

d)

Router

9.

Katalog src/app zawiera:

a)

Tylko pliki konfiguracyjne

b)

Kod źródłowy aplikacji i komponenty

c)

Obrazy

d)

Dane testowe

10.

Angular CLI to:

a)

Edytor tekstu

b)

Narzędzie wiersza poleceń do pracy z Angular

c)

Dodatek do przeglądarki

d)

Biblioteka CSS

11.

Komponent składa się zwykle z trzech plików:

a)

.js, .xml, .txt

b)

.ts, .html, .css

c)

.html, .png, .scss

d)

.ts, .py, .html

12.

Aby utworzyć nowy komponent, używamy polecenia:

a)

ng create component

b)

npm new component

c)

ng generate component nazwa

d)

angular make component

13.

Plik .ts w komponencie zawiera:

a)

Logikę komponentu (klasa, właściwości, metody)

b)

Styl CSS

c)

Szablon HTML

d)

Dane testowe

14.

14. Plik .html w komponencie odpowiada za:

a)

Kod TypeScript

b)

Stylowanie

c)

Wyświetlanie widoku (template)

d)

Routing

15.

Plik .css w komponencie służy do:

a)

Logiki

b)

Testów

c)

Stylizacji wyglądu komponentu

d)

Importu bibliotek

16.

Interpolacja w Angularze używa nawiasów:

a)

[ ]

b)

{{ }}

c)

( )

d)

< >

17.

Data binding umożliwia:

a)

Łączenie danych z logiki z widokiem

b)

Łączenie CSS z JS

c)

Ładowanie plików JSON

d)

Przechowywanie danych w LocalStorage

18.

W Angularze można używać:

a)

Tylko jednostronnego wiązania danych

b)

Jedno- i dwukierunkowego wiązania danych

c)

Tylko wiązania CSS

d)

Wiązania przez HTML

19.

Dwukierunkowe wiązanie danych realizuje się przy pomocy:

a)

{{ }}

b)

[(ngModel)]

c)

[src]

d)

(click)

20.

Aby używać ngModel, trzeba zaimportować:

a)

RouterModule

b)

FormsModule

c)

HttpClientModule

d)

CommonModule

21.

Router w Angularze służy do:

a)

Stylizacji

b)

Nawigacji między widokami

c)

Ładowania CSS

d)

Tworzenia serwisów

22.

Aby dodać routing do aplikacji, używa się modułu:

a)

AppModule

b)

CommonModule

c)

RouterModule

d)

FormsModule

23.

W pliku app-routing.module.ts definiuje się:

a)

Ścieżki (routes) aplikacji

b)

Dane serwera

c)

Testy

d)

Style globalne

24.

W kodzie TypeScript można przejść do strony za pomocą:

a)

window.location

b)

Router.navigate()

c)

navigateTo()

d)

loadPage()

25.

Dependency Injection oznacza:

a)

Wstrzykiwanie zależności (obiektów) do komponentów

b)

Zastępowanie CSS

c)

Usuwanie błędów

d)

Tworzenie modułów

26.

Serwis można wstrzyknąć przez konstruktor za pomocą:

a)

new Service()

b)

private service: ServiceName

c)

inject(Service)

d)

Service.load()

27.

Aby serwis był globalnie dostępny, dodajemy go w:

a)

HTML

b)

Root injector (providedIn: 'root')

c)

app.component.ts

d)

styles.css

28.

Moduł w Angularze to:

a)

Zbiór komponentów, dyrektyw i serwisów

b)

Styl CSS

c)

Zewnętrzny plik JS

d)

Folder z obrazkami

29.

Główny moduł aplikacji to:

a)

app.component.ts

b)

angular.json

c)

app.module.ts

d)

index.html

30.

Dekorator @NgModule zawiera m.in.:

a)

CSS i HTML

b)

Deklaracje, importy i bootstrap

c)

Zmienne globalne

d)

Serwer Node.js

31.

Aby dodać nowy moduł, używamy polecenia:

a)

npm module

b)

ng generate module

c)

create module

d)

ng new mod

32.

W imports modułu umieszczamy:

a)

Komponenty

b)

Inne moduły, które chcemy używać

c)

Tylko serwisy

d)

Dane JSON

33.

Aby uruchomić aplikację Angular, używamy:

a)

ng serve

b)

npm start angular

c)

ng run

d)

angular start

34.

Domyślny port lokalny Angular to:

a)

3000

b)

4200

c)

8080

d)

1337

35.

Plik angular.json zawiera:

a)

Konfigurację projektu Angular

b)

Dane o komponentach

c)

Styl CSS

d)

Ustawienia serwera

36.

Angular najlepiej opisuje zdanie:

a)

Biblioteka do manipulacji DOM

b)

Kompletny framework front-end do budowy SPA (Single Page Applications)

c)

Zbiór komponentów CSS

d)

Backend w Node.js

37.

Jakie polecenie służy do aktualizacji Angular CLI?

a)

ng upgrade

b)

npm update

c)

ng update

d)

angular update

38.

Jakie polecenie służy do usunięcia komponentu w Angularze?

a)

ng generate remove

b)

ng destroy component

c)

ng delete component

d)

ng remove component

39.

W Angularze, co to jest dyrektywa?

a)

Moduł zewnętrzny

b)

Specjalny typ komponentu, który zmienia wygląd lub zachowanie elementów DOM

c)

Klasa do zarządzania danymi

d)

Element HTML

40.

Jakie polecenie służy do uruchomienia aplikacji Angular w trybie deweloperskim?

a)

ng launch

b)

ng serve

c)

ng start

d)

ng run