176 óra 44 alkalom 184 000 Ft.

1094 Budapest, Páva u. 8.

Használt programok: HTML5, CSS3, Bootstrap, Javascript, jQuery, PHP, MySQL, Adobe Dreamweaver, Adobe Photoshop, Adobe Animate

A Webmester tanfolyamot azoknak az érdeklődőknek ajánljuk, akik mindent tudni akarnak a weboldal készítésről. A webmester tanfolyam során a hallgatók megismerkednek a weboldal készítés minden formájával az egyszerű statikus weboldaltól kezdve a komplett webáruház készítésig és reszponzív weboldalak készítéséig. A webmester tanfolyam elvégzése után bármilyen megrendelői kérést ki tudnak majd szolgálni anélkül, hogy külső segítséget kérjenek. Ez a képzés egy piacképes új szakma lehet mindenki számára, aki váltani szeretne, és komoly ismeretszerzés azoknak is, akik tovább szeretnék képezni magukat a weboldalak készítésében.

A Webmester tanfolyamot olyan felhasználóknak ajánljuk, akik már magabiztosan kezelik a számítógépet, esetleg ismerik az Office alkalmazásokat, és érdeklődnek a webszerkesztés iránt.

Stabil számítógép felhasználói és Internet használói ismeretek.

A Webmester 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 hallgatók a webmester tanfolyam utolsó alkalmával számot adnak megszerzett tudásukról, helyi vizsga keretében, melyről tanúsítványt állítunk ki. Lehetőség van a W3C (World Wide Web Consortium) által hitelesített nemzetközi vizsga megszerzésére is. Ennek jelenlegi költsége 96 $.

HTML5 és CSS - Webmester tanfolyam modul

HTML5:

• HTML történelem, bevezető
• HTML verziók
• DTD fogalma, DTD és HTML verziók kapcsolata
• HTML5 és HTML alapjai, főbb különbségek
• HTML5 szerkesztő telepítése és az alkalmazás működése
• HTML5 logika és szintaktika
• HTML5 tagek és attribútumok ismertetése
• HTML 5 új utasításai és megszüntetett utasítások ismertetése
• Videók és audió file-ok beágyazása Plug-In nélkül
• 2D és 3D ábrák és grafikák beágyazása
• HTML 5 Drag and Drop utasítások
• Látogató helyrajzi meghatározása
• Adattárolás böngészőben - utasítások és példák
• Dokumentum szekciók és azok szerepe
• HEAD szekció
  • META tagek jelentősége és szerepe
• Szöveg stílusok
• Bekezdések
• Listák
• Címformázások
• Tárolók (DIV,SPAN)
• Képek
• Média elemek
• Táblázatok
• Űrlap elemek
• CSS beágyazási lehetőségek

CSS3:

• CSS történelem, működés és szerep
• CSS címzések és különbségeik
• CSS szintaktika
• Bekezdések
• Betűkészletek
• Betűtípus
• Stílus
• Súlyosság
• Méret
• Szövegparaméterek
• Dobozok ( Box )
• Háttér
• Keretek
• Körvonalak
• Margók
• Kitöltés
• Listák, listaelemek
• Virtuális kiválasztók
• Dinamikus virtuális kiválasztók
• Pozicionálás
• Méret
• Dinamikus tartalmak
• Számlálók
• Kurzor beállítások
• CSS3 bemutatása
• 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

 

Adobe Dreamweaver - Webmester tanfolyam modul

Bevezetés

• Weblap típusok ismertetése
• Statikus weboldalak és a leíró nyelvek szerepe
• W3C szerepe a nyelvek kialakulásában
• DTD alapfogalmak
• XHTML alapok
• CSS alapok

A program kezelése

• A kezelő felület ismertetése
• Objektum paletta ismertetése
• Properties paletta ismertetése
• Egyéb paletták ismertetése
• Munkafelület használata és egyedi munkafelület kialakítás (saját menü létrehozása az objektumpalettán)

Site kezelés

• Új site létrehozása
• Site beállítások
• Site management
• Site export és import
• Távoli szerver konfigurációs lehetőségek

Weboldal beállítások

• Page properties ablak bemutatása
  • Háttér, margók
  • Betűtípusok, színek
  • Link beállítások
  • DTD és karakterkészlet beállítások
  • Modellkép beállítása

Tartalomkezelés

• Táblázatok
• DIV-ek (Rétegek)
• Linkek létrehozása
• Szöveg formázások
• Tördelés

Képi objektumok

• Kép helyfoglalók (Image Placeholders)
• Képek
• Hotspotok
• Rollover Image

Média objektumok

• Flash animáció beágyazása
• Flash videó beillesztése
• ActiveX objektumok
• Java obejktumok
• Hang beillesztések

Űrlapok létrehozása

• Űrlap elemek
• Űrlap érvényesítések

Viselkedések

• Aktív Javascript objektumok bemutatása
• Réteg Effektek
• Tulajdonság manipuláció
• Felugró ablakok
• Pozíció manipuláció

Bővítmények

• Bővítménykezelő bemutatása
• Telepítés
• Eltávolítás
• Lelőhelyek áttekintése

Animate - Webmester tanfolyam modul

Bevezetés

• Az animáció alapfogalmai (TimeLine, KeyFrame, Frame, Frame Rate)
• A vektorgrafikai alapelvei
• Flash formátumok áttekintése

A program kezelése

• Munkaterület bemutatása
• TimeLine paletta bemutatása
• Eszköztárak
• Egyéb paletták áttekintése
• Nagyítási beállítások, vonalzók, rácsok

Eszközök használata

• Kijelölések
• Transzformációk
• Színátmenet transzformációk
• Alakzatok
• Ecsetek és ceruzák
• Bélyegzők használata
• Kitöltések
• Színátmenetek

Animációs technikák

• Frame by Frame
• Shape tweening
• Motion tweening
• Motion Guide
• Maszkolás

Szimbólumok

• Graphic
• Movie Clip
• Button
• Library paletta használata
• Library export-import lehetőségek

Action paletta beutatása

• Actionscript alapfogalmak ismertetése
• TimeLine vezérlő ActionScript utasítások

Adobe Photoshop - Webmester tanfolyam modul

Bevezetés

• Raszter- és vektorgrafika fogalma, különbségei
• Képfelbontás magyarázat
• Színmódok ismertetése
• Rasztergrafikus képformátumok áttekintése
• Photoshop történelem

A program felületi bemutatása

• Kezelő felület
• Eszközök
• Paletták
• A munkaterületek kezelése, egyedi munkakörnyezet kialakítás
• Gyorsbillentyűk konfigurálása

Dokumentum és képkezelés

• Dokumentum típusok
• Új dokumentum beállításai, sablonok létrehozása
• Nézetek és nagyítások, képernyőmódok (normal, quickmask)
• Műveletek képekkel
  • Kép méret
  • Vászon méret
  • Elforgatás, tükrözés
  • Transzformáció
  • Színmód váltás

Eszközkezelés

• Transzformáció
• Kijelölő eszközök
• Retusáló eszközök
• Webes eszközök

Rétegkezelés

• Réteg típusok áttekintése
• Rétegsorrendek
• Rétegek csoportosítása
• Új réteg létrehozása
• Láthatóság és lezárás

Szűrők

• Filter Gallery bemutatása

Web tools:

• Slice eszköz (Képek szeletelése webre)
• Webre optimalizálás
• Web Photo Gallery létrehozása

PHP és MySQL - Webmester tanfolyam modul

• 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

 

A PHP nyelv, a webprogramozás alapjai - Webprogramozó tanfolyam modul

• 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 - Webprogramozó tanfolyam modul

• POST, GET, COOKIE, SESSION, SERVER, REQUEST
• HTML űrlapok feldolgozása
  • POST methódussal
  • GET methódussal
  • A POST és GET szuperglobálisok közötti különbségek tárgyalá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ájlkezelés - Webprogramozó tanfolyam modul

• 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és - Webprogramozó tanfolyam modul

• A PHP és a MySQL kapcsolata
• 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
• SQL nyelv megismerése
  • Adatbázis kapcsolat létrehozás
  • Adatbázis létrehozása és törlé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
  • Az SQL parancsok részletes ismertetése
  • SQL parancsok kezelése PHP-val
• Adatbázis táblák összekapcsolásaok
  • Komplexebb SQL lekérdezések megismerése (JOIN)
• Optimalizálás és az adatbázisok indexelése

A PHP függvényei - Webprogramozó tanfolyam modul

• 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

Biztonság - Webprogramozó tanfolyam modul

• Közismert törési technikák kivédése
  • SQL injection
  • XSS
  • Adatlopások korrekciói

Email küldés - Webprogramozó tanfolyam modul

• 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

CMS és webshop rendszer készítése - Webprogramozó tanfolyam modul

• Egyedi administrá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éterhozá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

 

BOOTSTRAP keretrendszer - Webprogramozó tanfolyam modul

• 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

Javascript:

•  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

 jQuery:

•  Mi a jQuery?
•  A jQuery beágyazása
• jQuery események és azok kezelése
• jQuery szintaktika
• jQuer Effectek
  • Show és Hide effect
  • Slide effectek
  • Animate effectek
  • CSS manipulációk - rengeteg példán keresztül
  • jQuery Fade effectek
•  jQuery DOM (Document Object Model) manipuláció
  • jQuery Add, Remove,Get, Set
• jQuery HTML5 és CSS3 manipuláció

jQuery és AJAX

•  Server- kliens oldali technológiák különbsége
•  POST aatok átadása és feldolgozása
•  GET globális használata és feldolgzása
•  Űrlapok feldolgozása és validálása jQuery-vel és AJAX-al