Webfejlesztő tanfolyam

  • Leírás
  • Időpontok
  • Tananyag
  • Tudnivalók

Kedvező képzési idejű, gyakorlatorientált Webfejlesztő tanfolyamunk létrehozásával egy olyan képzés kialakítása volt a célunk, melynek segítéségvel a lehető legrövidebb idő alatt stabil, önállóan alkalmazható ismeretekre tehetsz szert.

A tanfolyam két fő tematikai egysége a Webszerkesztő és Webprogramozó modul, melyeket igényeid és céljaid szerint külön-külön, vagy - átfogó webfejlesztői ismeretek elsajáításához - egyben is elvégezhetsz. A programozási ismereteken túl a webfejlesztéshez elengedhetetlen grafikai folyamatokra is felkészítünk a képzés során, hogy kívül-belül igazán profi oldalak kerülhessenek ki kezeid közül. Válaszd ezt a pályát akár hobbiként, vagy új munkakörként, nálunk jó helyen jársz, hiszen egészen az alapoktól átvesszük a fejlesztési folyamatot, előzetes szakmai ismeretekre nem lesz szükséged.

Fejleszd magad, fejleszd a webet könnyedén - élő-online vagy tantermi oktatással!

2025-02-24 - 2025-07-09
Oktatási napok, időpontok
hétfő, szerda
17:00 - 20:15


Időtartam
20 hét (152 óra)


Ár
299.000 Ft


Oktatás módja
Online
Webes alapismeretek
  • Hálózati alapismeretek
    • LAN, MAN, WAN kiterjedésű hálózatok
    • Alkalmazás réteg protokolljai (HTTP, FTP, stb.)
    • Internet alapismeretek, TCP/IP protokoll
    • URL (Unified Resource Locator) az erőforrás pontos helyének meghatározása
    • A weboldalak elhelyezésének lehetőségei
    • Domain és DNS (Domain Name Service) működése
  • Weboldalak működése, elérése, feldolgozásuk lehetőségei

Webszerkesztés

  • Ismerkedés különböző szerkesztőeszközökkel
    • Netbeans
    • Az egyes eszközök összehasonlítása, kinézeti elemzése
  • HTML (Hyper Text Markup Language) leírónyelv megismerése
    • HTML áttekintése, fejlődése
    • HTML leírónyelv alapjai
    • HTML dokumentum részei
    • HTML tag-jei és attribútumai
    • HTML gyakorlati feladatok megoldása
  • HTML szerkezeti felépítésének megismerése
    • Szövegközi elemek (inline) viselkedése
    • Blokkosított elemek (block) viselkedése
    • Címek, listák, bekezdések
    • Képek kezelése
    • Hivatkozások, horgonyok
    • Gyakorlati feladatok
  • HTML szerkezeti elemei
    • Táblázatok létrehozása
    • Táblázat javallat és ellenjavallatok
    • Beágyazott táblázatok
    • Gyakorlati felhasználások
  • Első website létrehozása
    • Fájlok szerkezeti elhelyezése
    • Felépítési szabályok
  • CSS (Cascading Style Sheet)
    • Elemi doboz modell felépítése
    • CSS elhelyezése (külön fájl, HTML head, style attribútum)
    • CSS elhelyezésének javallatai
    • Tag, Id, Class kiválasztók (Selectors) működése
    • Microsite típusú oldalak felépítésének megkezdése:
      • Paper-prototype megtervezése elkészítése
      • HTML5 szemantikus tagoló elemek ismertetése
      • Az elkészített terv alapján a weboldal fő szerkezeti elemeinek elkészítése
      • Microsite típusú weboldal tartalmi elemeinek megszerkesztése
    • Szövegformázások
    • Díszítések stílussal
    • Saját betűkészlet alkalmazása
    • CSS stíluselemek használatával a végleges kinézet kialakítása
    • Microsite publikálása tárhelyre (FTP kezelés)
    • Validálás (HTML, CSS)

Webes grafika

  • Adobe Photoshop pixelgrafikus képszerkesztő megismerése
    • Program alap struktúrája
    • Eszköztárak
      • Eszköztárak
      • Nézetek
      • Paletták
      • Munkaterület
  • Adobe Photoshop gyakorlati felhasználása
    • Használható fájlformátumok (gif, jpg, png, bmp, stb.)
    • Csoportos kép átméretezése egyszerűen
    • Pattern (web hátterek) készítése
    • Képek vágása és optimalizálása webre
    • Gyakorlati feladatok megoldása
    • Színkezelés, színek kiválasztása (color scheme)
    • Képmódosító eljárások (image menüpont)
    • Rétegkezelés
    • Szöveg elhelyezése, betűtípus kiválasztása
    • Gomb elkészítése
    • Honnan szerezhetünk be képeket? (Creative Commons)
    • Képek optimalizálása webre
    • Weboldal képváltó egy elemének elkészítése
    • Rétegstílusok
    • Szűrők
    • Effektek
    • Gyakorlati feladat (weboldal logo feliratának elkészítése)

Webszerkesztés haladó szinten

  • HTML 5 megismerése
    • HTML 5 újdonságai, lehetőségei
    • HTML 5 támogatottsága különböző böngészőkben
    • HTML struktúra kialakítása (fejléc, menü, képváltó, tartalom, lábléc)
    • Fő blokkelemek kialakítása
    • Menü kialakítása (inline-block elemek)
    • Legördülő menü kialakításának elve
  • A JavaScript és jQuery kliensoldali programozásinyelvek alapjainak megismerése
    • JavaScript és jQuery alapok és ismertetés
    • JavaScript és jQuery használata, működése
    • Egyszerűbb JavaScript és jQuery műveletek (színezés, mozgatás és interakció a CSS -sel)
    • jQuery carousel képváltó kiválasztása és beépítése weboldalba
  • Weboldalak helyes kialakítása, SEO (Search Engine Optimization)
    • Keresőmotorok működése manapság
    • Keresőmotorbarát weboldal szerkezet
    • Google webmester eszközök
    • Közösségi oldalak ereje
    • Feketekalap veszélyek áttekintése
  • Komplex statikus weboldal kép váltójának elkészítése
    • jQuery alapú szabadon felhasználható képváltó lehetőségek
    • Camera slider ismertetése
    • Camera slider telepítése és funkciói
    • Képváltó beépítésének buktatói (minőség, informativitás, méret)
    • könnyen beépíthető CSS animációk (animate.css, hover.css)
  • Komplex statikus weboldal – aloldalak
    • Aloldalak típusai
    • Aloldalak (mutációk) elkészítése a főoldal felhasználásával
    • Multimédia elemek beillesztése aloldalakba:
    • Google Maps, Facebook közösségi elemek, YouTube video beágyazása (IFRAME működése)
    • saját hang vagy video beágyazása
    • könnyen beépíthető jQuery alapú eszközök (fitvidjs.com, datatables.net)
  • Reszponzív oldalak kialakítása
    • Reszponzív weboldalak kialakításának elve
    • Weboldal megjelenési helyének kiválasztása media-query használatával
  • Bootstrap
    • Mi ez és mire használjuk?
    • Reszponzív weboldal keret elkészítése
    • BootstrapZero ismertetése, felépítése
    • Használatának főbb előnyei

Webszerkesztés vizsga

  • Elkészített vizsga statikus weboldal leadás, publikálás
  • Értékelés

Webprogramozás

Programozás alapismeretek

  • Gyengén típusos nyelvek fogalma
  • Script nyelvek fogalma
  • Változók, konstansok, tömbök fogalma
  • Vezérlési szerkezetek
  • Moduláris, procedurális programozási technikák

PHP fejlesztőkörnyezetek megismerése

  • Netbeans
  • A fejlesztőkörnyezetek összehasonlítása, a PHPStorm részletesebb bemutatása

PHP alapjai

  • A HTML és PHP kapcsolata
  • A PHP scriptek futásának tanulmányozása
  • A PHP programozási nyelv alapjai
  • Egyszerűbb PHP-s programok integrálása HTML-be

Űrlap (Form) kezelés

  • Az űrlapok HTTP átviteli metódusok (GET, POST) közti különbsége
  • Az űrlapok szerveroldali feldolgozása
  • Biztonsági kockázatok elemzése

Fájlkezelés

  • Szöveges állományok kezelése
    • Megnyitás, írás, olvasás
  • Fájlok szerveren való kezelése
    • Másolás, mozgatás, törlés
  • Fájlfeltöltések kezelése a szerveren
    • A feltöltött fájlok ellenőrzése

Szövegkezelés

  • A szövegek kezelése PHP-ben
  • Szöveges funkciók megismerése

Procedurális és moduláris programozás

  • Saját alprogramok írása PHP-ben
  • PHP modulok, állományok beimportálása más PHP állományokba
  • Procedurális és moduláris programozás előnyei az egy fájlban megírt programokkal szemben.

Munkamenetkezelés

  • Munkamenetek indításának lehetőségei
  • A szerver oldali munkamenet azonosítás (SESSION) előnyei, hátrányai
  • A kliens oldali munkamenet azonosítás (COOKIE) előnyei, hátrányai
  • Egy beléptető rendszer készítése

Adatbázis-kezelés alapjai (MySQL segítségével)

  • Adatbázisok fogalma
  • A MySQL adatbáziskezelő megismerése
    • Használatának előnyei
  • A MySQL lekérdezőnyelv megismerése
    • DDL (Data Definition Language)
      • CREATE, ALTER, stb. parancsok megismerése
    • DML (Data Manipulation Language)
      • INSERT, UPDATE, stb. parancsok megismerése
    • DQL (Data Query Language)
      • SELECT, SHOW parancsok megismerése
    • DCL (Data Control Language)
      • GRANT, REWOKE parancsok megismerése
  • A MySQL elérésének konfigurálása a webfejlesztéshez igazítva.
    • Biztonsági kockázatok elemzése

MySQL használata PHP nyevben

  • A mysqli_... funkciók használatának megismerése
    • Kapcsolat felépítése
    • Visszatérő adatok feldolgozása
    • Kapcsolatok kezelése
  • Az adatbázis-kezelésének biztonsági kockázatai
    • SQL Injection, XSS és egyéb adatbázist érintő biztonsági kockázatok elemzése, védelmi lehetőségeik.

Grafika a PHP nyelvben

  • A GD Image megismerése
  • Képek manipulálása, átméretezése
  • CAPTCHA készítése

Email-ek küldése PHP-ben

  • Az email-ek felépítése
  • SMTP (Simple Mail Transfer Protocol) működésének rövid bemutatása
  • A mail függvény használata

Egy komplex CMS (Content Management System), tartalomkezelő felépítése, összerakása (pl.: Céges weblap, Fórum, Webshop, stb.)

    A tanfolyam adatai:
    Nyilvántartásba vételi száma: -
    Tanfolyam díja: 299.000 Ft
    Tanfolyam vizsgadíja: 0 Ft
    Tanfolyam óraszáma: 152 óra
    Tanfolyam végét igazoló dokumentum: tanúsítvány
    Tanfolyam helyszíne: 1139 Budapest, Frangepán utca 3.

    A tanfolyam megkezdésének feltételei:
    Iskolai végzettség: nem feltétel
    Szakmai végzettség: nem feltétel
    Szükséges előismeretek: készségszintű operációs rendszer (pl. Windows) ismeretek

    A képzést a RUANDER Oktatóközpont szervezi. Ha részletesebb tájékozatást szeretnél, kérünk keresd fel a weboldalunkat a részletek gombra kattintva.