NEW
Font size
WorksheetsQuiz o Angularze
Total questions: 40
Worksheet time: 20mins
Angular to:
Biblioteka CSS
Framework JavaScript do tworzenia aplikacji webowych
Edytor kodu
Baza danych
Angular został stworzony przez:
Microsoft
Meta
Amazon
Językiem, w którym pisze się aplikacje Angular, jest głównie:
Java
TypeScript
Python
C#
AngularJS i Angular to:
Ta sama wersja frameworka
Dwie różne generacje – AngularJS to starsza
Framework i biblioteka CSS
Dwa różne języki
Najnowsze wersje Angulara wydawane są średnio:
Raz na 5 lat
Co pół roku
Codziennie
Nigdy
Polecenie ng new służy do:
Tworzenia nowego projektu Angular
Uruchamiania serwera
Budowania aplikacji
Instalacji Angular CLI
Główny plik startowy aplikacji Angular to:
main.html
angular.json
main.ts
package.json
Komponent w Angularze to:
Klasa CSS
Podstawowy element aplikacji z logiką, widokiem i stylem
Zewnętrzna biblioteka
Router
Katalog src/app zawiera:
Tylko pliki konfiguracyjne
Kod źródłowy aplikacji i komponenty
Obrazy
Dane testowe
Angular CLI to:
Edytor tekstu
Narzędzie wiersza poleceń do pracy z Angular
Dodatek do przeglądarki
Biblioteka CSS
Komponent składa się zwykle z trzech plików:
.js, .xml, .txt
.ts, .html, .css
.html, .png, .scss
.ts, .py, .html
Aby utworzyć nowy komponent, używamy polecenia:
ng create component
npm new component
ng generate component nazwa
angular make component
Plik .ts w komponencie zawiera:
Logikę komponentu (klasa, właściwości, metody)
Styl CSS
Szablon HTML
Dane testowe
14. Plik .html w komponencie odpowiada za:
Kod TypeScript
Stylowanie
Wyświetlanie widoku (template)
Routing
Plik .css w komponencie służy do:
Logiki
Testów
Stylizacji wyglądu komponentu
Importu bibliotek
Interpolacja w Angularze używa nawiasów:
[ ]
{{ }}
( )
< >
Data binding umożliwia:
Łączenie danych z logiki z widokiem
Łączenie CSS z JS
Ładowanie plików JSON
Przechowywanie danych w LocalStorage
W Angularze można używać:
Tylko jednostronnego wiązania danych
Jedno- i dwukierunkowego wiązania danych
Tylko wiązania CSS
Wiązania przez HTML
Dwukierunkowe wiązanie danych realizuje się przy pomocy:
{{ }}
[(ngModel)]
[src]
(click)
Aby używać ngModel, trzeba zaimportować:
RouterModule
FormsModule
HttpClientModule
CommonModule
Router w Angularze służy do:
Stylizacji
Nawigacji między widokami
Ładowania CSS
Tworzenia serwisów
Aby dodać routing do aplikacji, używa się modułu:
AppModule
CommonModule
RouterModule
FormsModule
W pliku app-routing.module.ts definiuje się:
Ścieżki (routes) aplikacji
Dane serwera
Testy
Style globalne
W kodzie TypeScript można przejść do strony za pomocą:
window.location
Router.navigate()
navigateTo()
loadPage()
Dependency Injection oznacza:
Wstrzykiwanie zależności (obiektów) do komponentów
Zastępowanie CSS
Usuwanie błędów
Tworzenie modułów
Serwis można wstrzyknąć przez konstruktor za pomocą:
new Service()
private service: ServiceName
inject(Service)
Service.load()
Aby serwis był globalnie dostępny, dodajemy go w:
HTML
Root injector (providedIn: 'root')
app.component.ts
styles.css
Moduł w Angularze to:
Zbiór komponentów, dyrektyw i serwisów
Styl CSS
Zewnętrzny plik JS
Folder z obrazkami
Główny moduł aplikacji to:
app.component.ts
angular.json
app.module.ts
index.html
Dekorator @NgModule zawiera m.in.:
CSS i HTML
Deklaracje, importy i bootstrap
Zmienne globalne
Serwer Node.js
Aby dodać nowy moduł, używamy polecenia:
npm module
ng generate module
create module
ng new mod
W imports modułu umieszczamy:
Komponenty
Inne moduły, które chcemy używać
Tylko serwisy
Dane JSON
Aby uruchomić aplikację Angular, używamy:
ng serve
npm start angular
ng run
angular start
Domyślny port lokalny Angular to:
3000
4200
8080
1337
Plik angular.json zawiera:
Konfigurację projektu Angular
Dane o komponentach
Styl CSS
Ustawienia serwera
Angular najlepiej opisuje zdanie:
Biblioteka do manipulacji DOM
Kompletny framework front-end do budowy SPA (Single Page Applications)
Zbiór komponentów CSS
Backend w Node.js
Jakie polecenie służy do aktualizacji Angular CLI?
ng upgrade
npm update
ng update
angular update
Jakie polecenie służy do usunięcia komponentu w Angularze?
ng generate remove
ng destroy component
ng delete component
ng remove component
W Angularze, co to jest dyrektywa?
Moduł zewnętrzny
Specjalny typ komponentu, który zmienia wygląd lub zachowanie elementów DOM
Klasa do zarządzania danymi
Element HTML
Jakie polecenie służy do uruchomienia aplikacji Angular w trybie deweloperskim?
ng launch
ng serve
ng start
ng run
