Webfejlesztő tanfolyam

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.

Képzési program