Webfejlesztő tanfolyam
Leírás
A Webfejlesztő tanfolyamon résztvevők elsajátítják - legalább technikusi szinten - webes környezetben működő alkalmazások készítését. Képesek lesznek komplex webes alkalmazások teljeskörű 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. Megtanulnak csapatban dolgozni, és betekintést nyernek az ehhez szükséges verziókezelő rendszerek működésébe, illetve a csapatmunkát támogató alkalmazások használatába. A fenti feladatok elvégzéséhez naprakész ismeretekkel és gyakorlati készségekkel rendelkeznek a webes technológiák területén. Képesek lesznek szabványos weboldalak készítésére HTML leírónyelv és CSS stíluslapok segítségével, dinamikus weboldalak kliens oldali programozására JavaScript nyelven és szerver oldali alkalmazás készítésére PHP és Node.js segítségével egyaránt. Alaposan megismerik a React kliensoldali JavaScript keretrendszert. Munkájuk során a felmerelő problémákat oldja meg webes kereséssel és internetes tudásbázisok használatával. Nyitottak lesznek új technológiák elsajátítására és alkalmazására. Szakmai témákban magabiztosan kommunikálnak angolul és magyarul egyaránt.
A Webfejlesztő tanfolyam 400 óra, melyből 320 kontaktóra és 80 óra oktatóvideó formájában valósul meg.
A Webfejlesztő tanfolyam 400 óra, melyből 320 kontaktóra és 80 óra oktatóvideó formájában valósul meg.
Nem találod
az időpontot?
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 Webfejlesztő 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 Webfejlesztő tanfolyamon résztvevők a képzés végére képesek lesznek egy komplett webshopot elkészíteni egyedi saját programozással a legkorszerűbb webes front-end és back-end programozási nyelvek segítségével.
Előfeltételek
Érettségi bizonyítvány, HTML és CSS alapismeretek.
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 Webfejlesztő 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!
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!
Webfejlesztő tanfolyam tanfolyam - tematika
HTML5 és CSS3
HTML5 és CSS3 - Webfejlesztő 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 - Webfejlesztő 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
Javascript
JavaScript – Webfejlesztő tanfolyam modul
Alapfogalmak
- Szintaktika
- 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 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
- Sütik
- LocalStorage
- SessionStoreage
Új generációs 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
PHP és MySQL
PHP és MySQL - Webfejlesztő tanfolyam modul
Webprogramozói fejlesztői környezet
- LAMP és WAMP környezet
- Webserverek áttekintése
- MySQL szerver szolgáltatások áttekintése
- Webserver környezet telepítése
- XAMPP környezet telepítése és konfigurációja
- PHP beállítások folyamatának megismerése
- PHPMyAdmin rendszer ismertetése
- Felhasználó és adatbázis létrehozása PHPMyAdmin-ban
- Jogosultásgok kezelése MySQL-ben a PHPMyAdmin segítségével
PHP programozás alapjai
- A PHP nyelv története és kapcsolata a HTML-el
- Server oldali script nyelvek bemutatása
- Kliens és Server oldai programozás összehasonlítása
- Ajax technológia elméleti ismertetése
- Struktúrált programozás elmélet
- Konstansok és változók áttekintése
- Szövegek és karakterek kezelése
- Alapvető matematikai és logikai műveletek
- Adatszerkezetek
- Tömbök
- Asszociatív tömbök
- Változók és tömbök
- Leválogatás és adatfeldolgozás tömbök segítségével
- Ciklusok
- Előltesztelős ciklusok
- Hátultesztelős ciklusok
- Foreach ciklusok
- Adattömbök bejárása a foreach ciklus segítségével
- Elágazások
- Egyszerű IF elágazás ELSE ággal
- Feltételek megfogalmazása
- Összetett feltételek
- IF, ELSEIF, ELSE elágazások ismertetése és példák
- SWITCH - többszörös elágazások használata
- Szuperglobális tömbök
- POST, GET, COOKIE, SESSION, SERVER
- HTML űrlapok feldolgozása
- Adattovábbítás PHP file-ok között
- Munkamenetek kezelése - klienshez kötött COOKIE kezeléssel
- Munkamenetek kezelése - server oldali SESSION kezeléssel
- SERVER globálisok használata
- Hostok lekérdezése
- IP cím lekérdezése
- Kliens oldali böngésző adatok lekérdezése
Fájl és könyvtárkezelés
- Fájlfeltöltés direkt módon kliensről server oldalra
- Szöveges fájlfelolvasás
- Szöveges fájlkészítés, módosítás
- Szöveges loginrendszer készítés
- Űrlap alapú file feltöltés és tárhelyen file kezelés
- másolás
- törlés
- módosítás
MySQL adatbázis-kezelő rendszer használatának ismertetése
- A PHPMyAdmin felület részletes bemutatása
- SQL file-ok kezelése
- Egyéb formátumok exportja és importja (pl. .csv., Excel, PDF)
- Adatbázisok jogrendszere
- Adatbázisok karakterkódolásának ismertetése
- Adatbázis létrehozása és törlése
- SQL nyelv megismerése
- Az SQL parancsok részletes ismertetése
- Beszúrás az adatbázisba
- Módosítás az adatbázisban
- Törlés az adatbázisban
- Adatok cseréje és frissítése az adatbázisban
- Adatbázis táblák összekapcsolások
- Elsődleges és idegen kulcsok beállítása
- Megkötések beállítása
- Komplexebb SQL lekérdezések megismerése (JOIN)
- Optimalizálás és az adatbázisok indexelése
MySQL adatbázisok kezelése PHP programnyelvvel
- A PHP és a MySQL kapcsolata
- Adatbázis kapcsolat létrehozás
- SQL parancsok kezelése PHP-val
PHP függvénykategóriák és függvények ismertetése
- A függvénytárak áttekintése, hivatalos függvényforrások áttekintése
- Gyakori függvények
- Karakterkezelő függvények
- Információs függvények
- Matematikai függvények
- Logikai és adatkezelési függvények
- Saját, egyedi függvények készítése
Egyedi tartalomkezelő – és termékkatalógus rendszer készítése
- Egyedi adminisztrációs rendszer tervezése
- Adatbázis tervezés és kialakítás az egyedi admin felülethez
- Funkciók tervezése
- Tartalomkezelő rendszer megírása
- BACK-END felület létrehozása
- Beépített editor hozzáadása az egyedi adminisztrációs felülethez
- Felhasználókezelés
- Termék kategória kezelő tervezése és kivitelezése
- Rendelések modul megírása
- Regisztrációs modul megírása
- FRONT-END felület létrehozása
- Tartalmak megjelenítése
- Kapcsolati űrlap és Google térkép integráció
- Termékek listázásának lehetősége
- Termékkereső megírása
- Kosár modul létrehozása
- Rendelési rendszer megalkotása és tesztelése
Képkezelés, e-mail-ek kezelése és alapvető biztonsági procedúrák ismertetése PHP nyelvben
- Email küldés PHP-ból
- HTML alapú levél létrehozása
- Képkezelés PHP-ban - Webprogramozó tanfolyam modul
- GD függvénytár megismerése
- Kép transzformációk
- Méretezés
- Képre írás
- Közismert feltörési technikák kivédése
- SQL injection
- XSS
- Adatlopások korrekciói
Felhasználói élmény tényezőinek áttekintése
- Befolyásoló tényezők
- Javítási lehetőségek
Aszinkron JavaScript kérések feldolgozásának ismertetése szerver oldalon
- Adatok megjelenítése adatbázisból az oldal újratöltése nélkül
- POST és GET kérésekben küldött adatok feldolgozása
PHP programozás OOP szemlélettel
- Osztály létrehozása
- Példányosítás
- Különleges, fenntartott tagfüggvények
- Konstruktor
- Destruktor
- Clone
- Öröklés megvalósítása
- Statikus attribútumok, metódusok használata
- Kivételkezelés
- Throw
- Try
- Catch
- Finally
- Adatok elrejtése, láthatósága
- Változók, tömbök, adatbázisok műveletei
- MySQL adatbázisok értékeinek átalakítása kiolvasás előtt
- MySQL adatbázis értékek keresése
- PDO
- PDO osztály előnyei hátrányai
- PDO példányosítása, adatbáziskapcsolat létrehozása
- Utasítások közvetlen végrehajtása
- Paraméterezett utasítások
- Előkészítés
- Paraméterezés
- Végrehajtás
- Tömbösítési módok
- Hibakódok
Speciális folyamatok és műveletek bemutatása
- Titkosítás, jelszó kezelések
- Kódoló parancsok használata
- Sózás
- Naplózás kezelése
- Hibák mentése és kezelése
- Felhasználói tevékenységek mentése
- Böngésző és IP cím kezelése
- Tiltó lista létrehozása
- Távoli fájl elérése
- cUrl használata
- SMTP integrálása
- Korszerű API-k integrálása
- Online fizetési felület létrehozása
- Népszerű API-k ismertetése
- “Keresőbarát” url kezelés
- Rewrite és htaccess
- Szép url-ek
Git verziókezelés
Git verziókezelés – Webfejlesztő tanfolyam modul
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
- Ú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
GitHub
- 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 - Webfejlesztő 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 - Webfejlesztő 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
Programozás elmélet, módszertanok
Programozás elmélet, módszertanok – Webfejlesztő tanfolyam modul
Objektum Orientált tervezési szemlélet – OOP
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
Szakmai források használata
Szakmai forrásokkal kapcsolatos ismeretek áttekintése
- Szakmai források jelentőségének ismertetése
- A folyamatos szakmai fejlődési igény okainak áttekintése
- Jelentősebb szakmai portálok bemutatása
Szakmai források használatának ismertetése
- Online dokumentációk használata
- W3Schools
- Bootstrap dokumentációja
- StackOverFlow
- Online anyagok megbízhatóságának ismertetése
- Offline dokumentációk használata
- Zeal offline dokumentáció böngésző
- Dokumentációkban, fórumokban található kódok implementálása saját alkalmazásokba
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
- Hibakezelés optimális módjainak bemutatása
- Ismétlődés elkerülésének fontossága
Informatikai szakmai angol nyelv
- Gyakran használt fejlesztői és verziókezelő rendszerek angol felületeinek áttekintése
- Online keresés és ismeretszerzés angol nyelven
Prezentációs ismeretek
Prezentációs ismeretek – Webfejlesztő tanfolyam modul
Prezentációkészítés Microsoft PowerPoint programmal
- Fájlkezelés
- PowerPoint – Első lépések
- Tartalom importálása
- Elrendezés
- Diák rendszerezése és formázása
- A bemutató közzététele
- Mentés és nyomtatás
- Helyesírás- és nyelvhelyesség-ellenőrzés, szinonimaszótár
- Minták használata
- Témák használata
- Videók
- Animációk használata
- Diagramok használata
- Hiperhivatkozások és akciógombok használata
- Képek és alakzatok használata
- Táblázatok használata
- Szövegformázások
- Kisegítő lehetőségek
- Megjegyzések áttekintése és hozzáadása
- Sablonok használata
- A PowerPoint testreszabása
- A bemutató előadása
Prezentációkészítés Prezi webalkalmazással
- A Prezi bemutatása
- Kezelőfelület
- Új prezentáció készítése (sablon és üres prezentáció)
- Objektumok a Preziben (képek, nyilak és vonalak, diagramok, videók)
- Szöveges elemek
- Sablonok, formázások, animációk bemutatása
- Háttér, betűtípusok testreszabása
- Beépített sablonok
- Alakzatok formázása, testreszabása
- Szöveg- és objektumszerkesztés
- Objektumok animálása - megjelenés és eltűnés, forgás, közelítés, távolítás
- Mozgásvonalak (automatikus és kézi)
- Sorrendiség beállításának lehetőségei
- Automatikus lejátszás
- További lehetőségek a Prezi webalkalmazásban
- Mentés
- Nyomtatás
- Előadás közbeni lehetőségek
- Webes közzététel
- Tervezés lépései
- Alap Prezi sablonok
Ajánló
A debreceni Webfejlesztő tanfolyamon résztvevők elsajátítják - legalább technikusi szinten - webes környezetben működő alkalmazások készítését. Képesek lesznek komplex webes alkalmazások teljeskörű 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. Megtanulnak csapatban dolgozni, és betekintést nyernek az ehhez szükséges verziókezelő rendszerek működésébe, illetve a csapatmunkát támogató alkalmazások használatába. A fenti feladatok elvégzéséhez naprakész ismeretekkel és gyakorlati készségekkel rendelkeznek a webes technológiák területén. Képesek lesznek szabványos weboldalak készítésére HTML leírónyelv és CSS stíluslapok segítségével, dinamikus weboldalak kliens oldali programozására JavaScript nyelven és szerver oldali alkalmazás készítésére PHP és Node.js segítségével egyaránt. Alaposan megismerik a React kliensoldali JavaScript keretrendszert. Munkájuk során a felmerelő problémákat oldja meg webes kereséssel és internetes tudásbázisok használatával. Nyitottak lesznek új technológiák elsajátítására és alkalmazására. Szakmai témákban magabiztosan kommunikálnak angolul és magyarul egyaránt.