Tantárgy » BMEGEMIBVP2
Webes megjelenítési technikák
Front-End Web Development
A tantárgyleírás hatályossága
Hatályosság kezdete:
—
Hatályosság vége:
—
| Tantárgy neve (magyarul, angolul) |
Webes megjelenítési technikák
Front-End Web Development
|
||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Tantárgykód | BMEGEMIBVP2 | ||||||||||||
| Tantárgyjelleg | — | ||||||||||||
| Kurzustípusok és óraszámok (heti/féléves) |
|
||||||||||||
| Tanulmányi teljesítmény/értékelés típusa | félévközi érdemjegy | ||||||||||||
| Tantárgy kreditértéke | 3 | ||||||||||||
| Tantárgyfelelős |
DR. Fekete Róbert Tamás
elérhetőség:
frt@mogi.bme.hu
|
||||||||||||
| Tantárgyat gondozó oktatási szervezeti egység | — | ||||||||||||
| Kar | |||||||||||||
| Tantárgy weboldala | — | ||||||||||||
| Tantárgy oktatásának nyelve | — | ||||||||||||
| Tantárgy elsődleges mintatantervi jellege | — | ||||||||||||
| Közvetlen előkövetelmények – Erős előkövetelmény | nincs | ||||||||||||
| Közvetlen előkövetelmények – Gyenge előkövetelmény | nincs | ||||||||||||
| Közvetlen előkövetelmények – Párhuzamos előkövetelmény | nincs | ||||||||||||
| Közvetlen előkövetelmények – Mérföldkő előkövetelmény | nincs | ||||||||||||
| Közvetlen előkövetelmények – 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.
Tanulmányi eredmények
Ez a tantárgy a KKK rendeletben meghatározott, következő kompetenciák fejlesztését szolgálja:
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. általános számítógépkezelési ismeretek 226 228 230
Képességek
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. egy tetszőleges programozási nyelv használata 234 246 241
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. 255 256 258
Autonómia é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. 259 261 262
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önyvek
Ben Frain: Responsive Web Design with HTML5 and CSS (2020) ISBN: 1839211563; David Flanagan : JavaScript – The Definitive Guide (2020) ISBN: 9781491952023
Jegyzetek
Eloquent JavaScript 3rd edition (2018) (https://eloquentjavascript.net/)
Online források
https://www.w3schools.com/; https://docs.github.com/en/get-started/quickstart/hello-world; https://www.markdownguide.org/; https://getbootstrap.com/; https://developer.chrome.com/docs/devtools/
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)
nincs
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)
nincs
Á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. —
—
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.rnA 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.
Szorgalmi időszakban végzett teljesítményértékelések részaránya
| Típus | Részarány |
|---|---|
| — | 100 % |
Vizsgaidőszakban végzett teljesítményértékelések részletes leírása
Nincs megadva részletes értékelés.
Vizsgarészek részaránya
Nincs megadva részarány.
Érdemjegy megállapítása
| Típus | ECTS | 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 |
Jelenléti és részvételi követelmények
- gyakorlat: 70%
Javítás, ismétlés és pótlás különös szabályai
- Részteljesítmény első javítás: 1
Rövid leírás
Nincs megadva.
Részletes leírás
Nincs megadva.
Ajánlott tantárgyak
Nincs megadva.
A tantárgy elvégzéséhez szükséges tanulmányi munka
| Leírás | óra / félév |
|---|---|
| részvétel a kontakt tanórákon | 28 |
| felkészülés a gyakorlatokra | 14 |
| részteljesítmény értékelés feladatainak kidolgozása | 30 |
| további, a teljesítéshez szükséges munkaidő ráfordítás | 18 |
| összegző értékelések | 0 |
| vizsgára készülés | 0 |
| labor | 0 |
| összesen | 90 |
Tantárgykövetelmények hatályossága
Tantárgykövetelmények hatályosságának kezdete:
2023. 01. 27.
Tantárgykövetelmények hatályosságának vége:
2027. 07. 15.
Tantervi elhelyezés
Nincsenek rögzített tantervi elhelyezések ehhez a tárgyverzióhoz.