[![Licencja GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![Współtwórcy GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![Zgłoszenia GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![Pull requests GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Obserwujący GitHub](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![Widelce GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) [![Gwiazdki GitHub](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) # Tworzenie stron internetowych dla początkujących – program nauczania Naucz się podstaw tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML poprzez praktyczne projekty takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Angażuj się w quizy, dyskusje i praktyczne zadania. Rozwijaj swoje umiejętności i optymalizuj retencję wiedzy dzięki naszej skutecznej, opartej na projektach metodzie nauczania. Zacznij swoją przygodę z kodowaniem już dziś! Dołącz do społeczności Azure AI Foundry na Discordzie [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Wykonaj następujące kroki, aby zacząć korzystać z tych zasobów: 1. **Utwórz fork repozytorium**: Kliknij [![Widelce GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Dołącz do Discorda Azure AI Foundry i poznaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Wsparcie wielojęzyczne #### Wspierane przez GitHub Action (automatycznie i zawsze aktualne) [Arabski](../ar/README.md) | [Bengalski](../bn/README.md) | [Bułgarski](../bg/README.md) | [Birmański (Myanmar)](../my/README.md) | [Chiński (uproszczony)](../zh/README.md) | [Chiński (tradycyjny, Hong Kong)](../hk/README.md) | [Chiński (tradycyjny, Macao)](../mo/README.md) | [Chiński (tradycyjny, Tajwan)](../tw/README.md) | [Chorwacki](../hr/README.md) | [Czeski](../cs/README.md) | [Duński](../da/README.md) | [Holenderski](../nl/README.md) | [Estoński](../et/README.md) | [Fiński](../fi/README.md) | [Francuski](../fr/README.md) | [Niemiecki](../de/README.md) | [Grecki](../el/README.md) | [Hebrajski](../he/README.md) | [Hindi](../hi/README.md) | [Węgierski](../hu/README.md) | [Indonezyjski](../id/README.md) | [Włoski](../it/README.md) | [Japoński](../ja/README.md) | [Kannada](../kn/README.md) | [Koreański](../ko/README.md) | [Litewski](../lt/README.md) | [Malajski](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalski](../ne/README.md) | [Nigeryjski pidżyn](../pcm/README.md) | [Norweski](../no/README.md) | [Perski (Farsi)](../fa/README.md) | [Polski](./README.md) | [Portugalski (Brazylia)](../br/README.md) | [Portugalski (Portugalia)](../pt/README.md) | [Pendżabski (Gurmukhi)](../pa/README.md) | [Rumuński](../ro/README.md) | [Rosyjski](../ru/README.md) | [Serbski (cyrylica)](../sr/README.md) | [Słowacki](../sk/README.md) | [Słoweński](../sl/README.md) | [Hiszpański](../es/README.md) | [Suahili](../sw/README.md) | [Szwedzki](../sv/README.md) | [Tagalog (Filipiński)](../tl/README.md) | [Tamilski](../ta/README.md) | [Telugu](../te/README.md) | [Tajski](../th/README.md) | [Turecki](../tr/README.md) | [Ukraiński](../uk/README.md) | [Urdu](../ur/README.md) | [Wietnamski](../vi/README.md) > **Wolisz klonować lokalnie?** > To repozytorium zawiera ponad 50 tłumaczeń językowych, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparse checkout: > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` > Dzięki temu otrzymujesz wszystko, czego potrzebujesz, aby ukończyć kurs, a pobieranie jest znacznie szybsze. **Jeśli chcesz, aby dodatkowe języki tłumaczeń były wspierane, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Otwórz w Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Jesteś studentem?_ Odwiedź stronę [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie darmowego vouchera na certyfikat. To strona, którą warto dodać do zakładek i regularnie sprawdzać, ponieważ zawartość jest wymieniana co miesiąc. ### 📣 Ogłoszenie - Nowe wyzwania trybu GitHub Copilot Agent do ukończenia! Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania przy użyciu GitHub Copilot i trybu Agent. Jeśli wcześniej nie korzystałeś z trybu Agent, jest on w stanie nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej. ### 📣 Ogłoszenie - _Nowy projekt do stworzenia z wykorzystaniem Generatywnej AI_ Dodano nowy projekt Asystenta AI, sprawdź [projekt](./9-chat-project/README.md) ### 📣 Ogłoszenie - _Nowy program nauczania_ dotyczący Generatywnej AI dla JavaScript został właśnie wydany Nie przegap naszego nowego programu Generatywnej AI! Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! ![Tło](../../translated_images/background.148a8d43afde5730.pl.png) - Lekcje obejmujące wszystko od podstaw po RAG. - Interakcje z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. - Zabawna i angażująca narracja, będziesz podróżować w czasie! ![postać](../../translated_images/character.5c0dd8e067ffd693.pl.png) Każda lekcja zawiera zadanie do wykonania, sprawdzanie wiedzy oraz wyzwanie, które poprowadzą Cię po tematach takich jak: - Tworzenie i inżynieria promptów - Generowanie aplikacji tekstowych i obrazkowych - Aplikacje do wyszukiwania Odwiedź [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), aby zacząć! ## 🌱 Pierwsze kroki > **Nauczyciele**, przygotowaliśmy [kilka sugestii](for-teachers.md), jak korzystać z tego programu nauczania. Będziemy wdzięczni za Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! **[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, dla każdej lekcji zacznij od quizu przedwykładowego, następnie przeczytaj materiał wykładowy, wykonaj różne zadania i sprawdź zrozumienie postacią po wykładzie. Aby zwiększyć efektywność nauki, łącz się ze swoimi rówieśnikami, aby pracować wspólnie nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie zespół moderatorów jest dostępny, by odpowiedzieć na Twoje pytania. Aby poszerzyć swoją edukację, zdecydowanie polecamy odkrywanie [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) w poszukiwaniu dodatkowych materiałów do nauki. ### 📋 Konfiguracja środowiska Ten program nauczania ma gotowe środowisko deweloperskie! Na początku możesz wybrać uruchomienie programu w [Codespace](https://github.com/features/codespaces/) (_środowisko przeglądarkowe, bez konieczności instalacji_), lub lokalnie na komputerze, korzystając z edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Utwórz swoje repozytorium Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. To utworzy nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania. Wykonaj następujące kroki: 1. **Utwórz fork repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony. 2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Uruchamianie programu w Codespace W swojej kopii tego repozytorium, którą utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. To utworzy nowy Codespace do pracy. ![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.pl.png) #### Uruchamianie programu lokalnie na komputerze Aby uruchomić ten program lokalnie na komputerze, potrzebujesz edytora tekstu, przeglądarki i narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje dla tych narzędzi, abyś mógł wybrać to, co działa najlepiej dla Ciebie. Naszą rekomendacją jest korzystanie z [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który ma również wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując URL: [CodeSpace](./images/createcodespace.png) Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `` adresem URL, który właśnie skopiowałeś: ```bash git clone ``` 2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **Plik** > **Otwórz folder** i wybierając folder, który właśnie sklonowałeś. > Zalecane rozszerzenia Visual Studio Code: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) — do podglądu stron HTML w Visual Studio Code > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) — pomaga szybciej pisać kod ## 📂 Każda lekcja zawiera: - opcjonalną notatkę wizualną (sketchnote) - opcjonalne dodatkowe wideo - quiz rozgrzewkowy przed lekcją - lekcję pisaną - dla lekcji projektowych: przewodniki krok po kroku, jak zbudować projekt - sprawdziany wiedzy - wyzwanie - dodatkową lekturę - zadanie domowe - [quiz po lekcji](https://ff-quizzes.netlify.app/web/) > **Uwaga o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/). Aplikację do quizów można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`. ## 🗃️ Lekcje | | Nazwa projektu | Nauczane koncepcje | Cele nauki | Powiązana lekcja | Autor | | :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | 01 | Zacznijmy | Wprowadzenie do programowania i narzędzia pracy | Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom | [Wprowadzenie do języków programowania i narzędzi pracy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 02 | Zacznijmy | Podstawy GitHuba, w tym praca zespołowa | Jak używać GitHuba w projekcie, jak współpracować z innymi przy kodzie | [Wprowadzenie do GitHuba](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 03 | Zacznijmy | Dostępność | Poznaj podstawy dostępności stron internetowych | [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 04 | Podstawy JS | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Typy danych](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | Podstawy JS | Funkcje i metody | Poznaj funkcje i metody do zarządzania przepływem logiki aplikacji | [Funkcje i metody](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | | 06 | Podstawy JS | Tworzenie warunków w JS | Naucz się tworzyć warunki w kodzie za pomocą metod podejmowania decyzji | [Tworzenie warunków](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 07 | Podstawy JS | Tablice i pętle | Praca na danych za pomocą tablic i pętli w JavaScript | [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Zbuduj HTML do stworzenia internetowego terrarium z naciskiem na konstrukcję układu | [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Utwórz CSS do stylizacji internetowego terrarium, naucz się podstaw CSS w tym jak tworzyć responsywne strony | [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | Zamknięcia JavaScript i manipulacja DOM | Zbuduj JavaScript, aby terrarium działało jako interfejs przeciągnij i upuść, skupiając się na zamknięciach i manipulacji DOM | [Zamknięcia JavaScript, manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Tworzenie gry do pisania | Naucz się używać zdarzeń klawiatury do sterowania logiką Twojej aplikacji w JavaScript | [Programowanie zdarzeniowe](./4-typing-game/typing-game/README.md) | Christopher | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Poznaj działanie przeglądarek, ich historię i jak przygotować pierwsze elementy rozszerzenia przeglądarki | [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularza, wywoływanie API i przechowywanie zmiennych w local storage | Zbuduj elementy JavaScript rozszerzenia przeglądarki, aby wywołać API używając zmiennych przechowywanych lokalnie | [API, formularze i local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność sieci | Wykorzystaj procesy w tle przeglądarki do zarządzania ikoną rozszerzenia; poznaj wydajność sieci i optymalizacje | [Zadania w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 15 | [Space Game](./6-space-game/solution/README.md) | Zaawansowany rozwój gier w JavaScript | Poznaj dziedziczenie za pomocą klas i kompozycji oraz wzorzec publikacja/subskrypcja, jako przygotowanie do budowania gry | [Wprowadzenie do zaawansowanego rozwoju gier](./6-space-game/1-introduction/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na canvas | Poznaj API Canvas, używane do rysowania elementów na ekranie | [Rysowanie na canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów po ekranie | Dowiedz się jak można nadać ruch elementom używając współrzędnych kartezjańskich i API Canvas | [Przemieszczanie elementów](./6-space-game/3-moving-elements-around/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, by elementy zderzały się i reagowały na siebie za pomocą naciśnięć klawiszy oraz zastosuj funkcję cooldown | [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne na podstawie statusu i wyników gry | [Liczenie punktów](./6-space-game/5-keeping-score/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | Kończenie i restartowanie gry | Naucz się zakończać i restartować grę, w tym czyszczenia zasobów i resetowania wartości zmiennych | [Warunki zakończenia](./6-space-game/6-end-condition/README.md) | Chris | | 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i routing w aplikacji webowej | Naucz się tworzyć strukturę wielostronicowej witryny z routingiem i szablonami HTML | [Szablony HTML i routing](./7-bank-project/1-template-route/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Tworzenie formularza logowania i rejestracji | Naucz się tworzyć formularze i obsługiwać walidację | [Formularze](./7-bank-project/2-forms/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane płyną do aplikacji i z niej, jak je pobierać, przechowywać i usuwać | [Dane](./7-bank-project/3-data/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Poznaj sposób, w jaki aplikacja przechowuje stan i jak nim zarządzać programowo | [Zarządzanie stanem](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Dowiedz się, jak używać edytora kodu | [Używanie edytora kodu VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Praca z AI | Naucz się budować własnego asystenta AI | [Projekt asystenta AI](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogika Nasz program nauczania jest zaprojektowany z myślą o dwóch kluczowych zasadach pedagogicznych: * nauka poprzez projekt * częste quizy Program uczy podstaw JavaScript, HTML i CSS oraz najnowszych narzędzi i technik stosowanych przez współczesnych web developerów. Uczniowie mają możliwość zdobycia praktycznego doświadczenia, budując grę do pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie do przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Po ukończeniu serii uczniowie zdobędą solidną wiedzę z zakresu tworzenia stron internetowych. > 🎓 Pierwsze lekcje tego programu można odbyć jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! Zapewnienie spójności treści z projektami sprawia, że proces nauki jest bardziej angażujący dla uczniów, a dobranie koncepcji staje się łatwiejsze do zapamiętania. Opracowaliśmy też kilka początkowych lekcji z podstaw JavaScript, aby wprowadzić te koncepcje, w połączeniu z wideo z kolekcji "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", niektórzy autorzy tych materiałów przyczynili się do powstania tego programu nauczania. Ponadto, quiz niskiego ryzyka przed zajęciami ustawia intencję ucznia na naukę danego tematu, a drugi quiz po zajęciach wzmacnia utrwalenie wiedzy. Ten program jest elastyczny i zabawny, można go realizować w całości lub częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej skomplikowane do końca 12-tygodniowego cyklu. Chociaż celowo unikamy wprowadzania frameworków JavaScript, aby skoncentrować się na podstawowych umiejętnościach potrzebnych web developerowi przed przejściem do frameworków, dobrym kolejnym krokiem po ukończeniu tego programu byłaby nauka Node.js za pomocą innej serii wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". > Odwiedź nasz [Kodeks postępowania](CODE_OF_CONDUCT.md) i wytyczne dotyczące [współtworzenia](CONTRIBUTING.md). Chętnie przyjmiemy Twoje konstruktywne uwagi! ## 🧭 Dostęp offline Możesz korzystać z tej dokumentacji offline za pomocą [Docsify](https://docsify.js.org/#/). Rozgałęź to repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona będzie serwowana na porcie 3000 na Twoim localhost: `localhost:3000`. ## 📘 PDF Plik PDF ze wszystkimi lekcjami znajdziesz [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Inne kursy Nasz zespół tworzy także inne kursy! Sprawdź: ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agenci [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### Seria Generatywnej SI [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- ### Podstawowe nauczanie [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- ### Seria Copilot [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) ## Uzyskiwanie pomocy Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do innych uczących się i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest swobodnie dzielona. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Jeśli masz uwagi dotyczące produktu lub napotkasz błędy podczas tworzenia, odwiedź: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licencja To repozytorium jest licencjonowane na podstawie licencji MIT. Zobacz plik [LICENSE](../../LICENSE) po więcej informacji. --- **Zastrzeżenie**: Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczeniowej AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dokładamy wszelkich starań, aby zapewnić poprawność tłumaczenia, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym należy traktować jako autorytatywne źródło. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.