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.
238 lines
29 KiB
238 lines
29 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "caf2ca695e9d259153d24a5cf3e07ef5",
|
|
"translation_date": "2025-10-11T11:22:11+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 JavaScript, CSS és HTML témákat dolgoz fel 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 segítségével (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átogasd meg a [**Student Hub oldalt**](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 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átogasd meg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), hogy elkezdhesd!
|
|
|
|
|
|
|
|
- Leckék az alapoktól a RAG-ig.
|
|
- Interakció történelmi karakterekkel GenAI és kísérőalkalmazásunk segítségével.
|
|
- Szórakoztató és lebilincselő narratíva, időutazni fogsz!
|
|
|
|
|
|
|
|
Minden lecke tartalmaz egy feladatot, egy tudásellenőrzést és egy kihívást, amelyek segítenek 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átogasd meg [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átok 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étek egy előzetes kvízzel, majd olvassátok el az előadás anyagát, végezzétek el a különböző tevékenységeket, és ellenőrizzétek megértéseteket az utólagos kvízzel.
|
|
|
|
A tanulási élmény fokozása érdekében kapcsolódjatok össze társaitokkal, hogy közösen dolgozzatok a projekteken! A viták ösztönzöttek [vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink csapata elérhető lesz kérdéseitek megválaszolására.
|
|
|
|
Az oktatásotok további fejlesztése érdekében erősen ajánljuk, hogy fedezzétek 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! Amikor elkezditek, választhattok, hogy a tananyagot [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épeteken futtatjátok egy szövegszerkesztő, például [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) segítségével.
|
|
|
|
#### Hozd létre a repódat
|
|
Ahhoz, hogy könnyen elmentsd a munkádat, ajánlott, hogy hozz létre egy saját példányt ebből a repóbó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 az oldal jobb felső sarkában található "Fork" gombra.
|
|
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ált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is tartalmaz. 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) alkalmazásban, é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** menüpontot választod, é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 sketchnote
|
|
- opcionális kiegészítő videó
|
|
- előzetes bemelegítő kvíz
|
|
- írott lecke
|
|
- projektalapú leckékhez lépésről lépésre útmutatók a projekt elkészítéséhez
|
|
- tudásellenőrzések
|
|
- egy kihívás
|
|
- kiegészítő olvasmány
|
|
- feladat
|
|
- [leckét követő 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övesd az utasításokat a `quiz-app` mappában.
|
|
|
|
## 🗃️ 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 szakma eszközeibe | Ismerd 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 a szakma eszközeibe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
|
|
| 02 | Első lépések | GitHub alapjai, csapatban való munka | Hogyan használd a GitHubot a projektedben, hogyan működj együtt másokkal egy kódbázison | [Bevezetés a GitHubba](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
|
|
| 03 | Első lépések | Hozzáférhetőség | Ismerd 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 | Függvények és metódusok | Ismerd meg a függvényeket és metódusokat az alkalmazás logikai folyamatának kezeléséhez | [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher |
|
|
| 06 | JS alapok | Döntéshozatal JS-ben | Ismerd meg, hogyan hozhatsz feltételeket a kódodban döntéshozatali módszerekkel | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine |
|
|
| 07 | JS alapok | Tömbök és ciklusok | Dolgozz 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 | Építsd meg 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 | Építsd meg 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ó | Építsd meg a JavaScriptet, 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 | Ismerd meg, hogyan használhatod a billentyűzet eseményeit a JavaScript alkalmazásod logikájának irányításához | [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 | Ismerd meg, hogyan működnek a böngészők, történetüket, és hogyan készítheted el egy böngészőbővítmény első elemeit | [A 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 | Építsd meg a böngészőbővítmény JavaScript elemeit, hogy API-t hívj helyi tárolóban tárolt változók segítségével | [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áld a böngésző háttérfolyamatait a bővítmény ikon kezelésére; ismerd meg a webes teljesítményt és néhány optimalizálást | [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 segítségével | Ismerd meg az öröklődést osztályok és kompozíciók segítségével, 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 | Ismerd 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 | Fedezd fel, hogyan nyerhetnek mozgást az elemek a derékszögű koordináták és a Canvas API segítségével | [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ítsd el, hogy az elemek ütközzenek és reagáljanak egymásra billentyűleütések segítségével, és biztosíts egy cooldown 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égezz 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) | A játék befejezése és újraindítása | Ismerd meg, hogyan fejezheted be és indíthatod ú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 | [A befejezés feltétele](./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 | Ismerd meg, hogyan készítheted el egy többoldalas weboldal architektúrájának vázát útvonalak és HTML sablonok segítségével | [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 | Ismerd meg az űrlapok készítését és a validációs 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ásodba és ki, hogyan kérheted le, tárolhatod és kezelheted | [Adatok](./7-bank-project/3-data/README.md) | Yohan |
|
|
| 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés fogalmai | Ismerd meg, hogyan tartja meg az alkalmazásod az állapotot, és hogyan kezelheted programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
| 25 | [Böngésző/VScode kód](../../8-code-editor) | Munka VScode-dal | Ismerd meg, hogyan használj 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 | Ismerd meg, hogyan készíthetsz 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 tapasztalatot 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égezheted a Microsoft Learn platformon!
|
|
|
|
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 alapleckét írtunk a fogalmak bevezetésére, amelyeket a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videósorozat kísér, 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 segít a diákoknak a téma iránti érdeklődés felkeltésében, míg egy második kvíz az óra után elősegíti a fogalmak további megértését. Ez a tananyag rugalmas és szórakoztató, és teljes 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átogasd meg [Magatartási kódexünket](CODE_OF_CONDUCT.md) és [Hozzájárulási irányelveinket](CONTRIBUTING.md). Szívesen fogadjuk építő jellegű visszajelzésedet!
|
|
|
|
## 🧭 Offline hozzáférés
|
|
|
|
Ezt a dokumentációt offline is futtathatod a [Docsify](https://docsify.js.org/#/) segítségével. Forkold ezt a repót, [telepítsd a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépedre, majd a repó gyökérmappájában írd 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ézd meg:
|
|
|
|
- [MCP kezdőknek](https://aka.ms/mcp-for-beginners)
|
|
- [Edge AI kezdőknek](https://aka.ms/edgeai-for-beginners)
|
|
- [AI ügynökök kezdőknek](https://aka.ms/ai-agents-beginners)
|
|
- [Generatív AI kezdőknek .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
|
|
- [Generatív AI JavaScript segítségével](https://github.com/microsoft/generative-ai-with-javascript)
|
|
- [Generatív AI Java segítségével](https://github.com/microsoft/Generative-AI-for-beginners-java)
|
|
- [AI kezdőknek](https://aka.ms/ai-beginners)
|
|
- [Adattudomány kezdőknek](https://aka.ms/datascience-beginners)
|
|
- [ML kezdőknek](https://aka.ms/ml-beginners)
|
|
- [Kiberbiztonság kezdőknek](https://github.com/microsoft/Security-101)
|
|
- [Webfejlesztés kezdőknek](https://aka.ms/webdev-beginners)
|
|
- [IoT kezdőknek](https://aka.ms/iot-beginners)
|
|
- [XR Fejlesztés Kezdőknek](https://github.com/microsoft/xr-development-for-beginners)
|
|
- [GitHub Copilot Mesterfokon: Agentikus Használat](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
|
|
- [GitHub Copilot Mesterfokon: C#/.NET Fejlesztőknek](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
|
|
- [Válaszd a Saját Copilot Kalandodat](https://github.com/microsoft/CopilotAdventures)
|
|
|
|
## Segítségkérés
|
|
|
|
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ékekkel kapcsolatos visszajelzésed van, 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 [Co-op Translator](https://github.com/Azure/co-op-translator) AI fordítási szolgáltatás segítségével került lefordításra. 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. |