====== Web technológia alapjai (GEIAL33H-B2) ====== 4. féléves mérnökinformatikus BSc hallgatók részére. ===== Oktatók ===== * Szabó Martin, egyetemi tanársegéd, [[sz.martin91@gmail.com|e-mail]] * Kiss Áron, tanszéki mérnök, [[kiss.aron@uni-miskolc.hu|e-mail]] ===== Féléves feladat ===== A féléves feladat kiírása [[tanszek:oktatas:web_technologia_alapjai:feleves_feladat|itt olvasható]]. /*[[tanszek:oktatas:web_technologia_alapjai:plusz_feladat|PLUSZ FELADAT]]*/ ===== Gyakorlat ===== * 1. hét: Követelmények ismertetése, szükséges szoftverek telepítése * [[tanszek:oktatas:web_technologia_alapjai:Szoftverkövetelmények]] * 2. hét: HyperText Markup Language * [[tanszek:oktatas:web_technologia_alapjai:HTML]] * 3. hét: Cascading Style Sheets * [[https://github.com/aron123/webtech-2025/raw/refs/heads/master/quiz.zip|CSS példaprojekt]] -> [[https://github.com/aron123/webtech-2025/tree/master/quiz|Elkészült alkalmazás]] * [[tanszek:oktatas:web_technologia_alapjai:CSS]] * 4. hét: Interaktív CSS gyakorlat * [[tanszek:oktatas:web_technologia_alapjai:CSS játékos gyakorlása]] * 5. hét: JavaScript alapjai * [[https://github.com/aron123/webtech-2025/tree/master/week05|Órai projekt]] * [[tanszek:oktatas:web_technologia_alapjai:js|JavaScript]] * 6. hét: DOM manipuláció, aszinkron műveletek, eseménykezelés JavaScriptben * [[https://github.com/aron123/webtech-2025/tree/master/animal-description|Órai projekthez szükséges kód]] -> [[https://github.com/aron123/webtech-2025/tree/master/week06|Elkészült alkalmazás]] * [[tanszek:oktatas:web_technologia_alapjai:js_dom|DOM manipuláció JS segítségével]] * 7. hét: HTTP protokoll alapjai, szerveroldallal történő kommunikáció * [[tanszek:oktatas:web_technologia_alapjai:http|HTTP protokoll]] * Órai projekt: * [[https://github.com/aron123/webtech-2025/blob/master/animal-description/style.css|Stíluslap]] * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k10|kedd 10:00]] * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k12|kedd 12:00]] * Dokumentáció: * [[https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens|GitHub API - Personal Access Tokens]] * [[https://docs.github.com/en/rest/search/search?apiVersion=2022-11-28#search-repositories|GitHub API - Search repositories]] * [[https://docs.github.com/en/rest/search/search?apiVersion=2022-11-28#search-users|GitHub API - Search users]] * [[tanszek:oktatas:web_technologia_alapjai:7_heti_feladat|Feladat]] * 8. hét: HTTP GET kérések * Órai projekt: * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k10|kedd 10:00]] * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k12|kedd 12:00]] * Dokumentáció: * [[https://docs.github.com/en/rest/repos/repos?apiVersion=2022-11-28#get-a-repository|GitHub API - Get a repository]] * [[https://docs.github.com/en/rest/repos/contents?apiVersion=2022-11-28|GitHub API - Get repository content]] * [[https://docs.github.com/en/rest/issues/issues?apiVersion=2022-11-28#list-repository-issues|GitHub API - List repository issues]] * [[https://docs.github.com/en/rest/users/users?apiVersion=2022-11-28#get-a-user|GitHub API - Get a user]] * [[tanszek:oktatas:web_technologia_alapjai:8_heti_feladat|Feladat]] * 9. hét: HTTP POST, PATCH, DELETE kérések. HTML Data attribútumok. * [[https://github.com/aron123/webtech-2025/blob/master/git-app-sources/issue.html|Issue adatlap kiinduló kódja]] * [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Solve_HTML_problems/Use_data_attributes|Tutorial - Using data attributes]] * Órai projekt: * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k10|kedd 10:00]] * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k12|kedd 12:00]] * Dokumentáció: * [[https://docs.github.com/en/rest/issues/issues?apiVersion=2022-11-28#get-an-issue|GitHub API - Get an issue]] * [[https://docs.github.com/en/rest/issues/comments?apiVersion=2022-11-28#list-issue-comments|GitHub API - List issue comments]] * [[https://docs.github.com/en/rest/users/users?apiVersion=2022-11-28#get-the-authenticated-user|GitHub API - Get the authenticated user]] * [[https://docs.github.com/en/rest/issues/comments?apiVersion=2022-11-28#create-an-issue-comment|GitHub API - Create an issue comment]] * [[https://docs.github.com/en/rest/issues/comments?apiVersion=2022-11-28#update-an-issue-comment|GitHub API - Update an issue comment]] * [[https://docs.github.com/en/rest/issues/comments?apiVersion=2022-11-28#delete-an-issue-comment|GitHub API - Delete an issue comment]] /* [[tanszek:oktatas:web_technologia_alapjai:9_heti_feladat|Feladat]] */ * 10. hét: Űrlapkezelés, HTTP kérések. Féléves feladat kiadása. * [[https://www.freecodecamp.org/news/form-validation-in-javascript/|Client-side form handling with JavaScript]] * [[https://docs.github.com/en/rest/repos/repos?apiVersion=2022-11-28#create-a-repository-for-the-authenticated-user|GitHub API - Create a repository]] * [[https://edu.iit.uni-miskolc.hu/tanszek:oktatas:web_technologia_alapjai:szoftverlicencek|Nyílt forráskódú szoftverlicencek]] - [[https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/licensing-a-repository#searching-github-by-license-type|GitHub license templates]] * [[https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site#creating-your-site|Creating a GitHub Pages site]] * Órai projekt: * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k10|kedd 10:00]] * [[https://github.com/aron123/webtech-2025/tree/master/git-app-k12|kedd 12:00]] /* jövőre: https://docs.github.com/en/rest/issues/issues?apiVersion=2022-11-28#create-an-issue */ * 11. hét: Elmarad (rektori szünet) * 12. hét: Elmarad (rektori szünet) * 13. hét: Féléves feladatokkal kapcsolatos konzultáció * 14. hét: Féléves feladatok védése * 15. hét: Féléves feladatok védése, pótlás, javítás ===== Forráskódok elérhetősége ===== [[https://github.com/aron123/webtech-2025]]