Az államilag elismert informatikai szakképesítések az elmúlt időszakban nagy változáson mentek keresztül, így segítségükkel már nem csak egy adott szakma ismereteit sajátíthatod el, hanem komplex, az választott területet összefüggéseiben is vizsgáló szemléletmódra tehetsz szert. Hogy mi lehet még ennél is hasznosabb számodra? Ha a választott ágazaton belül nem csak egy, hanem két szakképesítést is elvégzel, melyek egymást kiegészítve adják meg a maximális képzési alapot részedre.
Kombinált tanfolyamunk keretein belül összehoztuk Neked a Junior Frontend fejlesztő és a Webfejlesztő tanfolyamot, hogy a lehető legjobb idő- és költségmegtakarítással, mégis mindkét képzés esetében teljeskörű és minőségi oktatásban részesülhess!

A képzések államilag elismert tanfolyamok, így igénybe veheted az akár 0%-os Képzési Hitelt, melynek további részleteiről és feltételeiről ITT olvashatsz.
Már havi
55.000 Ft-tól
Központi elérhetőségeink
1139 Budapest Frangepán utca 3.
Telefon: 06-70-604-2060,

Junior Frontend fejlesztő + Webfejlesztő tanfolyam időpontok

2022.01.29.OnlineHétvégi

Oktatási napok, időpontok szombat
09:00 - 16:00
Tervezett kezdés 2022.01.29.
(17 hónap)
Előleg 60.000 Ft
Részletfizetés 55.000 Ft / hó

2022.01.29.TantermiHétvégi

Oktatási napok, időpontok szombat
09:00 - 16:00
Tervezett kezdés 2022.01.29.
(17 hónap)
Előleg 60.000 Ft
Részletfizetés 55.000 Ft / hó

2022.02.08.TantermiEsti

Oktatási napok, időpontok kedd, csütörtök
17:00 - 20:15
Tervezett kezdés 2022.02.08.
(15 hónap)
Előleg 60.000 Ft
Részletfizetés 62.000 Ft / hó

2022.02.08.OnlineEsti

Oktatási napok, időpontok kedd, csütörtök
17:00 - 20:15
Tervezett kezdés 2022.02.08.
(15 hónap)
Előleg 60.000 Ft
Részletfizetés 62.000 Ft / hó

Neked ajánljuk még

Webfejlesztő tanfolyam

Webfejlesztő tanfolyam

Ha eljössz hozzánk a Webfejlesztő képzésre az alábbi modulokat sajátíthatod el:

Junior Frontend Fejlesztő tanfolyam

Junior Frontend Fejlesztő tanfolyam

Erre a tanfolyamra igénybe veheted az akár 0%-os Képzési Hitelt!A Képzési Hitelről bővebben: ITT olvashatsz. Mi is a frontend fejlesztés?

Junior Frontend fejlesztő + Webfejlesztő tanfolyam alapadatai

A tanfolyam alapadatai

  • Képzés pontos megnevezése: Junior Frontend fejlesztő + Webfejlesztő tanfolyam
  • Tanfolyam helyszíne: Online vagy 1139 Budapest, Frangepán utca 3.

A tanfolyam megkezdésének feltételei

  • Iskolai előképzettség: érettségi végzettség
  • Egészségügyi alkalmassági
    követelmények: Nem

  • Pályaalkalmassági követelmények: Nem
Kártyás fizetési módok
Részletfizetés

A tanfolyam képzési díja fizethető egy összegben, két részletben vagy havi KAMATMENTES részletekben is.

Részletek

Kedvezményeink
  • RUANDER KLUB – kedvezmény – 10%
  • Álláskereső – kedvezmény – 10%
  • Csoportos kedvezmény – 15%
  • Diákkedvezmény – 10%
  • Kismama kedvezmény – 10%

Junior Frontend fejlesztő + Webfejlesztő tanfolyam moduljai


1. hálózatok, Webszerkesztés és bootstrap

Az első modul keretében megismerkedünk a hálózatok alapjaival és a webszerkesztés világával, minden webfejlesztő legalapvetőbb eszközével, így szerkezetileg tudunk felépíteni weboldalakat, statikusa tartalommal ellátva, megfelelően design-olva, a Bootstrap adta lehetőségeket is felhasználva.


2. programozási logika és clean code

Ugyan sok embernek újdonság, de a webfejlesztés a szoftverfejlesztés egy alágazata, mely kifejezetten a webre szánt tartalmak, azon belül is a webes alkalmazások létrehozásával foglalkozik. Ennek tükrében minden webfejlesztőnek tisztában kell lennie a programozás alapjaival, hogy az itt tanult elveket tudja érvényesíteni webes alkalmazásaiban is.


3. NATÍV JAVASCRIPT

Mivel is kezdenénk a webfejlesztés megtanulását, ha nem a JavaScript-tel, a jelenleg egyik legtöbbet felhasznált, legsokoldalúbb programozási nyelvével. A JavaScript eredeti célja, hogy dinamizálja a kliens oldalon látható weboldalt, hogy az minél felhasználóbarátabb és élménydúsabb legyen, mára azonban szerver oldali és egyéb fejlesztési lehetőségei is elterjedtek. Megismerjük tehát eredeti célkitűzését a mai modern formájában.


4. angular

Már képesek vagyunk weboldalt létrehozni, mely szerkezetileg és látványvilágban megfelel elvárásainknak, illetve ismerjük a programozási alapelveket is. Következő feladatunk megismerni a JavaScript programnyelvet, amely eddigi statikus tartalmainkat dinamikussá teszi és egyben a frontend fejlesztés alapköve is.

5. Verziókezelés (GIT) és publikálás

Lefejlesztett kódjainkat kezelhetjük lokálisan, vagy szerveren is, de minden esetben fontos, hogy az egyes változatok, egyes döntési lépések visszavonhatók, visszaszerezhetők legyenek, hiszen a fejlesztés olyan irányt vehet, amelynél a manuális visszaforgatás már lehetetlen. A verziókezelő rendszerek, ezen belül is a GIT pontosan ebben tud minket segíteni. Elkészült programjainkat, weboldalainkat pedig publikálni is szeretnénk, ennek lehetőségeit is sorra vesszük.


6. nosql adatbázisok és azok kezelése

Nincs weboldal tartalom nélkül. A weboldalunk lehet bármennyire is szép és okos, azonban, ha nincs rajta tartalom, sem felhasználásban, sem pedig üzemeltetésben nem lesz hosszútávon profitábilis. A modul keretében megtanuljuk a NoSQL rendszereket felhasználni, hogy képesek legyünk nagy mennyiségű adatot kis energiabefektetéssel kereshetően megjeleníteni a felhasználónak.

7. node.JS

Az Angular teljes felhasználásához viszont fontosak a modulok, melyeket előre be kell töltetni és szerver oldalon az NPM (Node Package Manager) segítségével kell konfigurálni. Az NPM használata mellett pedig alapszinten betekintünk a Node.JS kezelésébe is.

8. OAUTH használata

A felhasználók azonosítása minden esetben egy fontos folyamat különböző üzleti célok eléréséhez. Azonban a beléptetés és a munkamenet kezelése minden esetben komoly védelmi intézkedéseket és biztonsági kockázatokat rejtett magában. A nyolcadik modul keretében megismerkedünk az OAUTH nyílt engedélyeztetési szabvánnyal, hogy ezt korszerűen más rendszerekkel összehangolva is képesek legyünk kialakítani.

9. Unit tesztelés

Miután a frontend webprogramozásba beletanultunk, láthatjuk, hogy lehetőségeink tárháza végtelen. Azonban a végtelen lehetőség végtelen programkódot, ez utóbbi pedig végtelen hibát eredményezhet, melyeket a lehető leghatékonyabban kell kiszűrnünk. Bár hibátlan program nem létezik, de megfelelően tesztelt igen! Ebben a modulban részletesen tanulunk az egységtesztek, avagy unit tesztek megírásáról és futtatásáról.

10. SQL alapok

Minden dinamikus weboldal adatbázisokra épül, hiszen a dinamikus weboldalak - mint szoftverrendszerek - hatalmas mennyiségű strukturált információval dolgoznak. Ennek eredményeképpen minden webfejlesztőnek tisztában kell lennie egy SQL alapú rendszer kialakításának alapvető szabályaival, hogy későbbi weboldalát megfelelő adatbázisra tudja építeni.

11. PHP programozás

Miután megtanultuk, hogyan lehet weboldalakat szerkeszteni, milyen kliensoldali és átkötő megoldások léteznek, valamint tudunk SQL alapú adatbázisokat is készíteni, itt az ideje, hogy megismerkedjünk a webfejlesztés örökzöldjével, a PHP-vel. A PHP igencsak kacifántos úton, de több mint 20 éve a webfejlesztés egyik csillaga, amely mindig képes volt megújulni és mind a mai napig elsődleges szerveroldali platform.

12. Üzleti kommunikáció

Végül, de nem utolsó sorban egy webfejlesztőnek nagyon fontos a megrendelővel való érthető kommunikáció. A legtöbb szoftver - legyen az weboldal vagy lokális alkalmazás - projekt szinten elbukhat, ha a fejlesztő és a megrendelő félreérti egymást. A megfelelő üzleti kommunikáció elsajátítása segít abban, hogy az elkészült munka teljes egészében megfeleljen az elvártaknak.

Betölthető munkakörök

Junior Frontend fejlesztő: A hazai informatikai munkaerőpiacon sok ezer új állás tölthető be fejlesztőként. A programozók közül a frontend fejlesztők az egyik legkeresettebbek, hiszen minden alkalmazás, ami rendelkezik grafikus felhasználói felülettel, az ő munkájukat dicséri. Természetesen a JavaScript nyelv és keretrendszerek/könyvtárak ismeretével lehetőség van továbbfejlődni akár szerveroldali-, mobil- vagy asztali alkalmazások fejlesztésének irányába is. Mivel a JavaScript az elmúlt 25 évben a kliensoldali alkalmazások elsődleges nyelve, így az eddig elkészített alkalmazásokat több tíz évig még folyamatosan életben kell tartani, így a JavaScript nyelv kiszorítása a következő években egyáltalán nem várható, sőt a nyelv évről évre egyre nagyobb népszerűségnek örvend. Ezenkívül a fogyatékkal élők számára akadálymentesen használható alkalmazások készítése is a feladatuk. A szoftverek minőségét folyamatosan biztosítani kell, hiszen a hibásan üzembe állított szoftverek mérhető károkat képesek okozni. Így feladatuk nem csak új rendszerek fejlesztése, hanem már meglévők frissítése, a mai modern kor elvárásainak, újabb szabványainak, és a változó jogszabályoknak megfelelővé tétele.

Webfejlesztő: Léteznek olyan munkakörök és feladatok a szoftverfejlesztés területén, melyek technikusi szintű ismereteket igényelnek, de ellátásukhoz a szoftverfejlesztő technikus alapképzés során megszerzett ismereteken túl további speciális tudásra és készségekre van szükség. Mivel napjainkban nagyon megnőtt a munkaerőpiaci kereslet a webes technológiákhoz értő szakemberek iránt, ezért ilyen kiemelt területnek számít a webfejlesztés. A webfejlesztő képzés során ezeket az ismereteket és gyakorlati készségeket szerezhetik meg a már végzett szoftverfejlesztő technikusok, de a képzés nyitva áll azok számára is, akik hasonló szintű programozási ismereteket önállóan vagy más képzések során szereztek meg.

Vizsgakövetelmények

A képzések sikeres teljesítését követően akkreditált vizsgaközpontnál államilag elismert bizonyítványok szerezhetők. A vizsgákra bocsátás feltételei: a szakmai képzés követelményeinek igazolásáról a képző intézmény által, a felnőttképzési adatszolgáltatási rendszerben kiállított tanúsítványok.
A vizsgafolyamat további részleteivel kapcsolatban keresd oktatásszerveződet!

JUNIOR FRONTEND FEJLESZTŐ

Írásbeli vizsga
A vizsgatevékenység megnevezése: Frontend fejlesztési ismeretek

A vizsgatevékenység, vagy részeinek leírása:
Az írásbeli vizsga kérdéseit a következők szerint kell összeállítani:
- Kérdések: 40 db feleletválasztásos tesztkérdés
- A kérdések témaköre: A frontend fejlesztési ismeretek
- A feleletválasztásos tesztkérdéseket úgy kell kialakítani, hogy egyetlen helyes válaszlehetőség legyen lehetséges.
A vizsgatevékenység végrehajtására rendelkezésre álló időtartam: 90 perc
A vizsgatevékenység aránya a teljes képesítő vizsgán belül: 50%

A vizsgatevékenység értékelésének szempontjai:
Az írásbeli vizsgát a következők szerint kell értékelni: Maximálisan elérhető pontszám/százalék: 100 pont/100%
- 40 db tesztkérdés a frontend fejlesztési ismeretekből - (40 x 2,5 pont) 100%
Egyéb értékelési szempontok az írásbeli vizsgaértékeléssel kapcsolatban:
- A helyes válasz 2,5 pontot ér, a helytelen válasz 0 pontot ér.
- A rossz válasz megjelöléséért pontlevonás nem jár.

A vizsgatevékenység akkor eredményes, ha a vizsgázó a megszerezhető összes pontszám legalább 51%-át elérte.

Projektfeladat
A vizsgatevékenység megnevezése: Frontend programozási feladatok

A vizsgatevékenység, vagy részeinek leírása: A gyakorlati vizsga hat különböző programozási feladatból áll. A feladatokhoz automatikus tesztesetek tartoznak. A feladatot úgy kell megoldani, hogy a tesztesetek sikeresen lefussanak. A feladatok a következő témakörök ismeretét mérik fel:
- HTML, CSS, SCSS, Bootstrap vagy ennek megfelelő CSS keretrendszer
- A JavaScript programozási nyelv
- Programozási paradigmák
- Clean Coding
- Az Angular vagy ennek megfelelő JavaScript keretrendszer
- FireBase vagy ennek megfelelő Hosting szolgáltató
A vizsgázó a feladatokat szöveges formátumban, verziókövető rendszeren keresztül kapja meg. A feladatleírás tartalmazza a feladat szöveges leírását, a projekt vázát, valamint az automata teszteseteket. A vizsgázó feladata a szöveges leírás megértése, a tesztesetek értelmezése. Ezek alapján meg kell terveznie a megoldást. A tervezés során meg kell határoznia a megoldást biztosító modulokat. A tervezés után implementálnia kell a megoldást a megfelelő fejlesztőeszközben. Meg kell nyitnia a projekt vázát, melyben a tesztesetek nem fognak lefordulni. A vizsgázónak létre kell hoznia a megtervezett modulokat, mely után a projekt lefordítható, de funkcionálisan nem működőképes, azaz a tesztesetek már lefutnak, de hibát adnak. Ez után úgy kell implementálnia a hiányzó részeket, hogy mind a leírásnak, mind a teszteseteknek megfeleljenek, azaz a tesztesetek lefuttatása sikeres legyen. A munkája során figyelnie kell a programozási paradigmák betartására, valamint a clean code elvekre, azaz olvasható és karbantartható kód kell írnia. A forráskódot ellenőrizni kell a kódolási konvenciók alapján. Az alkalmazást le kell buildelni. Amennyiben a vizsgázó elkészült a munkájával, azt verziókövető rendszeren kell beadnia.

A vizsgatevékenység végrehajtására rendelkezésre álló időtartam: 180 perc
A vizsgatevékenység aránya a teljes képesítő vizsgán belül: 50%

A vizsgatevékenység értékelésének szempontjai: A hat vizsgafeladatot egymástól függetlenül kell értékelni. Mindegyik feladatra maximum tizenöt vagy húsz pont adható, úgy, hogy a hat vizsgafeladat összesen 100 pontot (100%) érjen. A teszteset lefuttatása automatizálható. Mindegyik feladathoz több automatikus teszteset tartozik.
Egy feladatra 0 pontot ér, ha le sem fordul az adott projekt. Tovább 0 pontot ér, ha a lefordul, de egy teszteset sem fut le sikeresen. 0 pontot ér, ha a forráskód olvashatatlan, nem felel meg a konvencióknak, nem követi a clean code alapelveket. 0 pont adandó, ha kielégíti a teszteseteket, de a szöveges követelményeknek nem felel meg.
Pontokat a további működési funkciók megfelelősségének arányában kell adni a vizsgafeladatra:
- 5 pont: az adott projekt lefordul, egy teszteset sikeresen lefut, és az funkcionálisan is helyes. Azonban több teszteset nem fut le, és a kód is olvashatatlan.
- 10 pont: a projekt lefordul, a tesztesetek legtöbbje lefut, ezek nagyrészt funkcionálisan is helyesek, és a clean code elvek nagyrészt betartásra kerültek.
- 15 vagy 20 pont: ha a projekt lefordul, a tesztesetek lefutnak, funkcionálisan helyesek, és csak apróbb funkcionális vagy clean code hibák szerepelnek a megoldásban.

A vizsgatevékenység akkor eredményes, ha a vizsgázó a megszerezhető összes pontszám legalább 51 %-át elérte.

WEBFEJLESZTŐ
Írásbeli vizsga: nincs

Projektfeladat
A vizsgatevékenység megnevezése: Webfejlesztés projektfeladat
A vizsgatevékenység, vagy részeinek leírása:
A) Webfejlesztés vizsgaremek vizsgarész: A vizsgázónak a vizsgát megelőzően egy komplex webes alkalmazást kell lefejlesztenie saját döntése alapján egyénileg választott témában.
Az alkalmazásnak az alábbi elvárásoknak kell megfelelni:
  • Életszerű, valódi problémára nyújt megoldást.
  • Adattárolási és -kezelési funkciókat is megvalósít.
  • RESTful architektúrának megfelelő szerver és kliens oldali komponenseket egyaránt tartalmaz.
  • Szerveroldali renderelést használó komponenst (pl. admin felület) is tartalmaz.
  • A kliens oldali komponens egyaránt alkalmas asztali és mobil eszközökön történő használatra.
  • A forráskódnak a tiszta kód elveinek megfelelően kell készülnie.
  • A szoftver célját, komponenseinek technikai leírását, működésének műszaki feltételeit és használatának rövid bemutatását tartalmazó dokumentáció is része a csomagnak.
A vizsgaremek benyújtásának módja: A kész csomagot a vizsga előtt minimum 14 nappal kell a vizsgabizottsághoz benyújtani GitHub vagy más hasonló szolgáltatás segítségével megosztva. A megosztott anyagnak tartalmaznia kell az alábbiakat:
  • A szoftver forráskódja
  • Az adatbázis adatbázismodell-diagramja
  • Az adatbázis export fájlja (dump)
  • A szoftveralkalmazás dokumentációja
A vizsgafeladat során a vizsgázó gyakorlati bemutatóval összekapcsolt szóbeli előadás formájában mutatja be a
  • szoftver célját
  • műszaki megvalósítását
  • működését
  • forráskódját
A vizsgaremek bemutatására és megvédésére maximum 30 perc áll a vizsgázó rendelkezésére.

B) Webfejlesztés gyakorlati feladat: A vizsgafeladat során a vizsgázónak a vizsgaközpont által meghatározott egyszerű webes alkalmazást kell létrehoznia, mely az alábbi komponenseket és funkciókat valósítja meg:
  • Backend programozást (adatbázis lekérdezést is végző, néhány végpontot tartalmazó REST API kiszolgáló létrehozása)
  • Frontend programozást (HTML / CSS / JavaScript vagy JavaScript keretrendszer / REST API kliens)
A feladat megoldását a vizsgaközpont által összeállított, a fenti elvárásokon alapuló, a vizsga megkezdése előtt titkosan kezelt részletes feladatutasítás és értékelési útmutató alapján kell végezni. A vizsgarészhez a vizsgaközpont a vizsgához rendelkezésre álló informatikai infrastruktúra használatára, valamint internet elérés igénybevételének módjára vonatkozó útmutatót bocsájt a vizsgázók rendelkezésére. A vizsgafeladat elkészítésére 210 perc áll a vizsgázó rendelkezésére.

A vizsgatevékenység végrehajtására rendelkezésre álló időtartam: 240 perc
A vizsgatevékenység aránya a teljes képesítő vizsgán belül: 100%
A vizsgatevékenység értékelésének szempontjai: A vizsgatevékenység során összesen 100 pontot lehet elérni az alábbi bontásban:
A.) Webfejlesztés vizsgaremek vizsgarész:
  • az alkalmazás átfogó értékelése (a komplexitás és kidolgozottság mértéke, milyen mértékben és minőségben valósította meg a szoftver a kitűzött célt, felhasználói élmény minősége): 15 pont
  • adatok kezelésének tervezése és megvalósítása: 10 pont
  • funkcionalitás: 10 pont
  • megjelenés és használhatóság különböző képernyőméretek esetén: 5 pont
  • a kód minősége: 5 pont
  • a dokumentáció minősége és részletezettsége: 5 pont
  • az alkalmazás bemutatása során a vizsgázó előadásának szakszerűsége: 5 pont
B.) Webes alkalmazásfejlesztés gyakorlati feladat vizsgarész:
  • A feladatban előírt funkcionalitás: 30 pont
  • Adatbáziskezelés: 10 pont
  • Kód minősége: 5 pont
A pontok további bontását – legalább kétpontos szintig részletezve – a konkrét vizsgafeladat javítási-, értékelési útmutatója tartalmazza.
A vizsgatevékenység akkor eredményes, ha a vizsgázó a megszerezhető összes pontszám legalább 40%-át elérte.

Junior Frontend fejlesztő + Webfejlesztő tanfolyam részletes tematika

1.      Hálózatok, webszerkesztés és Bootstrap

-          Hálózatok alapjai

-          Hálózatok csoportosítása

  • Kiterjedés alapján
  • Topológia alapján
  • Kapcsolat típusa alapján

-          Hálózatok rétegződése

  • OSI (Open Systems Interconnection) modell megismerése
    • A 7 réteg áttekintése
    • A rétegek szerepe és a hálózat elméleti működése
    • A rendszer részletességéből adódó gyakorlati problémák
  • TCP/IP (Transaction Control Protocol / Internet Protocol) modell megismerése
    • A 4 réteg áttekintése
    • Az OSI rétegek átvezetése TCP/IP modellbe

-          Ismerkedés különböző szerkesztőeszközökkel

  • Netbeans, JetBrains WebStorm
  • Az egyes eszközök összehasonlítása, kinézeti elemzése

-          HTML (Hyper Text Markup Language) leírónyelv megismerése

  • HTML áttekintése, fejlődése
  • HTML leírónyelv alapjai
  • HTML dokumentum részei
  • HTML tag-jei és attribútumai
  • HTML gyakorlati feladatok megoldása
  • HTML szerkezeti felépítésének megismerése
  • Szövegközi elemek (inline) viselkedése
  • Blokkosított elemek (block) viselkedése
  • Címek, listák, bekezdések
  • Képek kezelése
  • Hivatkozások, horgonyok

-          HTML szerkezeti elemei

  • Táblázatok létrehozása
  • Táblázat javallat és ellenjavallatok
  • Beágyazott táblázatok
  • Gyakorlati felhasználások
  • Felépítési szabályok

-          CSS (Cascading Style Sheet)

  • Elemi doboz modell felépítése
  • CSS elhelyezése (külön fájl, HTML head, style attribútum)
  • CSS elhelyezésének javallatai
  • Tag, Id, Class kiválasztók (Selectors) működése
  • Microsite típusú oldalak felépítésének megkezdése:
    • Paper-prototype megtervezése elkészítése
    • HTML5 szemantikus tagoló elemek ismertetése
    • Az elkészített terv alapján a weboldal fő szerkezeti elemeinek elkészítése
    • Microsite típusú weboldal tartalmi elemeinek megszerkesztése
  • Szövegformázások
  • Díszítések stílussal
  • Saját betűkészlet alkalmazása, Google Fonts implementálása
  • CSS stíluselemek használatával a végleges kinézet kialakítása
  • Microsite publikálása tárhelyre (FTP kezelés)
  • Validálás (HTML, CSS)

-          HTML 5 megismerése

  • HTML 5 újdonságai, lehetőségei
  • HTML 5 támogatottsága különböző böngészőkben
  • HTML struktúra kialakítása (fejléc, menü, képváltó, tartalom, lábléc)
  • Fő blokkelemek kialakítása
  • Menü kialakítása (inline-block elemek)
  • Legördülő menü kialakításának elve

-          A JavaScript és jQuery kliensoldali programozásinyelvek alapjainak megismerése

  • JavaScript és jQuery alapok és ismertetés
  • JavaScript és jQuery használata, működése
  • Egyszerűbb JavaScript és jQuery műveletek (színezés, mozgatás és interakció a CSS -sel)
  • jQuery carousel képváltó kiválasztása és beépítése weboldalba

-          Weboldalak helyes kialakítása, SEO (Search Engine Optimization)

  • Keresőmotorok működése manapság
  • Keresőmotorbarát weboldal szerkezet
  • Google webmester eszközök
  • Közösségi oldalak ereje
  • Feketekalap veszélyek áttekintése

-          Komplex statikus weboldal kép váltójának elkészítése

  • jQuery alapú szabadon felhasználható képváltó lehetőségek
  • Camera slider ismertetése
  • Camera slider telepítése és funkciói
  • Képváltó beépítésének buktatói (minőség, informativitás, méret)
  • könnyen beépíthető CSS animációk (animate.css, hover.css)

-          Komplex statikus weboldal – aloldalak

  • Aloldalak típusai
  • Aloldalak (mutációk) elkészítése a főoldal felhasználásával
  • Multimédia elemek beillesztése aloldalakba:
  • Google Maps, Facebook közösségi elemek, YouTube video beágyazása (IFRAME működése)
  • saját hang vagy video beágyazása
  • könnyen beépíthető jQuery alapú eszközök (fitvidjs.com, datatables.net)

-          Reszponzív oldalak kialakítása

  • Reszponzív weboldalak kialakításának elve
  • Weboldal megjelenési helyének kiválasztása media-query használatával
  • Felépítés:
    • Single Column
    • Split Screen
    • Aszimmetrikus Layout
    • Grid
    • Masonry Layout
    • Magazine
    • Boxes
    • Fixed Sidebar
    • Featured Image
    • F-shape Layout
    • Z-shape Layout

-          Bootstrap

  • Mi ez és mire használjuk?
  • Reszponzív weboldal keret elkészítése
  • Színek
  • Szöveg formázása
  • Grid System
  • Komponensek:
  • Card
  • Alert
  • Button
  • Collapse és Accordion
  • Modal
  • Menük:
  • Egyszerű reszponzív menü
  • Morzsamenü
  • Sticky menü
  • Offcanvas Menu
  • Scrollspy
  • Alpha Slider Carousel
  • Whitebox Gallery
  • Mikroeffektek (Fade in overlay, Hover zoom, stb.)

-          BootstrapZero ismertetése, felépítése

  • Használatának főbb előnyei

2.      Programozási logika és Clean Code

-          Programozás történelme

-          Programnyelv generációk

-          Programnyelv fogalma, csoportosíthatósága

-          Strukturált programozás alapfogalmai

  • Adatok tárolása programban
  • Adatszerkezetek
    • Adatszerkezetek csoportosítása
  • Típusok
    • Típus fogalma
    • Programozási nyelvek típusossága
    • Alapvető adattípusok
  • Vezérlési szerkezetek
    • Elágazások
    • Ciklusok

-          Algoritmusok fogalma / felhasználása

  • Alapvető algoritmusok áttanulmányozása

-          Programozási technikák / paradigmák

  • Procedurális programozás alapjai
    • Alprogramok és azok feladata
    • A felépítés logikája, szabályai
  • Objektum-orientált programozás alapjai
    • Osztályok, objektumok és azok feladata
    • A felépítés logikája, szabályai
  • Prototípus-oreintált programozás alapjai
    • Prototípusok felépítése
    • Objektum-orientáció és prototípus-orientáció összehasonlítása

-          Clean Code elvek

  • Mik ezek az elvek és mire jók?
  • Kód kinézet
    • Elegáns kinézet
    • Hatékonyság előtérbe helyezése
    • Egyszerűség preferálása
  • Elnevezési szabályok.
    • Olvashatóság és magyarázatok
  • Fejlesztési irányelvek.
    • Duplikációk kerülése

3.      Natív JavaScript

-          Ismerkedés a JavaScripttel

  • JavaScript története
  • JavaScript verziói
  • JavaScript futtatása
  • JavaScript konzol

-          Nyelvi alapok

  • Változók, operátorok, adattípusok és logikai műveletek

-          Tömbök és vezérlési szerkezetek

  • Tömb, halmaz, map
  • Ciklusok, elágazások

-          Alprogramok

  • Létrehozása, meghívása, visszatérési értékei
  • Visszahívás (CallBack)
  • Iterációk (Recursion)

-          Objektumok és Prototípusok

  • Objektumkifejezések
  • Objektumok készítése
  • Beágyazott elemek
  • Névterek
  • Tulajdonságok felvétele és eltávolítása

-          A DOM (Document Object Model) kezelése

  • HTML illesztése a DOM-ba
  • DOM attribútumai és tulajdonságai

-          Események

  • Eseményfigyelők
  • Típusai

-          Űrlapok

  • Kezelése, validációja

-          Tesztelés és hibakeresés

  • Hibák kiszűrése, futásképesség biztosítása, hibák értelmezése

-          A funkciókról bővebben

  • Funkciótulajdonságok és metódusok
  • IIF
  • Újraírható funkció
  • Funkcionális programozás megjelenése
  • Generátorok és Promise

-          AJAX

  • Mire használjuk?
  • Fetch API

4.      Angular

-          Mi is az Angular

  • Angular és egyéb Frameworkok közti különbségek
  • Angular előnyei
  • DOM (Document Object Model) elemek kezelése

-          Első lépések

  • Telepítés, konfigurálás
  • Moduljai
  • Angular keretrendszer és a TypeScript

-          Angular alapjai, avagy TypeScript megismerése

  • Programozás és típusok a TypeScriptben
  • Alaptípusok és funkciók
  • Modulok és névterek
  • Összetett típusok
  • Osztályok és interfészek
  • Dekorátorok és webszervizek

-          Ismerkedés az Angularral

  • Modul szintaktika
  • Modulok anatómiája
  • Függőségi injekciók (Dependency Injection)
  • HTTPClient alkalmazása
  • Szervizek készítése és felhasználása
  • Komponensek
  • Adatkötések
  • Pipe adattranszformációk
  • Direktívák
  • Angular programok életciklusa
  • Routing megvalósítása
  • Formok kezelése

5.      Verziókezelés (GIT) és publikálás

-          Verziókezelés lényege, alapjai

-          Verziókezelő rendszerek típusai, működése

-          A Git verziókezelő megismerése

  • Felépítése
  • Parancssoros vezérlése (Git Bash)
  • lehetséges GUI kiegészítések (pl.: Git GUI stb.)
  • Beépülő modulok IDE-khez (pl.: Visual Studio Git Extension stb.)

-          Git alapú verziókezelő rendszerek és szerverek megismerése

  • GitHub
    • Felhasználása, működése
  • Atlassian Bitbucket
    • Felhasználása, működése

-          Weboldalak publikálása

  • Publikálás helyének kiválasztása
  • Szerver választás, kapacitás, futtatókörnyezetek, adatbázis kompatibilitás jegyében
  • Domain regisztrációja
    • TLD kiválasztása
    • Regisztrációs folyamat
  • Adatok szerveren való elhelyezése
    • Különböző protokollok használata: FTP, FTPS, SCP, SFTP stb.
  • Konfigurációs beállítások
  • Biztonsági beállítások

6.      NoSQL adatbázisok és azok kezelése

-          Mik azok a NoSQL rendszerek

  • Adatbázisok történeti bevezetése
  • Az adatbázisszemlélet áttekintése
  • A relációs adatmodell és a NoSQL rendszerek összehasonlítása
  • A Big Data és annak feldolgozásának hátterének alapszintű megismerése

-          Felhasználási logika

  • A NoSQL rendszerek felhasználási területei
  • Az adatok új feldolgozási logikája

-          A NoSQL adatbázisok háttérlogikája

  • Kulcs-érték alapú tárolás
  • Szűrési mechanizmusok
  • Adathalmazok feldolgozása

-          A FireBase felhő alapú NoSQL rendszer megismerése

  • Felhő alapú NoSQL rendszer megismerése
  • Belső adatszerkezetek felépítése
  • Hierarchikus felépítmények megismerése
  • Bejárási, keresési lehetőségek

-          Gyakorlati alkalmazások

-          Implementáció Angular programba

7.      Node.JS

-          Mi is a Node.JS

  • Mi a Node.JS
  • Node.JS előnyei
  • A Node.js a modern webfejlesztésben

-          Node Core

  • Mi is az a Node Core?
  • Telepítés és ajánlott beállítások
  • Node indítása
  • Node modulok a require és a module.exports
  • Rendszermodulok
  • Eseménykioldók
  • HTTP kliens core http-vel
  • HTTP szerver core http-vel

-          NPM (Node Package Manager)

  • Mi az NPM
  • Csomagok lokális telepítése
  • Függőségek hozzáadása a package.json -höz
  • Csomagok telepítése globálisan
  • Csomagok frissítése

-          Web szerver készítése

  • http requestek kezelése
  • Küldési requestek

8.      OAUTH használata

-          OAuth bevezetése

  • Fejlődése az első változattól, a 2.0-ig
  • API alapú beléptetési modell áttekintése

-          OAuth protkoll áttektintése

-          OAuth Tokenek

  • Mi az a token?
  • Tokenek felépítése, feladata

-          Rendszer rétegződések védelme

  • Különböző biztonsági szintek felhasználása, beállítása

-          Kliens típusok

  • Natív alkalmazások
  • Webes alkalmazások

-          Biztonsági kérdések és beállítások

9.      Unit tesztelés

-          Mi is az a unit-, vagy egységteszt?

  • Mik azok az egységek?
  • Mit és miért kell tesztelni?
  • A tesztelés szerepe a szoftverfejlesztésben

-          A fekete doboz (Black Box) tesztek jellemzői

  • Összehasonlítás a fehér dobozos (White Box) teszteléssel

-          Egységteszt rendszerek megismerése

  • MochaJS megismerése

-          Hogyan írjunk egységtesztet?

  • Natív módon
  • Keretrendszer alapon

-          Eredmények kiértékelése

-          Dokumentáció

10. SQL Alapok

  • Adatbázisok történelme, fejlődése
    • Mik az adatbázisok
    • Fejlődésük
    • Felhasználásuk kulcspontjai
  • A különböző adatbázismotorok áttekintése, telepítési lehetőségeik, főbb felhasználási területeik
  • Relációs adatbázisok alapjai
    • Alapfogalmak
      • Inkonzisztencia
      • Redundancia
    • Elemek
      • Entitások
      • Attribútumok
      • Attribútumok tulajdonságai
    • Normalizálás
      • 1. normálforma
      • 2. normálforma
      • 3. normálforma
      • Boyce-Codd normálforma
    • ER (Entity-Relationship) diagram
      • Létrehozása, értelmezése, szabályai
    • Gyakorlati megvalósítás
      • Adatbázisok
      • Táblák
      • Rekordok
      • Kapcsolatok
  • Az SQL nyelv alapjai
    • Kifejlődése, fontossága
    • Részegységei
      • DDL (Data Definition Language)
      • DML (Data Manipulation Language)
      • DQL (Data Query Language)
      • DCL (Data Control Language)
    • DDL nyelv részei
      • Az adatbázis szerkezeti felépítése
      • Adatbázis, tábla, nézettábla, esemény indítók létrehozása (CREATE)
      • Adatbázis, tábla, nézettábla, esemény indítók módosítása (ALTER)
      • Adatbázis, tábla, nézettábla, esemény indítók törlése (DROP)
    • DML nyelv részei
      • Az adatbázis adatainak kezelése
      • Adatok beszúrása (INSERT)
      • Adatok módosítása (UPDATE)
      • Adatok törlése (DELETE)
    • DQL nyelv részei
      • Az adatbázis adatainak kiolvasása, megjelenítése
      • Adatbázis szerkezetének megtekintése (SHOW)
      • Adatok lekérdezése táblából, nézettáblából (SELECT)
    • DCL nyelv
      • Az adatbázis jogok kiosztása
      • Adatbázis jogok biztosítása (GRANT)
      • Adatbázis jogok megtagadása (REWOKE)
  • Komplexebb lekérdezések
    • Egybeágyazott lekérdezések
    • Több táblás lekérdezések (JOIN)
  • Betekintés a tranzakciós adatbázisok működésébe
    • Tranzakció lényege, működése
    • ACID elvek
    • TCL (Transaction Control Language) nyelv részei
      • Különböző adatbáziskezelők tranzakciókezelésének áttekintése

11. PHP programozás

  • PHP fejlesztőkörnyezetek megismerése
    • Netbeans
    • A fejlesztőkörnyezetek összehasonlítása, a PHPStorm részletesebb bemutatása
  • PHP alapjai
    • A HTML és PHP kapcsolata
    • A PHP scriptek futásának tanulmányozása
    • A PHP programozási nyelv alapjai
    • Egyszerűbb PHP-s programok integrálása HTML-be
  • Űrlap (Form) kezelés
    • Az űrlapok HTTP átviteli metódusok (GET, POST) közti különbsége
    • Az űrlapok szerveroldali feldolgozása
    • Biztonsági kockázatok elemzése
  • Fájlkezelés
    • Szöveges állományok kezelése
    • Megnyitás, írás, olvasás
    • Fájlok szerveren való kezelése
    • Másolás, mozgatás, törlés
    • Fájlfeltöltések kezelése a szerveren
    • A feltöltött fájlok ellenőrzése
  • Szövegkezelés
    • A szövegek kezelése PHP-ben
    • Szöveges funkciók megismerése
  • Procedurális és moduláris programozás
    • Saját alprogramok írása PHP-ben
    • PHP modulok, állományok beimportálása más PHP állományokba
    • Procedurális és moduláris programozás előnyei az egy fájlban megírt programokkal szemben.
  • Munkamenetkezelés
    • Munkamenetek indításának lehetőségei
    • A szerver oldali munkamenet azonosítás (SESSION) előnyei, hátrányai
    • A kliens oldali munkamenet azonosítás (COOKIE) előnyei, hátrányai
    • Egy beléptető rendszer készítése
  • MySQL használata PHP nyelvben
    • A mysqli_... funkciók használatának megismerése
      • Kapcsolat felépítése
      • Visszatérő adatok feldolgozása
      • Kapcsolatok kezelése
    • Az adatbázis-kezelésének biztonsági kockázatai
      • SQL Injection, XSS és egyéb adatbázist érintő biztonsági kockázatok elemzése, védelmi lehetőségeik.
  • Grafika a PHP nyelvben
    • A GD Image megismerése
    • Képek manipulálása, átméretezése
    • CAPTCHA készítése
  • Email-ek küldése PHP-ben
    • Az email-ek felépítése
    • SMTP (Simple Mail Transfer Protocol) működésének rövid bemutatása
    • A mail függvény használata
  • Az OOP a PHP-ban
    • Osztályok, objektumok felépítése, felhasználása
    • Getter és Setter felhasználása
    • Konstruktor és magic methods
    • Funkciók beépítése
    • Statikusság
    • A felhasználási területek gyakorlatban
  • OOP programozás tervezési mintákkal
    • Tervezési minták
    • Túltöltés
  • Hibakezelés
    • Hibák kezelése
    • Külső hibák
    • Kivételek
  • Önálló szkriptek
    • PHP CLI
    • Input és Output kezelése
    • Parancssor argumentumai
  • API készítése
    • Design és felhasználhatóság
    • Defenzív kódolás
  • Munkamenet kezelés
    • Kliens oldali munkamenet
    • Szerveroldali munkamenet
  • Elosztott rendszerek kiépítése
    • Mi a cluster
    • Tervezési elemek
  • RPC: Interakció távoli szolgáltatásokkal
    • XML-RPC / REST
    • SOAP
    • SOAP és REST összevetése

12. Üzleti kommunikáció

  • Kommunikáció formái
    • Verbális
    • Nonverbális
  • Információáramlás
    • Adó, illetve vevő kapcsolata és a folyamatos kommunikáció
  • Kommunikáció célja és következményei
    • Kommunikációs interakciók
    • Érdekegyeztetések
  • Üzleti kommunikáció
    • Etikett
    • Tárgyalási formák
    • Tárgyalások alapvető szabályai
    • Prezentációs technikák
  • Szerződéskötés
    • Szóbeli és írásbeli megállapodások
  • Információk visszatartása és azok következményei

A Junior front-end fejlesztő, - a SEO szempontokat betartva - szabványos HTML kódokat ír, szemantikus elemeket használ. A gyakorlatban alkalmazza haladó CSS ismereteit. Responsive weboldalakat készít és a gyakorlatban alkalmazza a mobile-first szemléletmódokat. A stílusok hatékonyabb, gyorsabb megírásához CSS preprocesszort és CSS keretrendszert használ. 2/8 JavaScript ismeretei felhasználásával kódolási konvenciókat és a tiszta kód elveket követve, egyszerűbb algoritmizálási feladatokat old meg. Alkalmazásokat fejleszt JavaScript keretrendszer/könyvtár segítségével, illetve unit teszteket ír és olvas munkája ellenőrzéséhez. Verziókövető rendszert használ a csoportos és/vagy egyéni projektjei során. Build eszközt használ a projekt elkészítése, összerakása során. Rutinszerűen használ egy integrált fejlesztőeszközt.

A napjainkban készülő szoftverek túlnyomó többsége ma már webes környezetben működik, ezért napjainkban egyetlen programozó vagy szoftverfejlesztő sem nélkülözheti a webes technológiák ismeretét. A webfejlesztő legalább technikusi szintű tudással és készségekkel rendelkező szoftverfejlesztő, aki általános programozási tudásán felül képes webes környezetben működő alkalmazások fejlesztését elvégezni. Önállóan képes egyszerűbb vagy közepesen komplex webes alkalmazás teljes kivitelezésére, beleértve a szerveroldali komponens (backend) elkészítését, a kliens oldali komponens (frontend) programozását, illetve a kapcsolódó adatbázis-kezelési séma kialakítását. Csapatban elvégzi komplexebb webes rendszerek backend vagy frontend komponenseinek, vagy azok részkomponenseinek önálló kivitelezését. A fenti feladatok elvégzéséhez magabiztos és naprakész tudással és gyakorlati készséggel rendelkezik a legfontosabb webes technológiák területén. Szabványos weboldalakat készít HTML5 leíró nyelven, weboldalakat formáz CSS3 stíluslapok segítségével. Dinamikus weboldalak programozását végzi JavaScript nyelven. Kliens oldali alkalmazásokat készít JavaScript keretrendszer segítségével (pl. React, Vue, Angular). Szerveroldali alkalmazásokat készít arra alkalmas nyelv vagy keretrendszer segítségével (pl. Node.js, PHP, Laravel, Spring stb.) Munkája során jelentkező problémákat önállóan oldja meg webes kereséssel és internetes tudásbázisok használatával. Az új technológiák alkalmazására nyitott, tudását folyamatosan fejleszti. Szakmai témákban hatékonyan kommunikál magyarul és angolul egyaránt.

A tanfolyamokat indítani a fentebb kiírt tervezett időpontokban megfelelő létszám esetén tudjuk, ennek hiányában a tervezett kezdési időpontot későbbi kezdésre módosítjuk.

Miért gyere hozzánk

Elmesélem, hogy miért jó nálunk tanulni

  • Türelmes, szakképzett oktatók

    Nem csak az oktatásban nagy tapasztalattal rendelkező tanároktól tanulhatsz, de a szakmájukban kiváló szakemberek is, így naprakész tudással rendelkeznek az adott témakörökben.

  • Innovatív oktatás

    Sok iparágról elmondhatjuk, hogy gyorsan fejlődik, de a leggyorsabban az informatika. A Ruandernél ezért különös figyelmet fordítunk arra, hogy oktatóinktól a lehető legfrissebb, és legmagasabb minőségű tudást sajátíthasd el.

  • Profi eszközök

    Minden egyes tantermünkben modern eszközökkel találkozhatsz, amelyek teljes mértékig megfelelnek a kor követelményeinek. Továbbá a termek légkondicionáltak és minden tanulást segítő eszközzel felszereltek.

Gyakori kérdések a tanfolyammal kapcsolatban

  • Meddig lehet jelentkezni az adott tanfolyami időpontra?

    Az indulás előtt legkésőbb 1 héttel várjuk a jelentkezéseket. De ha sikerült eldöntened, hogy szeretnél részt venni a képzésen, akkor célszerű minél hamarabb leadni a jelentkezésed, mert előfordulhat, hogy betelik a csoport létszáma.

  • Mi történik, ha nem tudok részt venni egy órán? Hogyan tudom pótolni?

    Amennyiben van más futó tanfolyamunk, akkor ott pótolhatod, vagy az oktató elküldi mit vettek azon a napon, amikor nem voltál.

  • Van lehetőség részletfizetésre?

    Természetesen van lehetőség részletfizetésre. A mértéke az időbeosztástól függ. 1 hónapnál hosszabb tanfolyamoknál havi kamatmentes részletfizetésre van lehetőség.

  • Kapunk-e jegyzetet, tankönyvet?

    Elektronikusan letölthető jegyzeteket fogsz kapni. Ehhez a hozzáférést az első oktatási napon kapod meg. A jegyzetek díja benne van a képzés díjában.

  • Hogyan kell fizetni a részleteket?

    A havi részleteket minden hónap végig kell befizetni. Ezt megteheted az ügyfélszolgálatunkon készpénzben vagy bankkártyával, de ha szeretnéd, akkor választhatod az átutalást is.

  • Mennyire gyakorlatias a képzés?

    Gyakorlatorientált képzéseket tartunk, így könnyen el tudod sajátítani az ismereteket. Otthoni gyakorlás is ajánlott.

Itt vagyunk

Az Árpád-híd közelében vagyunk. Itt áll meg a 3-as metró, az 1-es villamos, illetve az alábbi buszok is: 26-os, 32-es, 34-es, 106-os. Az utcán parkolásra is van lehetőség, melynek a díja 265 Ft/óra.

Tanfolyam helyszíne

  • Címünk
    1139 Budapest,
    Frangepán utca 3. (1. emelet)

Ügyfélszolgálat

  • Ügyfélfogadás, beiratkozás
    H-P: 09:00-16:00

Elérhetőségeink