Junior frontend fejlesztő tanfolyam

Angular és React modullal

9 hónap

480 000 Ft Akció

580 000 Ft helyett

Leírás

A Junior frontend fejlesztő képzésünk államilag elismert szakképesítés, amely részben a Szoftverfejlesztő OKJ utódja.
A képzés az alapoktól vezeti be az informatika világába a hallgatókat; azoknak szól, akik a későbbi fejlesztéseikkel elsősorban a felhasználók által látható alkalmazásokat szeretnének létrehozni. A tanfolyam a webes alapoktól halad a programozási nyelveken, illetve keretrendszereken át, érintve a módszertanokat és minőségbiztosítást.

Ez a komplex képzés egyéni vagy fejlesztői csapatban történő munkavégzésre készíti fel a résztvevőket, de stabil alapot nyújt egyéni projektek megvalósítására is. Amennyiben Fullstack rálátást igényel hallgatónk, a Junior Backend Java képzésünkkel is kiegészítheti tudását.
Az átfogó képzés végén akkreditált központokban lehet vizsgát szerezni.

Időpontok

2025. 01. 07. - 2025. 08. 05.

Kedd, Csütörtök | 17:00-20:15 | 7 Hónap

Online

480 000 Ft

580 000 Ft70 000 Ft/hó részletfizetéssel

Jelentkezés

2025. 01. 11. - 2025. 08. 23.

Szombat | 09:00-16:00 | 8 Hónap

Online

480 000 Ft

580 000 Ft60 000 Ft/hó részletfizetéssel

Jelentkezés

További információk a tanfolyamról

Áfa: A tanfolyam árai bruttó árak, a képzés típusának megfelelő ÁFA tartalommal!
Tanórák: A tanórák 45 percnek felelnek meg. Az oktatási napokon több tanórát veszel, szünet közbeiktatásával.
Részletfizetés: Legalább 2 hónapot átölelő képzéseknél igény esetén kamatmentes részletfizetést biztosítunk, amit a honlapon történő jelentkezésednél tudsz igényelni. Részletfizetés esetén a részletek havonta, előre fizetendők, az aktuális hónap 10. napjáig.
Kedvezmény: Ha már elvégeztél nálunk egy tanfolyamot és a jelentkezésnél ezt jelzed a megjegyzés mezőben, 5%-os kedvezményre vagy jogosult az új tanfolyami jelentkezésed árából. Két tanfolyam elvégzése után 10%-os kedvezményt adunk a harmadikra.
Ha ajánlásodra érkezik másik hallgató is, és ezt jelzed a megjegyzésnél, szintén 5% kedvezményt adunk a te újabb jelentkezésednél, két új hallgató ajánlása után 10% kedvezményt biztosítunk.
A kedvezmények nem összevonhatóak, induló tanfolyam esetén igénybe vehetők.
Becsatlakozás: Tanfolyamtól függően lehetőséget biztosítunk a közelmúltban indult tanfolyamainkba való becsatlakozásra.
Általános információk: A jelentkezés szóbeli szerződésnek minősül, amit felnőttképzési szerződés követhet. A résztvevő nem kér előzetes tudásfelmérést és a sikeres tanfolyamzárást követően magyar-angol nyelven kapja a tanúsítványát. Az ettől eltérő igényeket az ügyfélszolgálaton lehet jelezni.

Junior frontend fejlesztő tanfolyam tanfolyam - tematika

HTML5 és CSS3

Alapfogalmak

Weboldalak típusai (statikus, dinamikus, CMS alapú weboldalak)
A domain név fogalma (domain regisztrálás, webtárhely szolgáltatások, dinamikus és statikus tárhelyek)
A weboldalakat leíró nyelvek áttekintése (HTML, CSS, XML)
A webprogramozási nyelvek áttekintése
A weboldalakhoz használt adatbázisok áttekintése (MySQL, PostgreSQL, NoSQL)

HTML5

HTML tag-ek
A head és a body szekció
A dokumentum típus definíciók használata
A head szekció elemei (meta tag, karakterkészlet, kulcsszavak, leírás, szerző, OpenGraph protokoll, CSS és Script beágyazás)
A body szekció elemei (szöveg és formázás, felsorolás és számozás, táblázatok, tárolók, űrlap, képek, média objektumok)
Videók beágyazása
Hangok beágyazása (beágyazott keretek)
Google térkép
Facebook sharebox (Appletek beágyazása)
Flash objektumok
Java objektumok

CSS3

CSS címzési lehetőségek (taghez rendelés, osztályba sorolás, egyedi azonosítás, csoportos és feltételes címzés)
Tárolók és pozíciók használata
Hátterek (több háttérkép egyszerre)
Keretek (képek keretként)
Szöveg effect-ek és tulajdonságok
Betűtípusok használata (nem szokványos fontok)
2D és 3D transzfromációk
Elforgatás; Nyújtás; Növekedés
Animációk és áttűnések
Több oszlopos elrendezések

Bootstrap

Responsive webtervezés

Weboldalak típusai
Nem responsive technikákkal készült weboldalak
Responsive weboldalak (Bootstrap, W3.CSS)
A webergonómia fogalma, felhasználóbarát weboldalak
Az eszközökhöz alkalmazkodó weboldal szolgáltatások áttekintése (desktop, mobil, tablet, wide screen)

Bootstrap

Szövegek
Táblázatok
Képek
Listák
Jumbotron-ok
Dobozok és tárolók
Alert és egyéb üzenetek
Betöltőjelzők
Képváltók
Rácsok
Legördülőmenük
Navigációk
Modális ablakok
Űrlapelemek
Gombok

SASS/SCSS

CSS preprocesszor fogalma

Dinamikus stíluslapok
Népszerű eszközök áttekintése

SASS preprocesszor alapjai

SASS beillesztése a fejlesztő környezetbe
Változók használata CSS-ben
Kalkulációk
Beágyazási módok
Modulok használata
Mixinek és funkciók

Reszponzív megjelenítés módjai SASS preprocesszorral

Media query-k használata
Reszponzív rácsrendszer kialakítása

Javascript

Javascript

Adattípusok
Matematikai műveletek a konzol használatával
String és string műveletek, speciális karakterek bemutatása a konzol használatával
Változók létrehozása
Műveletek változókkal
Javascript kód elhelyezési lehetőségek a HTML kódunkban
Adatok bekérése a felhasználótól, adatok kiíratása
Vezérlő szerkezetek (elágazások, ciklusok)
Vezérlés átadó utasítások (break, continue)
Függvények bemutatása
Beépített függvények használata
Saját függvények létrehozása, paraméterezése
Tömbök létrehozása, használata
Függvénykifejezések fogalma, létrehozása, használata
Függvénykifejezés azonnali meghívása
Lexikai zárvány (closure)
Objektumok létrehozása és használata
Prototípusos öröklődés
Események, eseménykezelés
HTML elemek elérése (DOM modell ismertetése)

JSON

A JSON szintaktikája
Adatok, nevek és értékadás
JSON Objektumok
JSON Tömbök
JSON szögek konvertálása JavaScript tömbökké
JSON alapú kommunikáció Google API-val

AJAX

Server-kliens oldali technológiák különbsége
POST adatok átadása és feldolgozása
GET globális használata és feldolgzása
Aszinkron kérések indítása, válaszok feldolgozása

Javascript programozás objektumorientált szemlélettel

Osztály létrehozása
Példányosítás
Különleges, fenntartott tagfüggvények áttekintése
Öröklés megvalósítása
Statikus attribútumok, metódusok használata
Kivételkezelés ismertetése
Egységbezárás megvalósítása

Adattárolási módok a böngészőben

Sütik
LocalStorage
SessionStoreage

Új generációs Javascript szintaxis

let és const operátorok használata
Egyszerűsített attribútum definiálás
this operátor használata
Függvénydefiniálási módszerek ismertetése
Tömbkezelési módszerek
Spread operátor használata
Destrukció
Másolás
Hatékony bejárási módok
Változó mennyiségű függvényparaméter kezelése, rest operátor használata
Modulok kezelése
Exportálás használata
Importálás használata

Git verziókezelés

A verziókezelés alapjai

Verziókövetés fogalmának ismertetése
Verziókövetési módszerek bemutatása
Verziókezelő alkalmazások áttekintése (centralizált, decentralizált és zárt rendszerek)
A Git verziókezelő program használata (telepítés és beállítás, repository inicializálás, tiltólista, állományok hozzáadása a gyűjteményhez, új verzió létrehozása, ágak kezelés)

A GitHub használata

Regisztráció
Online gyűjtemény létrehozása
Online gyűjtemény kezelése Git-tel
push, pull, remote parancsok használata

Node.js

A Node.js bemutatása

Eseményvezérelt programozás
Node.js filozófiája
Node.js fejlesztőkörnyezet bemutatása (telepítés és beállítás, indítás, Node Core, modulok,események, core http, hibakezelés, kivételkezelés)
Webszerver készítése (http kérések kezelése)
Node Package Manager használata (csomagok telepítése és frissítése)

Express keretrendszer használata

Express.js bemutatása, telepítése
Renderelő rétegek és minták használata
URL adatok kezelési módjainak áttekintése

Adatbázis kapcsolatok beállítása

NoSQL adatbáziskezelő rendszerek bemutatás
CRUD műveletek áttekintése

React

A React keretrendszer alapjai

"Single page alkalmazás" fogalmának áttekintése
Fejlesztői környezet beállítása Node Package Manager-rel
React alkalmazás létrehozása és indítása
Mappastruktúra áttekintése
React DOM bemutatása
JSX bemutatása
Komponens fogalmának ismertetése (osztály komponensek áttekintése, komponensek újrafelhasználási módjai)
Állapot "state" használatának bemutatása (létrehozás, módosítás, manipulálás, "stateless" és "statefull" fogalmak)
Eseménykezelés bemutatása
Kötések létrehozásának ismertetése
Alkalmazás stílusbeállítási módjainak bemutatása
Dinamikus tartalmak létrehozása (listák, állapotok, kulcsok)

Alkalmazásfejlesztés React keretrendszerrel

Alkalmazás optimalizálási módszerek áttekintése
Működő "single page alkalmazás" készítése

Angular

Az Angular keretrendszer alapjai

DOM elemek áttekintése
Telepítés és konfigurálás bemutatása
Angular keretrendszer moduljainak ismertetése
Angular és a TypeScript kapcsolatának bemutatása

Programozás TypeScript-ben

Típusok
Funkciók
Névterek
Összetett típusok
Osztályok
Interface-ek
Dekorátorok

Alkalmazásfejlesztés Angular keretrendszerrel

Szintaxis áttekintése
Függőségek beszúrása
HTTP kérések kezelése
Komponensek használata
Adatkötések beállítása
Alkalmazáson belüli navigáció megvalósítása
Űrlapok kezelése

Hosting – Firebase

Hosting szolgáltatások áttekintése

Hosting szolgáltatás fogalmának ismertetése
Hosting szolgáltatások előnyei

FireBasehosting szolgáltató használata

FireBase platform ismertetése
FireBase adatmodellezési módszereket áttekintése
Valós idejű adatfeldolgozási módok bemutatása
Szinkronizálási módszerek ismertetése
Felhasználókezelés FireBase-zel

Keresőoptimalizálás – SEO

Webszerkesztéshez kapcsolódó keresésoptimalizálási módszerek

Tárhely és domain beállításai
HTML objektumok testreszabása (heading, táblázatok, képek, tartalmak, linkek, interaktív objektumok)

Külső befolyásoló tényezők (SEO)

Linképítések
Google PageRank
Social Network kapcsolatok

Szoftvertesztelés

Szoftvertesztelés alapjai

Szoftvertesztelés fogalmának ismertetése
Tesztelési alapelvek áttekintése
Szoftverfejlesztés életciklusainak bemutatása
A tesztelés szintjeinek ismertetése
A tesztelés típusainak áttekintése
Teszt folyamat tervezési technikáinak bemutatása

Tesztelési módszerek bemutatása

Tesztelést támogató eszközök használatának alapjai
Projekt készítés
Tesztesetek felépítésének lehetőségei
Action editor és rekorder használatának bemutatása
Tesztesetek kidolgozása
Tesztesetek futtatása
Riportok készítése és elemzése
Web, mobil és desktop tesztelés sajátosságai

Programozáselmélet és módszertanok

Szoftverfejlesztési módszertanok

Főbb szoftverfejlesztés módszertanok ismertetése

Vízesés "V" modell
Prototípus modell
Iteratív és inkrementális módszertan
Agilis módszertanok bemutatása (pragmatikus programozás, Scrum, Kanban, Agilis szoftverfejlesztés alapelvei)

Módszertanok összehasonlítási módjainak áttekintése

Előnyök és hátrányok
Az optimális módszertan kiválasztásának módja

Tiszta kód készítési alapismeretek

Tiszta kód fogalmának áttekintése

Az áttekinthető és optimális programkód előnyeinek ismertetése
A tiszta kód alkalmazásának gazdasági előnyeinek áttekintése

Forráskódok formázási módjainak ismertetése

Globális formázó eszközök áttekintése
Függvények optimalizálása (elnevezési módok, paraméterek)
Megjegyzésekre vonatkozó szabályok áttekintése
Összetett adatszerkezetekre vonatkozó szabályok áttekintése

Tiszta kód szemlélethez köthető módszertanok bemutatása

Hibakelezés optimális módjainak bemutatása
Ismétlődés elkerülésének fontossága

Objektum orientált tervezési szemlélet

Osztályok és objektumok bemutatása

Szemlélet bemutatása példákkal
Osztály fogalma
Objektum fogalma
Osztály részeinek áttekintése (attribútumok, metódusok, tagfüggvények)
Osztályok példányosítása, objektumok létrehozása
Osztályok közötti kapcsolatok ismertetése (aggregáció, kompozíció, asszociáció, inheritáció)
Egységbezárás elvének bemutatása (getter és setter metódusok)
Különeges metódusok (konstruktor, destruktor, clone)

UML diagramok tervezése és készítése

Jelölések, ábrázolások
Kapcsolatok ábrázolása
UML diagram tervező alkalmazások bemutatása