Witaj, świecie!
Oto aplikacja w postaci pojedynczej strony zbudowana z użyciem:
- ASP.NET Core i C#, aby zapewnić niezależny od platformy kod działający po stronie serwera.
- Angular i TypeScript, aby dostarczyć kod działający po stronie klienta
- Webpack, aby zapewnić możliwość kompilacji i łączenia zasobów po stronie klienta
- Bootstrap, aby układ i style działające po stronie klienta
Skonfigurowane zostały również następujące elementy:
- Nawigacja po stronie klienta. Przykładowo kliknij Licznik, a następnie Wstecz, aby powrócić na tę stronę.
- Prerendering po stronie serwera. Aby przyśpieszyć wczytywanie i usprawnić SEO, aplikacja Angular jest wstępnie wygenerowana przez serwer. Otrzymany w wyniku kod HTML zostaje przekazany przeglądarce WWW, która uruchamia kopię aplikacji po stronie klienta.
- Oprogramowanie Webpack. W trybie programisty nie ma konieczności uruchamiania narzędzia
webpack
. Zasoby po stronie klienta są kompilowane dynamicznie na żądanie. Z kolei uaktualnienia stają się dostępne po modyfikacji pliku.
- Zastępowanie modułów w trakcie działania aplikacji. W trybie programisty nie trzeba nawet odświeżać strony po wprowadzeniu większości zmian. Tuż po zapisaniu pliku aplikacja Angular zostanie ponownie skompilowana i jej nowa wersja będzie wstrzyknięta na stronę.
- Efektywna kompilacja wersji produkcyjnej. W trybie produkcyjnym funkcje oferowane przez tryb programisty zostają wyłączone, a narzędzie
webpack
powoduje wygenerowanie zminimalizowanej statycznej wersji plików CSS i JavaScript.