0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

Naucz się Angular i twórz skalowalne, nowoczesne aplikacje webowe z Angular Academy.

🤖 Napędzane AI📚 38 kursów👥 100 000+ uczniów⭐ Ocena 4,9
Przegląd kursu

Angular: Framework Stojący za Aplikacjami Webowymi Skalowanymi do Produkcji

Angular to opiniodawczy framework TypeScript-first firmy Google, używany do budowania dużych, łatwych w utrzymaniu aplikacji jednostronicowych. Jego model komponentów, system wstrzykiwania zależności i narzędzia pierwszej klasy czynią go frameworkiem wybieranym przez zespoły enterprise i deweloperów, którzy chcą struktury na skalę. Ten tor obejmuje nowoczesny Angular — wersję 19 ze składnikami standalone, Signals i nową składnią control flow — a nie przestarzałe wzorce ze starszych przewodników.

Co Się Nauczysz

Zaczniesz od Angular CLI, struktury projektu i fundamentów Angular 19, a następnie przejdziesz do reaktywności opartej na Signals, komponentów standalone i wstrzykiwania zależności. Dalej będziesz omawiać formularze sterowane szablonami i reaktywne, operatory RxJS, interceptory HttpClient, hooki cyklu życia komponentu, rzutowanie treści, animacje i routing. Kolejne kursy obejmują zarządzanie stanem za pomocą NgRx i opartą na Signals NgRx SignalStore, testowanie jednostkowe i end-to-end, internacjonalizację i niestandardowe kontrolki formularzy. Tor kończy się optymalizacją wykrywania zmian, renderowaniem po stronie serwera, hydracją, mikro frontendami z Module Federation, budowaniem ponownie użytecznych bibliotek Angular i Angular security essentials.

Ścieżka Nauki

Trzydzieści siedem kursów obejmuje poziomy A1 do C1. Pierwsze osiem kursów (A1–A2) budują fundamenty: ustawienie CLI, komponenty standalone, pipes, hooki cyklu życia i wiązanie dwukierunkowe. Kursy B1 i B2 rozwijają umiejętności aplikacyjne — RxJS, zaawansowany routing, formularze reaktywne, skład dyrektyw i pełne pokrycie testami. Tier C1 obejmuje to, co odróżnia production Angular od tutorial Angular: Wykrywanie Zmian i Wydajność, NgRx SignalStore, Renderowanie po Stronie Serwera z Angular SSR, Mikro Frontendy z Module Federation, Budowanie Bibliotek Angular i Angular Security Essentials.

Jak to Działa

Każdy kurs podzielony jest na krótkie, praktyczne lekcje, które wykonujesz w wbudowanym edytorze kodu z informacją zwrotną w czasie rzeczywistym. Tutor AI jest dostępny zawsze, gdy się zatkniesz, a każda koncepcja jest wzmacniana ćwiczeniami uruchamianymi bezpośrednio w przeglądarce — żadna lokalna konfiguracja nie jest wymagana, aby zacząć.

Zacznij naukę →

Jak się będziesz uczyć

🎯
Interaktywne lekcje
Praktyczne ćwiczenia kodowania z opinią zwrotną w czasie rzeczywistym
🤖
Tutor AI
Uzyskaj natychmiastową pomoc od naszego AI, gdy się zatniesz
💻
Wbudowany edytor
Pisz i uruchamiaj kod bezpośrednio w przeglądarce
🏆
Certyfikat
Uzyskaj certyfikat po ukończeniu kursu
Program nauczania

38 kursów

Każdy kurs ze ścieżki edukacyjnej Angular Academy.

01

Witamy w Angular

A13 lekcji

Zrozum, czym jest Angular, dlaczego Google go stworzyło i rozwija oraz jak zmienia sposób tworzenia dużych, profesjonalnych aplikacji inter…

02

Angular CLI i struktura projektu

A14 lekcjiPRO

Szybko twórz szkielet, buduj i zarządzaj projektami Angular za pomocą Angular CLI.

03

Wbudowany przepływ sterowania

A14 lekcjiPRO

Korzystaj z nowoczesnej składni blokowego przepływu sterowania Angulara dla warunków i pętli w szablonach.

04

Podstawy Angular 19

A13 lekcjiPRO

Wprowadzenie do Angular 19, obejmujące jego najważniejsze funkcje, architekturę i konfigurację środowiska

05

Podstawy Signals w Angularze

A24 lekcjiPRO

Opanuj reaktywny prymityw Signals w Angularze, aby zarządzać stanem w sposób precyzyjny i wydajny.

06

Komponenty standalone — pogłębione omówienie

A24 lekcjiPRO

Twórz aplikacje Angular bez NgModules, korzystając z architektury komponentów standalone.

07

Podstawy wstrzykiwania zależności

A24 lekcjiPRO

Udostępniaj i wykorzystuj usługi za pomocą hierarchicznego systemu wstrzykiwania zależności Angulara.

08

Pipes: wbudowane i niestandardowe

A24 lekcjiPRO

Przekształcaj wyświetlane dane za pomocą wbudowanych pipes i twórz własne niestandardowe pipes.

09

Haki cyklu życia komponentu

A24 lekcjiPRO

Podłączaj własną logikę do tworzenia, zmian i niszczenia komponentów za pomocą haków cyklu życia Angulara.

10

Wiązanie dwukierunkowe i wejścia modelu

A24 lekcjiPRO

Synchronizuj dane między komponentem nadrzędnym i podrzędnym za pomocą wiązania dwukierunkowego oraz wejść modelu opartych na Signals.

11

Stylowanie komponentów i enkapsulacja

A24 lekcjiPRO

Styluj komponenty za pomocą zakresowego CSS, trybów enkapsulacji widoku i stylowania hosta.

12

Wejścia i zapytania oparte na Signals

B14 lekcjiPRO

Korzystaj z nowoczesnych API wejść, wyjść i zapytań o widok opartych na Signals, aby tworzyć przejrzystsze komponenty.

13

Signals: computed i effects

B14 lekcjiPRO

Wyprowadzaj reaktywne wartości za pomocą computed signals i uruchamiaj efekty uboczne przez API effect.

14

Podstawy RxJS dla Angulara

B14 lekcjiPRO

Poznaj obserwowalne, subskrypcje i subjects jako podstawę reaktywności Angulara.

15

Projekcja zawartości i szablony

B14 lekcjiPRO

Twórz elastyczne, wielokrotnego użytku komponenty za pomocą projekcji zawartości, ng-content i referencji do szablonów.

16

Animacje Angulara

B14 lekcjiPRO

Ożywiaj interfejsy za pomocą deklaratywnego systemu animacji Angulara.

17

Zaawansowane komponenty i dyrektywy

B13 lekcjiPRO

Poznaj zaawansowane interakcje między komponentami, dyrektywy i dobre praktyki

18

Routing i nawigacja w Angular

B13 lekcjiPRO

Naucz się routingu, strażników nawigacji i resolverów tras w Angular

19

Praca z formularzami

B13 lekcjiPRO

Szczegółowe omówienie obsługi formularzy w Angular

20

Operatory RxJS — pogłębione omówienie

B24 lekcjiPRO

Twórz zaawansowane przepływy danych za pomocą operatorów mapowania, filtrowania, łączenia i obsługi błędów.

21

Angular Router — poziom zaawansowany

B24 lekcjiPRO

Wyjdź poza podstawowe routing dzięki resolverom, danym tras, parametrom i guardom funkcyjnym.

22

Interceptory HttpClient

B24 lekcjiPRO

Centralizuj przekrojowe zagadnienia HTTP za pomocą interceptorów funkcyjnych i opartych na klasach.

23

Zaawansowane formularze reaktywne

B24 lekcjiPRO

Twórz dynamiczne, silnie typowane formularze reaktywne za pomocą FormArray, niestandardowych kontrolek i asynchronicznej walidacji.

24

Directive Composition API

B24 lekcjiPRO

Twórz wielokrotnego użytku zachowanie, stosując wiele dyrektyw do komponentów hosta.

25

Zarządzanie stanem za pomocą NgRx

B23 lekcjiPRO

Wykorzystaj NgRx do wydajnego zarządzania stanem aplikacji

26

Zarządzanie stanem oparte na Signals

B24 lekcjiPRO

Projektuj stan aplikacji za pomocą Signals, usług i wzorców reaktywnych bez zewnętrznych bibliotek.

27

Niestandardowe kontrolki formularzy

B24 lekcjiPRO

Integruj niestandardowe widżety z formularzami Angulara, implementując ControlValueAccessor.

28

Testowanie jednostkowe i komponentów w Angularze

B24 lekcjiPRO

Testuj komponenty, usługi i pipes za pomocą TestBed oraz narzędzi testowych Angulara.

29

Testowanie end-to-end aplikacji Angular

B24 lekcjiPRO

Weryfikuj rzeczywiste ścieżki użytkownika za pomocą testów end-to-end w Playwright i Cypress.

30

Internacjonalizacja (i18n)

B24 lekcjiPRO

Lokalizuj aplikacje Angular za pomocą wbudowanego systemu i18n i strategii tłumaczenia w czasie działania.

31

HTTP i integracja z API

B23 lekcjiPRO

Opanuj komunikację HTTP i integrację z API w Angular

32

Wykrywanie zmian i wydajność

C14 lekcjiPRO

Optymalizuj renderowanie za pomocą wykrywania zmian OnPush, trybu bez stref i strategii trackBy.

33

NgRx SignalStore

C14 lekcjiPRO

Zarządzaj złożonym stanem za pomocą nowoczesnego, opartego na Signals NgRx SignalStore.

34

Renderowanie po stronie serwera z Angular SSR

C14 lekcjiPRO

Renderuj Angulara na serwerze, aby przyspieszyć pierwsze wyświetlenie i poprawić SEO.

35

Hydratacja i wydajność

C14 lekcjiPRO

Przyspieszaj aplikacje SSR dzięki pełnej i inkrementalnej hydratacji, ograniczając pracę po stronie klienta.

36

Micro frontends z Module Federation

C14 lekcjiPRO

Twórz duże aplikacje Angular z niezależnie wdrażanych mikrofrontendów.

37

Tworzenie bibliotek Angular

C14 lekcjiPRO

Pakuj i publikuj wielokrotnego użytku biblioteki Angular w formacie Angular Package Format.

38

Podstawy bezpieczeństwa Angular

C13 lekcjiPRO

Zabezpiecz swoje aplikacje Angular za pomocą najważniejszych technik

FAQ

Często zadawane pytania

Czy kurs Angular Academy jest bezpłatny?

Tak. Możesz rozpocząć kurs Angular Academy za darmo i ukończyć jego interaktywne lekcje bez żadnych kosztów. Opcjonalna subskrypcja PRO odblokowuje zaawansowane narzędzia AI i certyfikat możliwy do udostępnienia.

Czy potrzebuję wcześniejszego doświadczenia, aby nauczyć się HTML?

Nie. Kurs zaczyna się od podstaw i stopniowo przechodzi do bardziej zaawansowanych tematów, więc możesz zacząć nawet bez wcześniejszego doświadczenia z HTML.

Jak nauczysz się HTML na CoddyKit?

Uczysz się praktycznie. Krótkie interaktywne lekcje łączą jasne wyjaśnienie z praktycznym ćwiczeniem kodowania, które działa w czasie rzeczywistym, a tutor AI dostępny 24/7 udziela spersonalizowanej pomocy, gdy się zatniesz.

Czy dostajesz certyfikat po ukończeniu Angular Academy?

Tak. Uczniowie PRO mogą przystąpić do egzaminu i uzyskać certyfikat ukończenia możliwy do udostępnienia z kodem możliwym do weryfikacji dla kursu Angular Academy.

Czy możesz nauczyć się HTML na telefonie?

Tak. CoddyKit jest dostępny na stronie internetowej i jako natywne aplikacje iOS i Android, dzięki czemu możesz nauczyć się HTML na dowolnym urządzeniu, a Twoje postępy synchronizują się między nimi.

Zacznij Angular Academy Teraz

Dołącz do tysięcy uczniów opanowujących programowanie dzięki lekcjom wspieranym AI.

Rozpocznij Bezpłatnie →Przeglądaj Wszystkie Kursy