A Junior frontend fejlesztő Új Szakképesítés a régi, mára már megszűnt Szoftverfejlesztő OKJ képzéshez frontend részéhez hasonló tematikájú, modernebb, államilag elismert képzéstípus.
A Junior frontend 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. 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 Junior frontend fejlesztő tanfolyam 320 óra, melyből 284 kontaktóra és 36 óra oktatóvideó formájában valósul meg.
A Junior frontend 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. 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 Junior frontend fejlesztő tanfolyam 320 óra, melyből 284 kontaktóra és 36 óra oktatóvideó formájában valósul meg.
HTML5, CSS3, SCSS, Bootstrap, Javascript, NodeJS, React, Angular, Git+ Oktatóvideók: Javascript, SEO, OOP
Nálunk találsz Tantermi és Online képzéseket is! A helyszínnél tudod kijelölni, hogy melyik számodra a kedvezőbb.
Kérjük számolj azzal, hogy a vírushelyzet függvényében a tantermi képzéseink is online folyhatnak.
Kérjük számolj azzal, hogy a vírushelyzet függvényében a tantermi képzéseink is online folyhatnak.
Junior frontend fejlesztő tanfolyam időpontok
A koronavírus helyzetre tekintettel, ideiglenesen online tarjuk képzéseinket!
| Jelentkezem | június 21. - augusztus 09. | H,K,SZ,CS,P | 9:00-16:00 | 2 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. június 24. - 2024. március 09. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 02. - 2024. június 08. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 12. - 2024. május 28. | Kedd, Csütörtök | 17:00-20:15 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | június 21. - augusztus 09. | H,K,SZ,CS,P | 9:00-16:00 | 2 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. június 24. - 2024. március 09. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 02. - 2024. június 08. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 12. - 2024. május 28. | Kedd, Csütörtök | 17:00-20:15 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | június 21. - augusztus 09. | H,K,SZ,CS,P | 9:00-16:00 | 2 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. június 24. - 2024. március 09. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 02. - 2024. június 08. | Szombat | 9:00-16:00 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
| Jelentkezem | 2023. szeptember 12. - 2024. május 28. | Kedd, Csütörtök | 17:00-20:15 | 9 hónap | Projekttárs akció 490 000 Ft (580 000 Ft) |
Online | Jelentkezem |
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!
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 - Tematika
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 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
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 - 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
A Junior frontend 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. 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.
Ide kattintva letölthető a képzési program.
Kinek ajánljuk? - Junior frontend fejlesztő tanfolyam
Előfeltételek - Junior frontend fejlesztő tanfolyam
Célja - Junior frontend fejlesztő tanfolyam
Vizsga és képesítés - Junior frontend fejlesztő tanfolyam
