ÜNNEPI
NYITVATARTÁS
2018.04.28-tól 2018.05.01-ig
(szombat, vasárnap, hétfő, kedd)
A fenti időszakban az ügyfélszolgálatunk zárva tart.

Webfejlesztő tanfolyam

2018.06.18. - 2018.08.08.
H.,K.,Sze.,Cs.
09:00 - 14:00
8 hét (182 óra)
2018.07.10. - 2018.12.20.
K.,Cs.
17:00 - 20:15
24 hét (182 óra)
2018.09.15. - 2019.03.16.
Szo.
09:00 - 16:00
27 hét (182 óra)
2018.09.17. - 2018.11.28.
H.,K.,Sze.
09:00 - 14:00
11 hét (182 óra)
2018.09.21. - 2019.03.08.
P.
09:00 - 16:00
25 hét (182 óra)
2018.09.24. - 2019.03.13.
H.,Sze.
17:00 - 20:15
25 hét (182 óra)

Más időpont érdekelne Kérdésem lenne a képzésről

Webfejlesztő tanfolyam rövid jellemző leírása

Napjaink egyik legfontosabb reklám és információs platformja a WEB, melyet a magánszemélyek és cégek is egyaránt használnak, így természetesen a weblapfejlesztés egy kiemelt területe az informatikának. Aki webfejlesztő szeretne lenni tisztában kell legyen a modern webszerkesztési technikákkal, jártas kell legyen a webprogramozásban és ismernie kell legalább egy gyorsan összerakható CMS-t.

Tanfolyamunk 3 modullal lefedi ezeket a területeket, így a résztvevők elsajátíthatják a modern webszerkesztési technikákat, melynek segítségével szép és jól strukturált, informatív oldalakat szerkeszthetnek, jártasságot szerezhetnek a webprogramozásban, így a jól megtervezett szerkezetet dinamikus tartalommal és valós funkcionalitással egészíthetik ki, mindezek mellett megismerkedhetnek egy gyorsan összerakható CMS rendszerrel, a Joomla!-val, melynek segítségével gyorsan és könnyen készíthetnek akár komplexebb weboldalt is.

Tanfolyam adatai

Nyilvántartásba vételi szám:
E-000069/2013/D003
Tanfolyam díja:
196.000 Ft helyett 169.000 Ft (áfamentes)
Tanfolyam vizsgadíja:
0 Ft
Tanfolyam óraszáma:
182 óra
Tanfolyam végét igazoló dokumentum:
kétnyelvű 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

Tantermeink képekben

Tanterem 1
Tanterem 2
Tanterem 3
Tanterem 4
Tanterem 5
Tanterem 6

Webfejlesztő tanfolyam tematika

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
    • JetBrains WebStorm
    • 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
  • JetBrains PHPStorm
  • 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.)

Joomla!

JOOMLA TARTALOMKEZELŐ

ÁLTALÁNOS ISMERTETŐ

  • Mire használható egy tartalomkezelő?
  • Miért használjunk tartalomkezelőt?
  • Miért a Joomla?
TELEPÍTÉS ÉS BEÁLLÍTÁS
  • Szükséges hozzávalók
  • Lelőhelyek, hivatalos és nem hivatalos oldalak
  • Ingyenesség kérdése és határai -  példák Joomla alapú oldalakra
  • Jogosultságok beállítása a megfelelő működéshez
  • Adatbázis létrehozása, konfigurálása a szerverhez
  • A Joomla telepítése
GLOBÁLIS BEÁLLÍTÁSOK A TELEPÍTÉS UTÁN
  • Webhely beállítása (konfigurációs értékek, meta adatok)
  • Rendszer (regisztrációs beállítások, média konfigurálás)
  • Kiszolgáló konfigurálás
  • Keresőbarát URL-ek konfigurálása
MENÜ BEÁLLÍTÁSOK RÉSZLETEIBEN
  • Főmenü tartalma, konfigurálása
  • Felhasználó menük
  • Menük testreszabása és elhelyezése
BŐVÍTMÉNYEK
  • Telepítés, eltávolítás
  • Modulok telepítése, törlése, konfigurálása
  • Webshop
  • Fórum
  • Képalbum
JOOMLA KOMPONENSEK BEÁLLÍTÁSAI
  • Hirdetés
  • Kapcsolat
  • Hírcsatornák
  • Szavazások
  • Keresés
JOOMLA SABLONOK
  • Ingyenes és fizetős Joomla sablonok
  • Sablonok telepítése, konfigurálása
  • Pozíciók értelmezése a megváltozott felületen
  • Sablon elemek cseréje, módosítása
VÁLTOZTATÁSOK, EGYÉNIVÉ TÉTEL
  • A háttér megismerése
  • Dinamikus tartalmakhoz szükséges fájlok és módosításuk
  • CSS háttér és a szükséges fájlok
TARTALOMKEZELŐ
  • Tartalomtípusok ismertetése
  • Szekciók és kategóriák
  • Címlapkezelő
FELHASZNÁLÓK ÉS JOGOSULTSÁGOK
  • Felhasználókezelő bemutatása
  • Regisztráció kezelése
  • Jogosultsági szintek értelmezése
  • Felhasználó létrehozása és jogosultságok tesztelése
TARTALOM ÉS AZOK ELHELYEZÉSE
  • Tartalom és menük kapcsolata
  • Tartalom létrehozása és elhelyezése menüben
MÉDIAKEZELÕ HASZNÁLATA
  • Fájlkezelés a Médiakezelőben
  • Fájlfeltöltés, könyvtárak, elérési utak
  • Fájltípusok, konfigurációs beállítások
E-MAIL, TÖMEGES E-MAIL
  • Levelezés az oldalról
  • Hírlevél és bannerkezelés
  • Címzett csoportok
FELADATOK MIUTÁN ELKÉSZÜLT A LAP
  • Az elkészült oldal üzemeltetése
  • Biztonsági mentések készítése

A tanfolyamokat indítani a fentebb kiírt tervezett időpontokban megfelelő létszám esetén tudjuk, ennek hiányában a tervezett kezdési időpontot későbbi kezdésre módosítjuk.