OMÓWIENIE BUDOWY APLIKACJI ANGULAROWEJ
README MD - pokazuje szereg komend(np.jak generować aplikację , jak tworzyć komponenty , serwisy , klasy itd.) oraz linki do pomocy
katalog e2e - opisuje testy końcowe
katalog node_modules - zawiera wszystkie moduły , które są potrzebne aby nasz projekt działał
package.json - w tym pliku definiujemy zależności dla naszego projektu
package-lock.json - opisuje wszystkie moduły dociągnięte do katalogu node_modules
src - tutaj budujemy naszą aplikację
assets - tutaj znajdują się pliki , które możemy używać w naszej aplikacji
enviroments - pliki do konfiguracji wersji produkcyjnej lub deweloperskiej
index.html - odpowiada za uruchomienie naszej aplikacji
main.ts - uruchamia aplikację angularową
angular.cli - konfiguruje naszą aplikację , wszystkie pliki są tam skonfigurowane i opisane
karma - testuje naszą aplikację
W pliku app.module.ts - znajdują się informację o wszystkich komponentach , serwisach jakie utworzyliśmy w naszej aplikacji
Sekcja import - odpowiedzialny za uruchamianie aplikacji w przeglądarce
providers - tutaj deklarujemy informacje o naszych serwisach
bootstrap - informuje , który komponent jest odpowiedzialny za uruchomienie naszej całej aplikacji
selector - id
katalog e2e - opisuje testy końcowe
katalog node_modules - zawiera wszystkie moduły , które są potrzebne aby nasz projekt działał
package.json - w tym pliku definiujemy zależności dla naszego projektu
package-lock.json - opisuje wszystkie moduły dociągnięte do katalogu node_modules
src - tutaj budujemy naszą aplikację
assets - tutaj znajdują się pliki , które możemy używać w naszej aplikacji
enviroments - pliki do konfiguracji wersji produkcyjnej lub deweloperskiej
index.html - odpowiada za uruchomienie naszej aplikacji
main.ts - uruchamia aplikację angularową
angular.cli - konfiguruje naszą aplikację , wszystkie pliki są tam skonfigurowane i opisane
karma - testuje naszą aplikację
OMÓWIENIE BUDOWY PLIKU APP.MODULE
W pliku app.module.ts - znajdują się informację o wszystkich komponentach , serwisach jakie utworzyliśmy w naszej aplikacji
Sekcja import - odpowiedzialny za uruchamianie aplikacji w przeglądarce
providers - tutaj deklarujemy informacje o naszych serwisach
bootstrap - informuje , który komponent jest odpowiedzialny za uruchomienie naszej całej aplikacji
selector - id
KOMPONENTY
Posiada selektor
Z komponentów budowana jest aplikacja angularowa
Powiązany jest z plikami html i css
W komponencie kryje się logika odpowiedzialna za wyświetlanie danych w widoku html
Posiada dekorator @Component
Musi być przypisany do NgModule aby mógł być używany
Może posiadać zagnieżdżone komponenty
Za pomocą napisanych słów ng generate component name-component generujemy komponenty
Selektory o tej samej nazwie nie mogą się powtarzać



Komentarze
Prześlij komentarz