Junior frontend fejlesztő tanfolyam

  • 320 óra
  • 9 hónap
480 000 Ft Projekttárs akció
580 000 Ft

Leírás

Az informatika ma már rengeteg különböző területet kínál; 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. 
       
Nem találod
az időpontot?

Egyet se csüggedj! Csak iratkozz fel a hírlevelünkre, hogy időben megtaláld a számodra megfelelő oktatást!

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

Kinek ajánljuk

A Junior frontend fejlesztő tanfolyamot olyan felhasználóknak ajánljuk, akik már magabiztosan kezelik az Internetes alkalmazásokat, ismerik a weboldal készítés alaplépéseit, és szeretnének megtanulni egy dinamikusan fejlődő új szakmát.

Cél

A Junior frontend fejlesztő tanfolyamon résztvevők a képzés végére képesek lesznek bármilyen alkalmazást vagy weboldalt sitebuild-delni.

Előfeltételek

Középfokú végzettség.

Vizsga és képzés

A modulzáró vizsgák teljesítését követően, a képzés végén egy Tanúsítványt állítunk ki, mellyel el lehet menni egy Központi Független Vizsgaközpontba vizsgázni. Az ott sikeresen teljesített vizsgával, egy államilag elismert bizonyítványt lehet szerezni.
A Junior frontend fejlesztő tanfolyam árai bruttó árak! Engedélyezett tanfolyamok esetén az ár ÁFA mentes! 1 óra 45 perces tanórának felel meg! Kamatmentes részletfizetést biztosítunk minden 60 000 Ft feletti képzésünknél. További információk az információk menüpont alatt találhatók a részletfizetési lehetőségekről.

Becsatlakozási lehetőség! Tanfolyamtól függően lehetőséget biztosítunk a közelmúltban indult tanfolyamainkba való becsatlakozásra. Kérjük érdeklődjön telefonos, vagy e-mailes elérhetőségeinken!

Junior frontend fejlesztő tanfolyam tanfolyam - tematika

HTML5 és CSS3

HTML5 és CSS3 - Junior frontend fejlesztő tanfolyam modul

Alapfogalmak áttekintése

  • Weboldalak típusai
    • Statikus weboldalak
    • Dinamikus weboldal
    • CMS alapú weboldalak
  • A domain név fogalma
    • Domain regisztrálási lehetőségek
    • A webtárhely szolgáltatások áttekintése
    • Dinamikus és statikus tárhelyek
  • A weboldalakat leíró nyelvek áttekintése
    • HTML; CSS; XML
  • A webprogramozási nyelvek áttekintése
    • PHP; Ruby on Rails; asp.NET
  • 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
    • A meta tag-ek
    • Karakterkészlet meghatározás
    • Kulcsszavak
    • Leírás
    • Szerző
    • OpenGraph protokoll használata
    • CSS beágyazási lehetőségek
    • Script beágyazási lehetőségek
  • A body szekció elemei
    • Szövegek és formázások
    • Felsorolások és számozások
    • Címformázások
    • Táblázatok
    • Tárolók
    • Űrlap elemek
    • Képek
    • Média objektumok
  • Videók beágyazása
  • Hangok beágyazása
    • Beágyazott keretek használata
  • 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 címzé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 használata
  • 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

Bootstrap responsive weboldal framework - Junior frontend fejlesztő tanfolyam modul

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

W3.CSS

  • Betűtípusok
  • Tárolók
  • Responsive elemek
  • Gombok
  • Táblázatok
  • Listák
  • Képek
  • Ikonok
  • Tag-ek (Címkék)
  • Navigációk
  • Legördülő interaktív elemek
  • Lapozás
  • Animációs elemek
  • Modális felugróablakok
  • Rácsok

SASS/SCSS

SASS/SCSSJunior frontend fejlesztő tanfolyam modul

CSS preprocesszor fogalmának ismertetése

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

SASS preprocesszor alapjainak áttekintése

  •     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és megvalósítási módjainak bemutatása SASS preprocesszorral

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

Javascript

Javascript - Junior frontend fejlesztő tanfolyam modul

Javascript áttekintése, alapfogalmak, programozási alaptételek ismertetése

  • 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)

A JSON programozási nyelv ismertetése

  • 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
Az Ajax technológia ismertetése
  • 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 bemutatása objektum orientált szemlélet szerint

  • 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 áttekintése a böngészőben

  • Sütik
  • LocalStorage
  • SessionStoreage

Új generációs JavaScript szintaxis áttekintése

  • 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

Git verziókezelés - Junior frontend fejlesztő tanfolyam modul

Verziókezelés alapjainak áttekintése

  • 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
    • Új gyűjtemény, "repository" inicializálása
    • Tiltólista létrehozása
    • Állományok hozzáadása a gyűjteményhez
    • Új verzió létrehozása
      • Változási napló írási módszereinek áttekintése
    • Ágak kezelése
      • Létrehozás
      • Törlés
      • Váltás ágak között
      • Ágak összefésülése

A GitHub online gyűjtemény kezelő használatának ismertetése

  • 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

Node.js - Junior frontend fejlesztő tanfolyam modul

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 fogalmának áttekintése
    • Modulok bemutatása
    • Események kezelése
    • Core http használata
    • Hibakezelési módszerek, kivételkezelés bemutatása
  • 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álatának ismertetése

  • 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ásának ismertetése

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

React

React - Junior frontend fejlesztő tanfolyam modul

React ismertetése

  • "Single page alkalmazás" fogalmának áttekintése
  • Fejlesztői környezet beállítása Node Package Manager-rel

A React keretrendszer alapjainak bemutatása

  • 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ódjainak bemutatása
  • Állapot "state" használatának bemutatása
    • Létrehozás
    • Módosítás, manipulálás
    • "Stateless" és "statefull" fogalmak ismertetése
  • 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 bemutatása

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

Angular - Junior frontend fejlesztő tanfolyam modul

Az Angular keretrendszer alapjainak ismertetése

  • 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

Fejlesztés Angular keretrendszer használatával

  • 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 - Firebase - Junior frontend fejlesztő tanfolyam modul

Hosting szolgáltatások áttekintése

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

FireBase hosting szolgáltató használatának bemutatása

  • 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

Keresőoptimalizálás - SEOJunior frontend fejlesztő tanfolyam modul

Webszerkesztéshez kapcsolódó keresés optimalizálási módszerek áttekintése
  • Tárhely és domain beállításai
  • HTML objektumok testreszabása
    • Heading-ek
    • Táblázatok
    • Képek
    • Tartalmak
    • Linkek
    • Interaktív objektumok

Külső befolyásoló tényezők bemutatása

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

Szoftvertesztelés

Szoftvertesztelés - Junior frontend fejlesztő tanfolyam modul

Szoftvertesztelés alapjainak áttekintése

  • 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

Programozás elmélet, módszertanok - Junior frontend fejlesztő tanfolyam modul

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 megfelelő használata
  • 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ó – Öröklés
  • 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

Szoftvertesztelési alapismeretek

Szoftvertesztelés alapjainak áttekintése

  • 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

Képzési program

Ide kattintva letölthető a képzési program.