Junior
frontend fejlesztő tanfolyam

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

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