You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
261 lines
32 KiB
261 lines
32 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "8b9d0562ea649b6012d1a67acc630681",
|
|
"translation_date": "2025-10-24T19:48:17+00:00",
|
|
"source_file": "README.md",
|
|
"language_code": "hu"
|
|
}
|
|
-->
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
[](http://makeapullrequest.com)
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
[](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
|
|
|
|
# Webfejlesztés kezdőknek - Tananyag
|
|
|
|
Tanuld meg a webfejlesztés alapjait a Microsoft Cloud Advocates 12 hetes átfogó kurzusával. A 24 lecke mindegyike a JavaScript, CSS és HTML világába vezet be gyakorlati projekteken keresztül, mint például terráriumok, böngészőbővítmények és űrjátékok. Vegyél részt kvízekben, vitákban és gyakorlati feladatokban. Fejleszd képességeidet és optimalizáld tudásod megőrzését hatékony projektalapú pedagógiánkkal. Kezdd el a kódolási utadat még ma!
|
|
|
|
Csatlakozz az Azure AI Foundry Discord közösséghez
|
|
|
|
[](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
Kövesd az alábbi lépéseket, hogy elkezdhesd használni ezeket az erőforrásokat:
|
|
1. **Forkold a repót**: Kattints [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
|
|
2. **Klónozd a repót**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
3. [**Csatlakozz az Azure AI Foundry Discordhoz, és találkozz szakértőkkel és fejlesztőtársakkal**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
### 🌐 Többnyelvű támogatás
|
|
|
|
#### Támogatott GitHub Action által (Automatikus és mindig naprakész)
|
|
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
|
|
[Arab](../ar/README.md) | [Bengáli](../bn/README.md) | [Bolgár](../bg/README.md) | [Burmai (Mianmar)](../my/README.md) | [Kínai (Egyszerűsített)](../zh/README.md) | [Kínai (Hagyományos, Hongkong)](../hk/README.md) | [Kínai (Hagyományos, Makaó)](../mo/README.md) | [Kínai (Hagyományos, Tajvan)](../tw/README.md) | [Horvát](../hr/README.md) | [Cseh](../cs/README.md) | [Dán](../da/README.md) | [Holland](../nl/README.md) | [Észt](../et/README.md) | [Finn](../fi/README.md) | [Francia](../fr/README.md) | [Német](../de/README.md) | [Görög](../el/README.md) | [Héber](../he/README.md) | [Hindi](../hi/README.md) | [Magyar](./README.md) | [Indonéz](../id/README.md) | [Olasz](../it/README.md) | [Japán](../ja/README.md) | [Koreai](../ko/README.md) | [Litván](../lt/README.md) | [Maláj](../ms/README.md) | [Maráthi](../mr/README.md) | [Nepáli](../ne/README.md) | [Norvég](../no/README.md) | [Perzsa (Fárszi)](../fa/README.md) | [Lengyel](../pl/README.md) | [Portugál (Brazília)](../br/README.md) | [Portugál (Portugália)](../pt/README.md) | [Pandzsábi (Gurmukhi)](../pa/README.md) | [Román](../ro/README.md) | [Orosz](../ru/README.md) | [Szerb (Cirill)](../sr/README.md) | [Szlovák](../sk/README.md) | [Szlovén](../sl/README.md) | [Spanyol](../es/README.md) | [Szuahéli](../sw/README.md) | [Svéd](../sv/README.md) | [Tagalog (Filippínó)](../tl/README.md) | [Tamil](../ta/README.md) | [Thai](../th/README.md) | [Török](../tr/README.md) | [Ukrán](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnámi](../vi/README.md)
|
|
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
|
|
|
|
**Ha további fordításokat szeretnél, a támogatott nyelvek listája [itt található](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
#### 🧑🎓 _Diák vagy?_
|
|
|
|
Látogass el a [**Student Hub oldalra**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol kezdő erőforrásokat, diákcsomagokat és akár ingyenes tanúsítvány-vouchert is találhatsz. Ez az az oldal, amit érdemes könyvjelzőzni és időnként ellenőrizni, mivel havonta frissítjük a tartalmat.
|
|
|
|
### 📣 Bejelentés - Új GitHub Copilot Agent mód kihívások!
|
|
|
|
Új kihívás került hozzáadásra, keresd a "GitHub Copilot Agent Challenge 🚀" részt a legtöbb fejezetben. Ez egy új kihívás, amit GitHub Copilot és Agent móddal kell teljesítened. Ha még nem használtad az Agent módot, az nemcsak szöveget generál, hanem fájlokat is létrehozhat és szerkeszthet, parancsokat futtathat és még sok mást.
|
|
|
|
### 📣 Bejelentés - _Új projekt Generatív AI használatával_
|
|
|
|
Új AI Asszisztens projekt került hozzáadásra, nézd meg [projekt](./09-chat-project/README.md)
|
|
|
|
### 📣 Bejelentés - _Új tananyag_ Generatív AI JavaScripthez most jelent meg
|
|
|
|
Ne hagyd ki az új Generatív AI tananyagot!
|
|
|
|
Látogass el ide: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), hogy elkezdhesd!
|
|
|
|
|
|
|
|
- Leckék, amelyek mindent lefednek az alapoktól a RAG-ig.
|
|
- Interakció történelmi karakterekkel GenAI és társalkalmazásunk segítségével.
|
|
- Szórakoztató és lebilincselő narratíva, időutazásban lesz részed!
|
|
|
|
|
|
|
|
Minden lecke tartalmaz egy feladatot, egy tudásellenőrzést és egy kihívást, hogy segítsen megtanulni olyan témákat, mint:
|
|
- Promptolás és prompt mérnökség
|
|
- Szöveg- és képalkalmazás generálás
|
|
- Keresőalkalmazások
|
|
|
|
Látogass el ide: [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), hogy elkezdhesd!
|
|
|
|
|
|
|
|
## 🌱 Kezdés
|
|
|
|
> **Tanárok**, [néhány javaslatot](for-teachers.md) is mellékeltünk, hogyan használhatják ezt a tananyagot. Örömmel várjuk visszajelzéseiteket [a vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
|
|
|
**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden leckénél kezdj egy előzetes kvízzel, majd olvasd el az előadás anyagát, végezd el a különböző tevékenységeket, és ellenőrizd a megértésedet az utólagos kvízzel.
|
|
|
|
A tanulási élményed fokozása érdekében kapcsolódj társaidhoz, hogy együtt dolgozzatok a projekteken! A viták ösztönzöttek [vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink csapata válaszol kérdéseidre.
|
|
|
|
Az oktatásod további fejlesztése érdekében erősen ajánljuk, hogy fedezd fel a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) további tananyagait.
|
|
|
|
### 📋 Környezet beállítása
|
|
|
|
Ez a tananyag készen áll a fejlesztési környezetre! Ahogy elkezded, választhatsz, hogy a tananyagot egy [Codespace](https://github.com/features/codespaces/) (_böngészőalapú, telepítést nem igénylő környezet_) vagy helyileg a számítógépeden futtatod egy szövegszerkesztővel, például [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
#### Hozd létre a repódat
|
|
Ahhoz, hogy könnyen elmentsd a munkádat, ajánlott, hogy hozz létre egy saját másolatot erről a repóról. Ezt úgy teheted meg, hogy a **Use this template** gombra kattintasz az oldal tetején. Ez egy új repót hoz létre a GitHub fiókodban a tananyag másolatával.
|
|
|
|
Kövesd az alábbi lépéseket:
|
|
1. **Forkold a repót**: Kattints a "Fork" gombra az oldal jobb felső sarkában.
|
|
2. **Klónozd a repót**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### A tananyag futtatása Codespace-ben
|
|
|
|
Az általad létrehozott repó másolatában kattints a **Code** gombra, és válaszd a **Open with Codespaces** lehetőséget. Ez létrehoz egy új Codespace-t, amelyben dolgozhatsz.
|
|
|
|
|
|
|
|
#### A tananyag futtatása helyileg a számítógépeden
|
|
|
|
Ahhoz, hogy helyileg futtasd a tananyagot a számítógépeden, szükséged lesz egy szövegszerkesztőre, egy böngészőre és egy parancssori eszközre. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages), végigvezet a különböző lehetőségeken ezekhez az eszközökhöz, hogy kiválaszthasd, mi működik a legjobban számodra.
|
|
|
|
Ajánlásunk, hogy használd a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) szerkesztőt, amely beépített [Terminállal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is rendelkezik. A Visual Studio Code-ot [itt töltheted le](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
|
|
|
|
1. Klónozd a repódat a számítógépedre. Ezt úgy teheted meg, hogy a **Code** gombra kattintasz, és kimásolod az URL-t:
|
|
|
|
[CodeSpace](./images/createcodespace.png)
|
|
|
|
Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) belül, és futtasd az alábbi parancsot, ahol `<your-repository-url>` az URL, amit éppen kimásoltál:
|
|
|
|
```bash
|
|
git clone <your-repository-url>
|
|
```
|
|
|
|
2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt úgy teheted meg, hogy a **File** > **Open Folder** lehetőségre kattintasz, és kiválasztod a mappát, amit éppen klónoztál.
|
|
|
|
|
|
> Ajánlott Visual Studio Code bővítmények:
|
|
>
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML oldalak előnézete a Visual Studio Code-ban
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - segít gyorsabban kódot írni
|
|
|
|
## 📂 Minden lecke tartalmaz:
|
|
|
|
- opcionális vázlatrajz
|
|
- opcionális kiegészítő videó
|
|
- előzetes bemelegítő kvíz
|
|
- írott lecke
|
|
- projektalapú leckék esetén lépésről lépésre útmutató a projekt elkészítéséhez
|
|
- tudásellenőrzések
|
|
- kihívás
|
|
- kiegészítő olvasmány
|
|
- feladat
|
|
- [utólagos kvíz](https://ff-quizzes.netlify.app/web/)
|
|
|
|
> **Megjegyzés a kvízekről**: Minden kvíz a Quiz-app mappában található, összesen 48 darab, három kérdésből álló kvíz. Elérhetők [itt](https://ff-quizzes.netlify.app/web/), a kvíz alkalmazás helyben futtatható vagy Azure-ra telepíthető; kövesse az `quiz-app` mappában található utasításokat.
|
|
|
|
## 🗃️ Leckék
|
|
|
|
| | Projekt neve | Tanított fogalmak | Tanulási célok | Kapcsolódó lecke | Szerző |
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
| 01 | Első lépések | Bevezetés a programozásba és a szakmai eszközökbe | Ismerje meg a legtöbb programozási nyelv alapjait és a szoftvereket, amelyek segítik a profi fejlesztők munkáját | [Bevezetés a programozási nyelvekbe és szakmai eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
| 02 | Első lépések | GitHub alapjai, csapatmunka | Hogyan használjuk a GitHub-ot a projektben, hogyan működjünk együtt másokkal egy kódbázison | [Bevezetés a GitHub-ba](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
| 03 | Első lépések | Hozzáférhetőség | Ismerje meg a webes hozzáférhetőség alapjait | [Hozzáférhetőség alapjai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
|
|
| 04 | JS alapok | JavaScript adattípusok | A JavaScript adattípusok alapjai | [Adattípusok](./2-js-basics/1-data-types/README.md) | Jasmine |
|
|
| 05 | JS alapok | Funkciók és metódusok | Ismerje meg a funkciókat és metódusokat az alkalmazás logikai folyamatának kezeléséhez | [Funkciók és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher |
|
|
| 06 | JS alapok | Döntéshozatal JS-ben | Ismerje meg, hogyan hozhat létre feltételeket a kódjában döntéshozatali módszerek használatával | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
| 07 | JS alapok | Tömbök és ciklusok | Dolgozzon adatokkal JavaScript tömbök és ciklusok segítségével | [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML gyakorlatban | Készítse el a HTML-t egy online terrárium létrehozásához, a layout kialakítására összpontosítva | [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS gyakorlatban | Készítse el a CSS-t az online terrárium stílusának kialakításához, a CSS alapjaira összpontosítva, beleértve az oldal reszponzívvé tételét | [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript zárványok, DOM manipuláció | Készítse el a JavaScript-et, hogy a terrárium drag/drop interfészként működjön, a zárványokra és a DOM manipulációra összpontosítva | [JavaScript zárványok, DOM manipuláció](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
| 11 | [Gépírás játék](./4-typing-game/solution/README.md) | Gépírás játék készítése | Ismerje meg, hogyan használhatja a billentyűzet eseményeit a JavaScript alkalmazás logikájának vezérléséhez | [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md) | Christopher |
|
|
| 12 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Böngészőkkel való munka | Ismerje meg, hogyan működnek a böngészők, történetüket, és hogyan készítheti el egy böngészőbővítmény első elemeit | [Böngészőkről](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
| 13 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívása és változók tárolása helyi tárolóban | Készítse el a böngészőbővítmény JavaScript elemeit, hogy API-t hívjon helyi tárolóban tárolt változók használatával | [API-k, űrlapok és helyi tároló](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
| 14 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Háttérfolyamatok a böngészőben, webes teljesítmény | Használja a böngésző háttérfolyamatait a bővítmény ikon kezeléséhez; ismerje meg a webes teljesítményt és néhány optimalizációt | [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
| 15 | [Űrjáték](./6-space-game/solution/README.md) | Fejlettebb játékfejlesztés JavaScript-tel | Ismerje meg az öröklődést osztályok és kompozíciók használatával, valamint a Pub/Sub mintát, felkészülve egy játék készítésére | [Bevezetés a fejlettebb játékfejlesztésbe](./6-space-game/1-introduction/README.md) | Chris |
|
|
| 16 | [Űrjáték](./6-space-game/solution/README.md) | Rajzolás vászonra | Ismerje meg a Canvas API-t, amelyet elemek képernyőre rajzolására használnak | [Rajzolás vászonra](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
| 17 | [Űrjáték](./6-space-game/solution/README.md) | Elemek mozgatása a képernyőn | Ismerje meg, hogyan nyerhetnek mozgást az elemek a derékszögű koordináták és a Canvas API használatával | [Elemek mozgatása](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
| 18 | [Űrjáték](./6-space-game/solution/README.md) | Ütközésérzékelés | Készítse el, hogy az elemek ütközzenek és reagáljanak egymásra billentyűleütések segítségével, és biztosítson egy lehűlési funkciót a játék teljesítményének érdekében | [Ütközésérzékelés](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
| 19 | [Űrjáték](./6-space-game/solution/README.md) | Pontszám tartása | Végezzen matematikai számításokat a játék állapota és teljesítménye alapján | [Pontszám tartása](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
| 20 | [Űrjáték](./6-space-game/solution/README.md) | Játék befejezése és újraindítása | Ismerje meg, hogyan fejezheti be és indíthatja újra a játékot, beleértve az eszközök tisztítását és a változók értékeinek visszaállítását | [Befejezési feltétel](./6-space-game/6-end-condition/README.md) | Chris |
|
|
| 21 | [Banki alkalmazás](./7-bank-project/solution/README.md) | HTML sablonok és útvonalak egy webalkalmazásban | Ismerje meg, hogyan készítheti el egy többoldalas weboldal architektúrájának vázát útvonalak és HTML sablonok használatával | [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
| 22 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Bejelentkezési és regisztrációs űrlap készítése | Ismerje meg az űrlapok készítését és az érvényesítési rutinok kezelését | [Űrlapok](./7-bank-project/2-forms/README.md) | Yohan |
|
|
| 23 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Adatok lekérése és használata | Hogyan áramlik az adat az alkalmazásba és ki belőle, hogyan lehet lekérni, tárolni és eldobni | [Adatok](./7-bank-project/3-data/README.md) | Yohan |
|
|
| 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés fogalmai | Ismerje meg, hogyan tartja meg az alkalmazás az állapotot, és hogyan kezelheti programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
| 25 | [Böngésző/VScode kód](../../8-code-editor) | Munka a VScode-dal | Ismerje meg, hogyan használhatja a kódszerkesztőt| [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
|
|
| 26 | [AI asszisztensek](./9-chat-project/README.md) | Munka AI-vel | Ismerje meg, hogyan készíthet saját AI asszisztenst | [AI asszisztens projekt](./9-chat-project/README.md) | Chris |
|
|
|
|
## 🏫 Pedagógia
|
|
|
|
Tananyagunk két kulcsfontosságú pedagógiai elvet követ:
|
|
* projektalapú tanulás
|
|
* gyakori kvízek
|
|
|
|
A program megtanítja a JavaScript, HTML és CSS alapjait, valamint a legújabb eszközöket és technikákat, amelyeket a mai webfejlesztők használnak. A diákok lehetőséget kapnak arra, hogy gyakorlati tapasztalatokat szerezzenek gépírás játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrjáték és üzleti banki alkalmazás készítésével. A sorozat végére a diákok szilárd webfejlesztési ismereteket szereznek.
|
|
|
|
> 🎓 A tananyag első néhány leckéjét [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) formájában is elvégezheti a Microsoft Learn-en!
|
|
|
|
A tartalom projektekhez való igazításával a folyamat érdekesebbé válik a diákok számára, és a fogalmak megértése is javul. Emellett több JavaScript alapokat bemutató kezdő leckét írtunk, amelyeket a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videósorozat kiegészít, amelynek néhány szerzője hozzájárult ehhez a tananyaghoz.
|
|
|
|
Ezenkívül egy alacsony tétű kvíz az óra előtt a diákot a téma tanulására irányítja, míg egy második kvíz az óra után tovább erősíti a megértést. Ez a tananyag rugalmas és szórakoztató, egészében vagy részben is elvégezhető. A projektek kicsiben kezdődnek, és a 12 hetes ciklus végére egyre összetettebbé válnak.
|
|
|
|
Bár szándékosan kerültük a JavaScript keretrendszerek bevezetését, hogy a webfejlesztőként szükséges alapvető készségekre koncentráljunk, mielőtt keretrendszert alkalmaznánk, a tananyag befejezése után jó következő lépés lehet a Node.js megismerése egy másik videósorozat segítségével: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
|
|
|
|
> Látogassa meg [Magatartási kódexünket](CODE_OF_CONDUCT.md) és [Hozzájárulási](CONTRIBUTING.md) irányelveinket. Örömmel fogadjuk építő jellegű visszajelzéseit!
|
|
|
|
|
|
## 🧭 Offline hozzáférés
|
|
|
|
Ezt a dokumentációt offline is futtathatja a [Docsify](https://docsify.js.org/#/) segítségével. Forkolja ezt a repót, [telepítse a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépére, majd a repo gyökérmappájában írja be: `docsify serve`. A weboldal a localhost 3000-es portján lesz elérhető: `localhost:3000`.
|
|
|
|
## 📘 PDF
|
|
|
|
Az összes lecke PDF formátumban megtalálható [itt](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
|
|
|
|
|
|
## 🎒 Egyéb kurzusok
|
|
|
|
Csapatunk más kurzusokat is készít! Nézze meg:
|
|
|
|
### Azure / Edge / MCP / Agents
|
|
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
---
|
|
|
|
### Generatív AI sorozat
|
|
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
|
|
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
|
|
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
|
|
|
|
---
|
|
|
|
### Alapvető tanulás
|
|
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
|
|
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
|
|
---
|
|
|
|
### Copilot sorozat
|
|
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
|
|
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
|
|
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
|
|
|
|
## Segítség kérése
|
|
|
|
Ha elakadnál vagy kérdésed van az AI alkalmazások építésével kapcsolatban, csatlakozz:
|
|
|
|
[](https://aka.ms/foundry/discord)
|
|
|
|
Ha termék visszajelzést szeretnél adni vagy hibát tapasztalsz az építés során, látogasd meg:
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
## Licenc
|
|
|
|
Ez a repozitórium az MIT licenc alatt áll. További információért lásd a [LICENSE](../../LICENSE) fájlt.
|
|
|
|
---
|
|
|
|
**Felelősség kizárása**:
|
|
Ez a dokumentum az AI fordítási szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével lett lefordítva. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az eredeti nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt professzionális emberi fordítást igénybe venni. Nem vállalunk felelősséget semmilyen félreértésért vagy téves értelmezésért, amely a fordítás használatából eredhet. |