Indulási időpontok

Jelentkezés folyamata

Érdekel, visszahívást kérek!

Leírás - HTML5, CSS3, Bootstrap, Javascript, PHP, MySQL

Óraszám: 144 óra

Ár: 268 000 Ft

Előfeltétel

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

Kiknek ajánljuk

A webprogramozó 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.

Cél

A webprogramozó 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.

Webprogramozó tanfolyam - Tematika

HTML5 és CSS - Webprogramozó tanfolyam modul

HTML5:

• HTML, HTML5 ismertetése
• W3C
• HTML felépítése
• HTML nyelvi elemei
  • címkék, üres címkék, attribútumok
• DTD
• Hivatkozási formák
  • relatív, abszolút
• Tartalmi elemek
• Meta adatok, információs elemek
• Osztályok és azonosítók HTML-ben
• Tárolók, szemantikus elemek
• iframe – Weboldalon weboldal
  • Google Térkép beágyazása
• Űrlapok, beviteli mezők

CSS3:

• CSS ismertetése
• CSS szintaxisa
• Szelektorok
• Képek úsztatása
• Doboz modell
• Osztályok és azonosítók CSS-ben
• DOM
• Elemek elrendezése
  • block, inline, flex, grid
• Elemek pozicionálása
  • static, fixed, absolute, relative, sticky
• Reszponzív megjelenés
• Mobile First szemlélet
• Media query-k
• Nyomtatási kép
• Áttűnések és animációk 

Adobe Dreamweaver - Webprogramozó 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 - Webprogramozó 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 - Webprogramozó 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 - Webprogramozó 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

•  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)

• 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

•  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ó

•  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

Vizsga

A hallgatók a webprogramozó 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 $.