Angular: Ucz się i Koduj — Napisz komponent i obserwuj, jak renderuje się na żywo na Twoim telefonie

Trzy edytowalne panele — component.ts z klasą TypeScript, template.html ze znacznikami oraz styles.css ze stylami — i znajdujący się obok podgląd, który renderuje komponent podczas edycji dowolnego z tych trzech plików. Zmiana wartości signal w klasie i obserwowanie natychmiastowej aktualizacji template to właśnie coś, czego nie pokaże statyczny przykład kodu w książce. Dlatego kurs opiera się na tym rozwiązaniu, a nie na przykładach przeznaczonych wyłącznie do czytania.

Znajomość JavaScript pomaga, ale nie jest warunkiem wstępnym, który musisz najpierw spełnić. Angular jest napisany w TypeScript, czyli JavaScript z dodanym systemem typów, a kurs wprowadza adnotacje typów i interfejsy w miarę potrzeby, zamiast zakładać, że już je znasz. Angular: Ucz się i Koduj zaczyna się od pierwszego standalone component i równolegle wyjaśnia TypeScript.

Signal to reaktywna wartość tworzona za pomocą signal(), którą template odczytuje bezpośrednio; computed() wyprowadza nowy signal z już istniejących, a effect() automatycznie uruchamia kod, gdy zmieni się signal, od którego zależy. Signals to obecnie zalecany przez Angular sposób przechowywania stanu komponentu. Zastępują dużą część ręcznej obsługi wykrywania zmian znanej ze starszych wersji, dlatego kurs Signals Fundamentals znajduje się na początku ścieżki, a nie wśród zaawansowanych tematów.

React to biblioteka renderująca — wokół niej samodzielnie wybierasz router, obsługę formularzy, klienta HTTP i zarządzanie stanem. Angular jest pełnym frameworkiem i od razu dostarcza te rozwiązania: komponenty, dependency injection, router, RxJS, a obecnie także wbudowane signals. React zwykle wydaje się lżejszy na początku, a Angular cięższy, ale w dużym zespole kod Angular wygląda podobnie w różnych firmach, co jest jednym z powodów, dla których duże organizacje nadal go używają.

Tak, szczególnie jeśli celem jest zatrudnienie, a nie projekt poboczny. Angular jest szeroko wykorzystywany w dużych firmach i narzędziach klasy enterprise, gdzie jego uporządkowana struktura, wbudowane wsparcie testów i harmonogram długoterminowego wsparcia są ważniejsze niż nowość technologii, dlatego liczba ofert pracy związanych z Angular zwykle pozostaje stabilna. Materiały o signals i SignalStore w tym kursie odzwierciedlają również faktyczny kierunek rozwoju frameworka, a nie jego nieaktualny obraz.

Regularność ma większe znaczenie niż łączna liczba godzin. Przy codziennej pracy z krótkimi lekcjami w środowisku roboczym większość początkujących potrafi w ciągu kilku tygodni zbudować i połączyć kilka komponentów, przekazywać między nimi dane za pomocą signals oraz wywołać API. Dependency injection, operatory RxJS i zarządzanie stanem NgRx to elementy, które zwykle wymagają powtórki, dlatego kurs przedstawia je po podstawach, a nie na samym początku.

Angular: Ucz się i Koduj jest dostępna na iPhone i iPad w App Store oraz na Android w Google Play. Interfejs jest dostępny w 22 językach, a aplikacja ma oznaczenie wiekowe 4+. Jest przeznaczona dla zupełnie początkujących, studentów, osób zmieniających ścieżkę kariery oraz programistów znających podstawy JavaScript, którzy chcą poznać Angular jako pierwszy framework albo przejść na niego z React lub Vue.

Aplikację można bezpłatnie pobrać z App Store i Google Play. Pierwszy kurs oraz środowisko robocze z podglądem na żywo są darmowe. Pro to płatne rozszerzenie: odblokowuje wszystkie kursy, wszystkie 60 zadań programistycznych oraz korepetytora AI, generator lekcji i playground, a także usuwa reklamy.

Nie — konkretnie podgląd nie działa offline. Renderowanie komponentu na żywo wymaga połączenia, o czym aplikacja informuje wprost, zamiast po cichu ograniczać działanie. Lekcje i materiały do czytania nadal się ładują i pozostają dostępne przy niestabilnym połączeniu, ale jeśli potrzebujesz w pełni offline’owego środowiska roboczego, podgląd na żywo w tej aplikacji go nie zapewni.

Nie. Angular: Ucz się i Koduj to niezależny kurs edukacyjny firmy CoddyKit, który nie jest powiązany z Google ani zespołem Angular i nie został przez nich zatwierdzony. Uczy frameworka w sposób, w jaki jest on rozwijany i publikowany przez Google, ale sama aplikacja jest kursem zewnętrznego dostawcy, a nie oficjalnym produktem.