- Modern, komplex, web-alkalmazások fejlesztésének elsajátítása. - A web-alapú alkalmazások mögött lévő architektúra megértése és annak használata. - A Frontend fejlesztés alapjainak elsajátítása. - Szerveroldali alkalmazások alapjainak megismerése.
WEB-programozás I. (GUZEBAL-WEBPROG1-1)
Alapadatok
Szak és képzési szint
Üzemmérnök-informatikus, alapképzés
Tanterv
2021
Óraszám
16 (Konzultáció)
Kreditérték
5 kredit
Elmélet–Gyakorlat arány
Elmélet: 0%, Gyakorlat: 0%
Tantervi félév
4. félév
Munkarend
Levelező
Előfeltételek
Adatbázisok
Értékelés típusa
Gyakorlati jegy
Tárgy kategória
Kötelező
Nyelv
magyar
Oktatók
Tantárgyfelelős
Dr. Subecz Zoltán
Felelős tanszék
Informatika Tanszék
Oktatók
Dr. Subecz Zoltán, Medgyes Krisztián, Cserkó József
Ellenőrzésért felel
Gurka Dezsőné Csizmás Edit
Tantárgy célja
Elsajátítandó ismeretanyag
Elsajátítandó ismeretanyag előadás: - HTML, CSS, PHP alapok. A PHP és a MySQL adatbázis kapcsolata. - A JavaScript nyelv szintaxisa és elvi alapjai. - JavaScript változók, események, tömbök, objektumok, függvények bemutatása. - JavaScript aszinkron működése, AJAX, Fetch API használata. - Objektum orientált JavaScript - React JavaScript könyvtár, keretrendszer megismerése - React: renderelés, konstansok, változók, fragment, className, Components, Props - React: Események, useState Hook, listák, ciklus, map, űrlap - React: Vite használata, buildelés, futtatás helyi gépen és Internetes szerveren - React: Single-page Application, Router, Axios használata - A HTML és JavaScript újabb szabványainak áttekintése. Elsajátítandó ismeretanyag laboratórium: - A Web működése, a szabványos weboldalak működésének vizsgálata. - A HTML nyelvi elemeinek gyakorlati használata. - A CSS szintaxisának és az űrlapok formázásának alkalmazása. - PHP szintaxisának, változóinak és függvényeinek használata. - Az űrlapok kezelésének gyakorlása. - PHP PDO adatbázis kezelés magvalósítása. Bejelentkezés, Regisztráció - Munkamenet-kezelés gyakorlati megvalósítása PHP segítségével. - Útvonalak, .htaccess fájl használata - Front-controller tervezési minta alkalmazása - Bootstrap keretrendszer alapjai, Reszponzív tervezés Bootstrap-al - A JavaScript nyelv alapvető használatának gyakorlása. - JavaScript események, tömbök, objektumok, függvények alkalmazása. - Képek feltöltése és megjelenítése galériában PHP-vel. - Az Internet-biztonság alapjai
Szakmai kompetenciák
Tudás
– Képes felhasználói interfészek és grafkus alkalmazások megvalósítására.– Képes programozásra objektumorientált, vizuális és egyéb programozási környezetben.– Képes rétegezett és elosztott rendszerek programozására, WEB és mobilprogramozásra.
Képesség
– Ismeri a főbb programozási paradigmákat, programnyelveket, fejlesztési eszközöket.– Ismeri a felhasználói interfészek és grafkus alkalmazások megvalósítási lehetőségeit.– Digitális technológia hatékony alkalmazása, tanulási célok elérését szolgáló digitális megoldások ismerete.
Attitűd
– Nyitott az új módszerek, programozási nyelvek, eljárások megismerésére és azok készségszintű elsajátítására, valamint lépést tud tartani ezek fejlődésével.
Autonómia és felelősség
Előírt keretek között önállóan végzi munkaköri feladatait.Munkájáért felelősséget vállal önálló feladatvégzésnél és csoportmunkában egyaránt.
Számonkérés és értékelés
Félévközi követelmények
A félév során a hallgatók készítenek egy darab 40 pontos zárthelyi dolgozatot a laboratóriumon, valamint az órákon kívül készítenek egy 30 pontos Házi feladatot az előadás anyagából és egy 30 pontos Házi feladatot a laboratórium anyagából. A sikeres félév feltételei: a zárthelyi dolgozatból legalább 20 pont, az előadás Házi feladatból legalább 15 pont és a labor Házi feladatból legalább 15 pont elérése. Az oktató a félév első hetében tájékoztatja a hallgatókat a zárthelyi dolgozatok helyéről és idejéről, és a Házi feladatokkal kapcsolatos tudnivalókról.
Generatív MI használata
1. álláspont: A GMI-eszközök használata nem engedélyezett a feladatok megoldása során. Ez azt jelenti, hogy a GMI-eszközök nem használhatók a formatív vagy szummatív értékelési elemek elkészítése, megoldása során, és a generatív MI használata tanulmányi kötelességszegésnek minősül. Az MI-eszközök nyelvi és helyesírás-ellenőrzésre történő használata nem tartozik az 1. álláspont szerinti teljes tilalom alá.
Segédanyagok, laborháttér
A Teams-re feltöltött segédanyagok. A laboratóriumokban minden hallgatónak külön, korszerű számítógépes hozzáférés biztosított. Az internetes források a hallgatók részére fenntartott számítógépes szolgáltatóteremben hozzáférhetőek."
Irodalom
Kötelező irodalom
[1] David DuRocher: HTML and CSS QuickStart Guide, ClydeBank Media LLC, 2021, ISBN 1636100007 [2] Jon Duckett: PHP & MYSQL: Server-Side Web Development, John Wiley & Sons Inc, 2022 ISBN 1119149223 [3] David Flanagan: Javascript: The Definitive Guide, O'Reilly Media; 7th ed. edition, 2020 ISBN 1491952024 [4] Rauscher Gábor: React alapok front-end fejlesztéshez, Bbs-info könyvk. és inform. kft. 2025, ISBN 9786156364401
Ajánlott irodalom
[1] Julie C. Meloni, Michael Morrison: Tanuljuk meg a HTML5 és CSS használatát 24 óra alatt, Kiskapu kiadó, 2011, ISBN 9789639637788. [2] Robin Nixon: Learning PHP, MySQL, JavaScript, CSS & HTML5, Third Edition, O'Reilly Media, 2014, ISBN 9781491949467. [3] Josh Lockhart: Modern PHP: New Features and Good Practices, O'Reilly Media, 2015, ISBN 9781491905012. [4] Shawn M. Lauriat: Ajax felsőfokon. Kiskapu, 2008, ISBN 9789639637498. [5] Cody Lindley: JQuery receptek – Példák és megoldások jQuery-fejlesztőknek, Kiskapu, 2011, ISBN 9789639637757. [6] Webes tartalmak: - https://www.w3schools.com/ - http://tutorialspoint.com - http://www.php.net - https://developer.mozilla.org/en-US/docs/Web/JavaScript/About_JavaScript - https://react.dev/ - https://www.w3schools.com/REACT/ - https://legacy.reactjs.org/