Angular alapú frontend fejlesztés TypeScript nyelven

Átfogó Angular alapképzés TypeScript nyelven az Everguest vezető fejlesztőjének mentorálásával, valódi alkalmazásokon gyakorolva.

Folyamatos mentoráció

Vezetett kódolás

8 hét · heti 8-12 óra

Élő konzultációk

100% pénzvisszafizetési garancia Kamatmentes részletfizetés

Jelentkezem most

Mit fogsz tanulni?

8 hét alatt a typescript alapoktól egy teljes Angular alkalmazás felépítéséig vezet végig.

frontendwebfejlesztésangulartypescriptrxjsscss

1 TypeScript és RxJS A TypeScript nyelv és a reaktív programozás alapjai.

Objektum-orientáltság TypeScriptben
Típusok
Type inference
Változók deklarálása
Type Assertions
Függvények
Osztályok
Union Type
Mi az RxJS?
RxJS: Observable
RxJS: Error emitter
RxJS: Hot/Cold
RxJS: Erőforrás felszabadítás
RxJS: operátorok

2 Angular bevezető - Komponens alapok 1. Az Angular architektúra és az első komponensek elkészítése.

Angular alapok
Angular architektúra
Projekt generálás
Kiinduló projekt
Counter komponens létrehozása
Kétirányú adatkötés kezelése
Alap HTML attribútumok bekötése adatkötéssel

3 Komponens alapok 2., direktívák és pipe-ok A change detection, az életciklus és a beépített direktívák megismerése.

Change detection cycle
Change detection cycle a gyakorlatban
Komponens életciklus
Lifecycle Hook-ok
Több komponens létrehozása
Direktívák
Komponensek stílusozása
Dinamikus stílusozás
ngIf direktíva
ngModel
Pipe-ok

4 Komponensek gyakorlás A komponensekhez kapcsolódó ismeretek elmélyítése gyakorlati feladattal.

Gyakorlati feladat

5 Direktívák és pipe-ok Saját direktívák és pipe elemek készítése.

Beépített direktívák és pipe-ok
Pipe elemek készítése
Pure paraméter
Saját direktívák készítése
Egér események készítése
Gyakorlati feladat

6 Service-ek, modulok, routing és DI A függőséginjektálás, routing és az Angular Signals.

Modulok (NgModules)
A modulok kezelése
Függőséginjektálás, Service-ek
Service-ek létrehozása és használata
Routing, Lazy Load modulok
Routing a gyakorlatban
Observable
Angular Signals
Observable és Angular Signals a gyakorlatban

7 Gyakorlás Route guard-ok és SCSS/SASS használata.

Route guard-ok gyakorlása
SCSS/SASS
Gyakorlati feladat

8 Alkalmazásfejlesztés 1. Egy teljes Angular alkalmazás vázának kialakítása.

Alkalmazás leírása és komponensei
Alkalmazás váz kialakítása
Alkalmazás routing
UI könyvtárak és Angular Material
ESLint megismerése
AngularCLI, ng serve, ng build megismerése
AngularCLI beépítése az alkalmazásba

9 Alkalmazásfejlesztés 2. Authentikáció, guardok és HTTP interceptorok implementálása.

Authentikáció, listázás
Login component implementálása
Auth service megírása
Auth guard bekötése
Ötletek listázása
Angular HTTP interceptor service implementálása
Gyakorlati feladat

10 Alkalmazásfejlesztés 3. Űrlapok kezelése reactive és template driven megközelítéssel.

Form Demo
Template driven forms
Gyakorlati feladat

Előnyök

Miért érdemes belevágnod?

Az Angular kiforrott, bizonyított keretrendszer: komplex webalkalmazások is egyszerűen megvalósíthatók vele, vállalati környezetben pedig kifejezetten közkedvelt. Objektumorientált felépítése miatt főleg az OOP háttérrel rendelkező fejlesztők kedvelik, de a képzésen a kezdő webfejlesztők is gond nélkül elsajátítják.

A videós tananyagokból megtanulod a vállalati rendszerekhez szükséges alapokat, például a moduláris architektúrát, a heti élő konzultációkon pedig vezető fejlesztő mentoroddal a legújabb Angular verziók modern újításait is átveszitek.

Az Angular készségszintű ismerete önmagában is széleskörű lehetőséget ad frontend fejlesztőként, egy backend technológiával (például Node.js vagy Java) kiegészítve pedig full-stack fejlesztőként kimagasló bérezésre is esélyed nyílik: a Hays Salary Guide adatai szerint már a junior frontend fejlesztők is bruttó 750.000 és 1.200.000 Ft közötti kezdőfizetésre számíthatnak, senior szinten pedig a fizetés akár az 1.600.000 és 2.000.000 Ft közötti sávot is elérheti.

Munka mellett végezheted, rugalmas időbeosztással
Gyakorlati projekteken keresztül, oktatói mentorálással
LinkedIn profilodba beágyazható tanúsítvány

Ismerd meg oktatódat

Balog Richárd

Vezető fejlesztő, Everguest

Több mint 10 éve foglalkozom webalkalmazások fejlesztésével, az Angular mellett Node.js-szel is napi szinten dolgozom. Az utóbbi években vezető fejlesztőként a csapatommal az Everguest saját termékét építettük fel és vezettük nemzetközi piacra: ma hotelek és éttermek használják a szoftverünket.

Az oktatásban is otthon vagyok: éveken át tartottam webfejlesztési képzéseket az AutSoft céges partnereinek, és örömömre szolgál, hogy a Cubix Institute of Technology Angular képzésének oktatója lehetek.

Kinek ajánlott?

Bárkinek, aki Angular frontend fejlesztőként szeretne elhelyezkedni
Akik frontend és/vagy backend kompetenciáikat bővítenék piacképes tudással
Akik már alapszintű Angular tudással rendelkeznek, de autodidakta módon tanultak és rendszerezett alaptudásra vágynak

Kinek nem ajánlott?

Akik még egyáltalán nem programoztak, a képzés alapszintű HTML/CSS/JavaScript ismeretre épít
Akik React vagy Vue irányba szeretnének specializálódni
Akik dizájn (UI/UX) fókuszú tudást keresnek kódolás nélkül
Tapasztalt Angular fejlesztők, akik szenior szintű, architekturális mélységet várnak

Mik a képzés előkövetelményei?

Alapszintű programozási ismeretek Webes alapismeretek: HTML, CSS és JavaScript

Az objektumorientált (OOP) háttér előnyt jelent, mert az Angular erre a szemléletre épít, de nem feltétel. Ha már ismered a modern JavaScriptet, a HTTP-t és az aszinkronitást, illetve a FlexBox és CSS Grid elrendezéseket vagy a WebComponents technológiát, könnyebb dolgod lesz, ezek azonban szintén csak előnyt adnak, nem elvárás. Ha még csak alapszintű Angular tudásod van és autodidakta módon tanultál, itt rendszerezett alapokra teszel szert.

Jelentkezem a képzésre

Hogyan fogsz tanulni?

Gyakorlatorientált oktatás

Minden héten izgalmas gyakorló feladatokat kapsz majd, amelyek keretében már menetközben is konkrét lekérdezéseket fogsz megvalósítani.

Interaktív digitális tananyag

A gyakorlati feladatok elvégzéséhez és a képzés sikeres teljesítéséhez szükséges tudást digitális tananyagok és vezetett kódolások formájában adjuk át, amelyeket saját időbeosztásod szerint, akár munka mellett is feldolgozhatod és egy évig korlátlan alkalommal visszanézheted.

Oktatói mentoring

A képzés ideje alatt az oktató folyamatosan a rendelkezésedre áll, bármikor kérdezhetsz tőle, ha elakadtál, és rendszeresen visszajelzést ad a feladataidra, fejlődésedet végigkíséri.

Konzultációk

Valamennyi tanegység végén egy-egy élő konzultációs alkalmat is szervezünk, amikor élőben is felteheted kérdéseidet, közösen kiértékelhetitek és átbeszélhetitek a gyakorlás során elkészített projekteket, és tanulhattok egymás elakadásaiból is.

Limitált férőhely

A fent említett interakciók miatt képzéseinket korlátozott létszámmal indítjuk csak el, hogy biztosan jusson mindenkire ideje az oktatóknak.

Minőségbiztosított képzések

Képzéseink szakmai minőségbiztosítását az iparági vezető technológiai vállalatok és a Budapesti Műszaki és Gazdaságtudományi Egyetem végzi.

Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
Bizonyítja, hogy elsajátítottad az adott ismereteket
Segíti a szakmai előmeneteledet és karriered fejlődését

Tanúsítvány minta – Angular alapú Frontend fejlesztés Typescript segítségével

Jó társaságban leszel!

Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.

Tudtad?

A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!

Elvégzett képzés: Angular alapú Frontend fejlesztés Typescript segítségével

„Jól érthető"

Kőszegi Gábor KG

Hallgatói közösség

A több mint 9100 tagot számláló hallgatói közösségünket főként olyan, az iparágban vezető IT-cégek és szoftverfejlesztő cégek munkatársai alkotják, akik folyamatosan fejleszteni szeretnék meglévő készségeiket.

Légy Te is tagja közösségünknek!