Junior frontend fejlesztő tanfolyam

Angular és React modullal

  • 9 hónap
480 000 Ft Akció
580 000 Ft helyett

Leírás

Képzés megnevezése: Junior frontend fejlesztő
Programkövetelmény száma: 06134004
 
Felnőttképzési Engedélyszám: E/2021/000020
 
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.
A Junior frontend fejlesztő képzés online tanfolyam formájában is elérhető. 

Időpontok

Webler
2025. 05. 19. - 2026. 01. 05.
Hétfő, Szerda | 17:00-20:15 | 8 Hónap
Online
480 000 Ft
580 000 Ft60 000 Ft/hó részletfizetéssel
Becsatlakozás
Webler
2025. 06. 14. - 2026. 01. 24.
Szombat | 09:00-16:00 | 8 Hónap
Online
480 000 Ft
580 000 Ft60 000 Ft/hó részletfizetéssel
Jelentkezés
Webler
2025. 09. 15. - 2026. 04. 27.
Hétfő, Szerda | 17:00-20:15 | 8 Hónap
Online
480 000 Ft
580 000 Ft60 000 Ft/hó részletfizetéssel
Jelentkezés
Webler
2025. 09. 20. - 2026. 05. 16.
Szombat | 09:00-16:00 | 7 Hónap
Online
480 000 Ft
580 000 Ft70 000 Ft/hó részletfizetéssel
Jelentkezés

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

Kinek ajánljuk

A fejlesztésbe a felhasználók számára látható alkalmazások iránt érdeklődőknek, akik a webes megoldások kialakítását szeretnék elsajátítani.

Cél

A webes alapoktól a reszponzív, minőségi felületek kialakításától a sitebuild kialakítása. Webprogramozás, Javascript elsajátítása és modern keretrendszer megismerése.

Előfeltételek

Számítógép felhasználói és internet használói ismeretek. Online képzés esetén számítógép és internet rendelkezésre állása. Középfokú végzettség.

Vizsga és képzés

A záróvizsga teljesítése után felnőttképzési engedéllyel rendelkező tanúsítványt állítunk ki. Ezt követően lehet jelentkezni az akkreditált vizsgaközpontok valamelyikében, ahol sikeres vizsgát követően államilag elismert bizonyítványt lehet szerezni.

Á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

Hasonló, kiegészítő képzések