| Tantárgy neve (magyarul, angolul) | Webes megjelenítési technikák | |||
|
Front-End Web Development
|
||||
| Tantárgykód | BMEGEMIBVP2 | |||
| Tantárgyjelleg | kontaktórás tanegység | |||
| Kurzustípusok és óraszámok (heti/féléves) | kurzustípus: | előadás (elmélet) | gyakorlat | laboratóriumi gyakorlat |
| óraszám (heti): | 0 | 2 | 0 | |
| jelleg (kapcsolt/önálló): | - | önálló | - | |
| Tanulmányi teljesítményértékelés (minőségi értékelés) típusa | félévközi érdemjegy | |||
| Tantárgy kreditértéke | 3 | |||
| Tantárgyfelelős | neve: | Dr. Fekete Róbert Tamás (71386571405) | ||
| beosztása: | adjunktus | |||
| elérhetősége: | frt@mogi.bme.hu | |||
| Tantárgyat gondozó oktatási szervezeti egység | Mechatronika, Optika és Gépészeti Informatika Tanszék | |||
| https://www.mogi.bme.hu/ | ||||
| Tantárgy weblapja | https://www.mogi.bme.hu/tantargyak/BMEGEMIBVP2 | |||
| Tantárgy oktatásának nyelve | magyar | |||
| Tantárgy elsődleges mintatantervi jellege | szabadon választható | |||
| Közvetlen előkövetelmények | Erős előkövetelmény | nincs | ||
| Gyenge előkövetelmény | ||||
| Párhuzamos előkövetelmény | ||||
| Mérföldkő előkövetelmény | legalább 0 megszerzett kredit | |||
| Kizáró feltétel | nincs | |||
Célkitűzés
A tantárgy fő célja, hogy a hallgatók megismerkedjenek a kliensoldali webfejlesztés alapvető eszközeivel (pl. Git, Bootstrap, Developer Tools, VSCode stb), módszereivel (pl. drótváz és prototípus készítés, weboldal elemzés stb) és technológiáival (pl. HTML és CSS leíró nyelvek, JavaScript programozási nyelv stb), továbbá képesek legyenek színvonalas weboldalak saját kezű elkészítésére, elemzésére és verziókövetésére.
Tanulási eredmények
A tantárgy teljesítésével elsajátítható kompetenciák
Tudás
Érti a Git (lokális verziókövetés) és a GitHub (távoli verziókövetés) verziókövetés működését. Tisztában van a Markdown (dokumentációs célokra használt nyelv) leíró nyelv használatával. Átlátja a HTML (a weboldalak struktúrájáért felelős nyelv) leíró nyelv működését. Ismeri a CSS (a weboldalak stílusáért felelős nyelv) leíró nyelv működését. Tájékozott a CSS keretrendszerek (pl. Bootstrap) működését illetően . Érti a JavaScript kliens oldali programozási nyelv használatát. Tisztában van a Drótváz készítés módszereivel és eszközeivel. Átlátja a prototípuskészítés folyamatát, módszereit és eszközeit. Ismeri a böngészők fejlesztői eszköztárát és annak lehetőségeit. Tájékozott a kliens-oldali webfejlesztés alapvető technológiáit illetően.
Képesség
Alkalmazza a Git (lokális verziókövetés) és a GitHub (távoli verziókövetés) verziókövetést. Elkészíti a Markdown (dokumentációs célokra használt nyelv) leíró nyelv segítségével létrehozható dokumentumokat. Képes a HTML (a weboldalak struktúrájáért felelős nyelv) leíró nyelv használatára. CSS (a weboldalak stílusáért felelős nyelv) leíró nyelv segítségével CSS forráskódokat fejleszt. Felhasználja a CSS keretrendszereket (pl. Bootstrap) a fejleszés során. Alkalmazza a JavaScript kliens oldali programozási nyelvet a fejlesztési munka során. Elkészíti fejlesztési munkát megelőző Drótváz modelleket. Képes a prototípuskészítés folyamatát, módszereit és eszközeit alkalmazni. A böngészők fejlesztői eszköztárának segítségével feltárja a működésből eredő hibákat. Kiválasztja a kliens-oldali webfejlesztés fejlesztéshez illeszkedő technológiáit.
Attitűd
Törekszik az ismeretek bővítése során az oktatóval és hallgató társaival való együttműködésre. Folyamatos és elmélyült ismeretszerzéssel bővíti tudását. Nyitott az információtechnológiai és prezentációs eszközök használatára. Törekszik a különféle megjelenítési feladatokhoz szükséges eszközrendszer megismerésére és rutinszerű használatára. Törekszik a pontos és hibamentes feladatmegoldásra.
Önállóság és felelősség
Önállóan végzi a feladatok és problémák végig gondolását és adott források alapján történő megoldását. Nyitottan elfogadja a megalapozott kritikai észrevételeket. Támogatja a rendszerelvű megközelítést a gondolkodásában. Együttműködik az önálló ismeretszerzési feladatokban és saját tempóban bűvíti tudását. Egyes helyzetekben – csapat részeként – együttműködik hallgatótársaival a feladatok megoldásában.
Oktatási módszertan
A félév során számítógépes gyakorlati foglalkozásokon ismerkedünk meg a webfejlesztés kliens-oldali ágával. A félév végén egy általános projektkonzultációs alkalom után a hallgatók bemutatják a félév során létrehozott alkotásaikat, amelyre félévközi jegyet kapnak. A félévben ZH írás nem történik, viszont a gyakorlatokon csak azok vehetnek részt, akik a gyakorlatot megelőző tananyagokkal tisztában vannak. Ennek oka, hogy legyen lehetőségünk a teljes tananyag bejárására, és ne folyamatos ismétlésekkel raboljuk a közös fejlődésre szánt időkeretet.
Tanulástámogató anyagok
Tankönyv
Ben Frain: Responsive Web Design with HTML5 and CSS (2020) ISBN: 1839211563
David Flanagan : JavaScript – The Definitive Guide (2020) ISBN: 9781491952023
Jegyzet
Eloquent JavaScript 3rd edition (2018) (https://eloquentjavascript.net/)
Online elérhető tanulástámogató anyag
https://www.w3schools.com/
https://docs.github.com/en/get-started/quickstart/hello-world
https://www.markdownguide.org/
A tantárgyleírás hatályossága
| Hatályosság kezdete: | 2023. január 27. |
| Hatályosság vége: | 2027. július 15. |
Általános szabályok
A teljesítményértékelés során a hallgatóknak a félév alatt elsajátított technikák segítségével létre kell hozniuk önállóan egy weboldalt, amely a saját portfóliómunkáik bemutatására szolgál. Számos követelményt támasztunk a létrehozandó weboldalakkal kapcsolatban, amelyek mindegyikének meg kell felelni. Ezek között a weboldal tervezésével, verziókövetésével és dokumentálásával kapcsolatos tételek is szerepelnek. A projektmunkát a félév végén kell bemutatni (a bemutató megelőző héten egy opcionális konzultációs alkalomra kerül sor).
Teljesítményértékelési módszerek
Szorgalmi időszakban végzett teljesítményértékelések részletes leírása
| 1. Évközi teljesítményértékelés | ||
| Típusa: | részteljesítmény (formatív) értékelés, projekt jellegű, komplex | |
| Darabszáma: | 1 | |
| Célja, leírása: | A teljesítményértékelés során a hallgatóknak a félév alatt elsajátított technikák segítségével létre kell hozniuk önállóan egy weboldalt, amely a saját portfóliómunkáik bemutatására szolgál. A weboldallal szemben támasztott követelmények a következők (ezeket a félév során részletesen megbeszéljük): HTML validátoron hibamentesség. HTML szemantikus szabályok betartása. CSS validátoron hibamentesség, CSS szabályok megfelelő, komplex alkalmazása. CSS hover, illetve egyéb animációs effektus használata. JavaScript interaktivitás megvalósítása. Legalább egy form validáció JavaScript segítségével. Kapcsolati form létrehozása és tesztelése (a Formspree rendszer segítségével). Megfelelő drótváz és prototípus elkészítése. Megfelelő verziókövetés megvalósítása. Megfelelő szoftverdokumentáció létrehozása. Bootstrap használata kerülendő a féléves projektmunkában, mert a vanilla HTML-CSS-JS alap készségekre vagyunk kíváncsiak az értékeléskor. | |
Vizsgaidőszakban végzett teljesítményértékelések részletes leírása
A tárgyhoz nem tartozik vizsgaidőszakban végzett teljesítményértékelés.
Szorgalmi időszakban végzett teljesítményértékelések részaránya a minősítésben, aláírás megadásában
| Azonosítója | Részarány |
|---|---|
| 1. Évközi teljesítményértékelés | 100 % |
Vizsgaelemek részaránya a minősítésben
A tárgyhoz nem tartozik vizsgaelem.
Érdemjegy megállapítása
| Érdemjegy | ECTS minősítés | Teljesítmény %-ban kifejezve |
|---|---|---|
| jeles (5) | Excellent [A] | 95 % felett |
| jeles (5) | Very Good [B] | 85 % - 95 % |
| jó (4) | Good [C] | 70 % - 85 % |
| közepes (3) | Satisfactory [D] | 55 % - 70 % |
| elégséges (2) | Pass [E] | 40 % - 55 % |
| elégtelen (1) | Fail [F] | 40 % alatt |
Az egyes érdemjegyeknél megadott alsó határérték már az adott érdemjegyhez tartozik.
Jelenléti és részvételi követelmények
A gyakorlatok legalább 70 %-án (lefelé kerekítve) tevőlegesen részt kell venni.
Javítás, ismétlés és pótlás különös szabályai
A javításra, ismétlésre és pótlásra vonatkozó különös szabályokat a TVSz általános szabályaival együttesen kell értelmezni és alkalmazni.
| Beadott és elfogadott részteljesítmény értékelés a jobb eredmény elérése érdekében a pótlási időszak végéig ismételten benyújtható-e? | ||
| NEM | ||
| Korábbi eredmény figyelembevétele javítás, ismétlés-javítás esetén: | ||
| az időben újabb eredmény felülírja a korábbit | ||
| Részteljesítmény értékelés javítási, illetve ismétlési módja első alkalommal: | ||
| a részteljesítmény értékelés(ek) ezen csoportjába tartozó teljesítményértékelés nem javítható, illetve nem ismételhető, az eredmény megállapítás a TVSZ 122. § (6) bekezdésben foglaltak szerint | ||
A tantárgy elvégzéséhez szükséges tanulmányi munka
| Tevékenység | óra / félév |
|---|---|
| részvétel a kontakt tanórákon | 28 |
| félévközi készülés a gyakorlatokra | 14 |
| részteljesítmény értékelés feladatának kidolgozása | 30 |
| további, a teljesítéshez szükséges munkaidő ráfordítás | 18 |
| összesen | 90 |
Tantárgykövetelmények hatályossága
| Tantárgykövetelmények hatályosságának kezdete: | 2023. január 27. |
| Tantárgykövetelmények hatályosságának vége: | 2027. július 15. |
Elsődleges szak
A tantárgy elsődleges (fő) szakja, amelyen meghirdetésre kerül és amelyhez a kompetenciák kapcsolódnak:
ipari_terméktervező_mérnöki
Kapcsolódás a KKK rendelet céljához és (szakos) kompenetciáihoz
Ez a tantárgy a KKK rendeletben meghatározott, következő kompetenciák fejlesztését szolgálja:
Tudás
- Érti korának társadalmi eszményeit, életmódját, ezek hatását a megformált termékre.
- Ismeri és érti a számítógépes modellezés és szimuláció ipari terméktervező mérnöki szakterülethez kapcsolódó eszközeit és módszereit.
- Részletesen ismeri a kutatáshoz vagy tudományos munkához szükséges, széles körben alkalmazható problémamegoldó technikákat.
Képesség
- Képes átfogó szakmai ismereteken alapuló analitikus gondolkodásra, az ismeretek szintetizálására és kreatív problémamegoldásra.
- Képes alkalmazni a számítógépes modellezés és szimuláció terméktervező szakterülethez kapcsolódó eszközeit és módszereit, a korszerű 3D modellezési és gyártási eljárásokat, gyors prototípus-gyártási rendszereket.
- Képes a kapcsolódó műszaki, emberi, esztétikai és környezeti kérdéskörök figyelembevételére, azok integrált módon történő alkalmazására a termékfejlesztésben.
Attitűd
- Az innovációra való nyitottság jellemzi.
- Hivatástudata miatt elkötelezett a magas színvonalú munkavégzés iránt és törekszik e szemléletet munkatársai felé is közvetíteni.
- Figyelembe veszi az ipari tervezés és termékfejlesztés folyamatában a történelmi, kulturális, társadalmi-gazdasági és ipari környezet aspektusait.
Önállóság és felelősség
- Felelősséget vállal a szakvéleményében közölt megállapításokért és szakmai döntéseiért, az általa, illetve irányítása alatt végzett munkafolyamatokért.
- Önállóan hozott döntései során figyelemmel van a környezetvédelem, a minőségügy, a fogyasztóvédelem, a termékfelelősség, az egyenlő esélyű hozzáférés elvére és alkalmazására, a munkahelyi egészség és biztonság, a műszaki, gazdasági és jogi szabályozás, az ergonómia és pszichológia, valamint a mérnöketika alapvető előírásaira.
- A minőség- és környezet irányítás rendszerek elvárásai szerint tevékenykedik.
A tantárgy teljesítéséhez ajánlott előzetes ismeretek
|
Tudás típusú kompetenciák
(azon előzetes ismeretek összessége, amelyek megléte nem kötelező, de a tantárgy eredményes teljesítését nagyban elősegíti) |
általános számítógépkezelési ismeretek |
|
Képesség típusú kompetenciák
(azon előzetes képességek és készségek összessége, amelyek megléte nem kötelező, de a tantárgy eredményes teljesítését nagyban elősegíti) |
egy tetszőleges programozási nyelv használata |