Angular Academy logo
HTMLAloittelijaVerkkoTasot A1 → C122 kieltä

Angular Academy

Oppikaa rakentamaan skaalautuvia ja moderneja verkkosovelluksia Angularilla Angular Academyn avulla. CoddyKitin oppimispolku, joka sisältää 38 lyhyttä kurssia ja 144 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
38
Oppitunnit
144
Interaktiiviset vaiheet
1,803
Aloita maksutta
Kurssi 1
Kurssisisältö

38 kurssia tässä opintopolussa

Kaikki Angular Academy-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A13 oppituntiaIlmainen

Ymmärtäkää, mikä Angular on, miksi Google rakensi ja ylläpitää sitä ja miten se muuttaa tapaa, jolla rakennatte suuria ja ammattimaisia verkkosovelluksia.

2

A14 oppituntiaPRO

Luo, käännä ja hallitse Angular-projekteja tehokkaasti Angular CLI:llä.

3

A14 oppituntiaPRO

Käytä Angularin modernia lohkopohjaista ohjausvirtasyntaksia ehtolauseisiin ja silmukoihin malleissa.

4

A13 oppituntiaPRO

Johdatus Angular 19:ään, sen keskeisiin ominaisuuksiin, arkkitehtuuriin ja ympäristön määrittämiseen

5

A24 oppituntiaPRO

Ota Angularin reaktiivinen signals-perusominaisuus haltuun tarkkarajaiseen ja tehokkaaseen tilanhallintaan.

6

A24 oppituntiaPRO

Rakenna Angular-sovelluksia ilman NgModuleja standalone-komponenttiarkkitehtuurilla.

7

A24 oppituntiaPRO

Tarjoa ja käytä palveluita Angularin hierarkkisen riippuvuuksien injektointijärjestelmän avulla.

8

A24 oppituntiaPRO

Muokkaa näytettäviä tietoja sisäänrakennetuilla pipeillä ja luo omia mukautettuja pipejä.

9

A24 oppituntiaPRO

Kytkeydy komponenttien luontiin, muutoksiin ja tuhoamiseen Angularin elinkaarikoukkujen avulla.

10

A24 oppituntiaPRO

Synkronoi tietoja isäntä- ja lapsikomponentin välillä kaksisuuntaisella sidonnalla ja signaalipohjaisilla mallisyötteillä.

11

A24 oppituntiaPRO

Tyylittele komponentteja rajatulla CSS:llä, näkymän kapselointitiloilla ja isännän tyylityksellä.

12

B14 oppituntiaPRO

Käytä moderneja signaalipohjaisia syöte-, tuloste- ja näkymäkyselyrajapintoja selkeämpien komponenttien rakentamiseen.

13

B14 oppituntiaPRO

Johda reaktiivisia arvoja computed-signaaleilla ja suorita sivuvaikutuksia effect-rajapinnalla.

14

B14 oppituntiaPRO

Ymmärrä observablen, tilausten ja subjectien merkitys Angularin reaktiivisuuden perustana.

15

B14 oppituntiaPRO

Rakenna joustavia ja uudelleenkäytettäviä komponentteja sisällön projisoinnilla, ng-contentilla ja malliviitteillä.

16

B14 oppituntiaPRO

Elävöitä käyttöliittymiä Angularin deklaratiivisella animaatiojärjestelmällä.

17

B13 oppituntiaPRO

Tutustukaa edistyneisiin komponenttien välisiin vuorovaikutuksiin, direktiiveihin ja parhaisiin käytäntöihin

18

B13 oppituntiaPRO

Oppikaa reititys, navigointivartijat ja reittien resolverit Angularissa

19

B13 oppituntiaPRO

Angular-lomakkeiden käsittely kattavasti

20

B24 oppituntiaPRO

Koosta tehokkaita tietovirtoja muunnos-, suodatus-, yhdistämis- ja virheenkäsittelyoperaattoreilla.

21

B24 oppituntiaPRO

Mene perusreititystä pidemmälle resolverien, reittidatan, parametrien ja funktionaalisten vartijoiden avulla.

22

B24 oppituntiaPRO

Keskitytä HTTP:n poikkileikkaavat huolenaiheet funktionaalisilla ja luokkapohjaisilla interceptoreilla.

23

B24 oppituntiaPRO

Rakenna dynaamisia ja vahvasti tyypitettyjä reaktiivisia lomakkeita FormArraylla, mukautetuilla ohjaimilla ja asynkronisella validoinnilla.

24

B24 oppituntiaPRO

Koosta uudelleenkäytettävää toimintaa käyttämällä useita direktiivejä isäntäkomponenteissa.

25

B23 oppituntiaPRO

Käyttäkää NgRx:ää sovelluksen tilan tehokkaaseen hallintaan

26

B24 oppituntiaPRO

Suunnittele sovelluksen tila signaaleilla, palveluilla ja reaktiivisilla malleilla ilman ulkoisia kirjastoja.

27

B24 oppituntiaPRO

Yhdistä mukautetut komponentit Angular-lomakkeisiin toteuttamalla ControlValueAccessor.

28

B24 oppituntiaPRO

Testaa komponentteja, palveluita ja pipejä TestBedillä ja Angularin testausapuohjelmilla.

29

B24 oppituntiaPRO

Varmista todelliset käyttäjäpolut Playwrightilla ja Cypressillä tehdyillä päästä päähän -testeillä.

30

B24 oppituntiaPRO

Lokalisoi Angular-sovelluksia sisäänrakennetulla i18n-järjestelmällä ja suorituksenaikaisilla käännösstrategioilla.

31

B23 oppituntiaPRO

Hallitskaa HTTP-viestintä ja API-integraatio Angularissa

32

C14 oppituntiaPRO

Optimoi renderöinti OnPush-muutosentunnistuksella, zoneless-tilalla ja trackBy-strategioilla.

33

C14 oppituntiaPRO

Hallitse monimutkaista tilaa modernilla signaalipohjaisella NgRx SignalStorella.

34

C14 oppituntiaPRO

Renderöi Angular palvelimella nopeamman ensimmäisen piirron ja paremman hakukonenäkyvyyden saavuttamiseksi.

35

C14 oppituntiaPRO

Nopeuta SSR-sovelluksia täydellä ja inkrementaalisella hydraatiolla vähentääksesi selaimen työmäärää.

36

C14 oppituntiaPRO

Koosta suuria Angular-sovelluksia itsenäisesti julkaistavista mikrofrontend-sovelluksista.

37

C14 oppituntiaPRO

Paketoi ja julkaise uudelleenkäytettäviä Angular-kirjastoja Angular Package Formatilla.

38

C13 oppituntiaPRO

Suojatkaa Angular-sovelluksenne keskeisillä tietoturvatekniikoilla

CoddyKit PRO

Avaa kaikki 38 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

Angular: tuotantomittakaavan verkkosovellusten taustalla oleva framework

Angular on Googlen vahvasti ohjaava, TypeScriptiin perustuva framework, jolla rakennetaan suuria ja ylläpidettäviä yhden sivun sovelluksia. Sen komponenttimalli, riippuvuuksien injektointijärjestelmä ja ensiluokkaiset työkalut tekevät siitä enterprise-tiimien ja suuren mittakaavan rakennetta arvostavien kehittäjien suosiman frameworkin. Tämä kokonaisuus käsittelee modernia Angularia — versiota 19, jossa ovat mukana itsenäiset komponentit, Signals ja uusi kontrollivirran syntaksi — ei vanhojen oppaiden perinteisiä malleja.

Mitä opitte

Aloitatte Angular CLI:stä, projektirakenteesta ja Angular 19:n perusteista ja siirrytte sitten Signals-pohjaiseen reaktiivisuuteen, itsenäisiin komponentteihin ja riippuvuuksien injektointiin. Sen jälkeen käsitellään mallipohjaisia ja reaktiivisia lomakkeita, RxJS-operaattoreita, HttpClient-välittäjiä, komponenttien elinkaarikoukkuja, sisällön projisointia, animaatioita ja reititystä. Myöhemmillä kursseilla käsitellään tilanhallintaa NgRx:llä ja Signals-pohjaisella NgRx SignalStorella, yksikkö- ja päästä päähän -testausta, kansainvälistämistä sekä mukautettuja lomakekontrolleja. Kokonaisuus päättyy muutosten tunnistamisen optimointiin, palvelinpuolen renderöintiin, hydraatioon, Module Federationilla toteutettuihin mikrofrontendteihin, uudelleenkäytettävien Angular-kirjastojen rakentamiseen ja Angularin tietoturvan perusteisiin.

Oppimispolku

Kolmekymmentäseitsemän kurssia kattaa tasot A1–C1. Ensimmäiset kahdeksan kurssia (A1–A2) rakentavat perustan: CLI:n käyttöönotto, itsenäiset komponentit, pipet, elinkaarikoukut ja kaksisuuntainen sidonta. B1- ja B2-kursseilla kehitätte käytännön taitoja — RxJS:ää, edistynyttä reititystä, reaktiivisia lomakkeita, direktiivien koostamista ja kattavaa testausta. C1-taso käsittelee asioita, jotka erottavat tuotantokäyttöön tarkoitetun Angularin opetusmateriaaleissa käytetystä Angularista: Muutosten tunnistus ja suorituskyky, NgRx SignalStore, Palvelinpuolen renderöinti Angular SSR:llä, Mikrofrontendit Module Federationilla, Angular-kirjastojen rakentaminen ja Angularin tietoturvan perusteet.

Näin se toimii

Jokainen kurssi on jaettu lyhyisiin ja käytännönläheisiin oppitunteihin, jotka suoritatte sisäänrakennetussa koodieditorissa reaaliaikaisen palautteen avulla. Tekoälytutor on käytettävissänne aina, kun jäätte jumiin, ja jokainen käsite vahvistuu suoraan selaimessa suoritettavilla harjoituksilla — aloittamiseen ei tarvita paikallista asennusta.

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

UKK

Usein kysytyt kysymykset

Onko Angular Academy-kurssi ilmainen?

Kyllä. Voit aloittaa Angular Academy-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni HTML?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa HTML-kokemusta.

Miten opin HTML CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen Angular Academy-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada Angular Academy-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia HTML puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia HTML millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

Angular Academy-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan Angular Academy-opintopolun suorittaminen kestää?

Angular Academy sisältää 38 kurssia ja 144 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 17 tuntia käytännön harjoittelua.

Aloita Angular Academy nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.