Web-Dev-For-Beginners/translations/pl

Tworzenie stron internetowych dla początkujących - Program nauczania

Poznaj podstawy 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 zapamiętywanie dzięki naszej skutecznej, opartej na projektach metodyce nauczania. Zacznij swoją przygodę z kodowaniem już dziś!

Dołącz do społeczności Azure AI Foundry na Discordzie

Postępuj zgodnie z tymi krokami, aby zacząć korzystać z tych zasobów:

1. Zrób forka repozytorium: Kliknij
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

🌐 Obsługa wielu języków

Wspierane za pomocą GitHub Action (Automatyczne i zawsze aktualne)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

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:

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 masz wszystko, co potrzebne do ukończenia kursu, z dużo szybszym pobieraniem.

Jeśli chcesz, aby kolejne języki były wspierane, są one wymienione tutaj

🧑‍🎓 Jesteś studentem?

Odwiedź Student Hub page, gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie bezpłatnego vouchera na certyfikat. To strona, którą warto zapisać w zakładkach i regularnie odwiedzać, ponieważ co miesiąc aktualizujemy zawartość.

📣 Ogłoszenie - nowe wyzwania trybu GitHub Copilot Agent do wykonania!

Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie dla Ciebie do wykonania z użyciem GitHub Copilot i trybu Agent. Jeśli wcześniej nie korzystałeś z trybu Agent, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej.

📣 Ogłoszenie - Nowy projekt do zbudowania z użyciem generatywnej AI

Dodano nowy projekt Asystenta AI, zobacz projekt

📣 Ogłoszenie - Nowy program nauczania dotyczący generatywnej AI dla JavaScript właśnie został wydany

Nie przegap naszego nowego kursu o generatywnej AI!

Odwiedź https://aka.ms/genai-js-course, aby zacząć!

• Lekcje obejmujące wszystko od podstaw do RAG.
• Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej.
• Przyjemna i angażująca narracja, będziesz podróżować w czasie!

Każda lekcja zawiera zadanie do wykonania, sprawdzian wiedzy i wyzwanie, które pomogą Ci nauczyć się takich tematów jak:

• Tworzenie i inżynieria promptów
• Generowanie aplikacji tekstowych i obrazów
• Aplikacje wyszukiwania

Odwiedź https://aka.ms/genai-js-course, aby zacząć!

🌱 Zacznijmy

Nauczyciele, przygotowaliśmy kilka sugestii dotyczących korzystania z tego programu nauczania. Chętnie poznamy Wasze opinie na naszym forum dyskusyjnym!

Uczniowie, dla każdej lekcji rozpocznij od quizu przed wykładem, następnie czytaj materiał, realizuj różne aktywności i sprawdź swoją wiedzę za pomocą quizu po wykładzie.

Aby wzbogacić swoje doświadczenia edukacyjne, łączcie się z kolegami, by wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym forum dyskusyjnym, gdzie nasz zespół moderatorów jest gotowy odpowiadać na Twoje pytania.

Aby poszerzać wiedzę, gorąco polecamy eksplorację Microsoft Learn dla dodatkowych materiałów do nauki.

📋 Konfiguracja środowiska

Ten program nauczania ma gotowe środowisko deweloperskie! Na początek możesz uruchomić kurs w Codespace (środowisko przeglądarkowe bez potrzeby instalacji) lub lokalnie na swoim komputerze, korzystając z edytora tekstu, takiego jak Visual Studio Code.

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. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania.

Postępuj według tych kroków:

1. Zrób forka 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 kursu w Codespace

W utworzonej kopii repozytorium kliknij przycisk Code i wybierz Open with Codespaces. Spowoduje to utworzenie nowego Codespace, w którym możesz pracować.

Uruchamianie kursu lokalnie na komputerze

Aby uruchomić ten kurs lokalnie na komputerze, potrzebujesz edytora tekstu, przeglądarki oraz narzędzia wiersza poleceń. Nasza pierwsza lekcja, Wprowadzenie do języków programowania i narzędzi pracy, przeprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać to, co najlepiej Ci odpowiada.

Rekomendujemy użycie Visual Studio Code jako edytora, który ma również wbudowany Terminal. Możesz pobrać Visual Studio Code tutaj.

1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić klikając przycisk Code i kopiując adres URL:

   CodeSpace Następnie otwórz Terminal w Visual Studio Code i uruchom następujące polecenie, zastępując <your-repository-url> adresem URL, który właśnie skopiowałeś:

   git clone <your-repository-url>
   

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ś.

Polecane rozszerzenia Visual Studio Code:

• Live Server - do podglądu stron HTML w Visual Studio Code
• Copilot - aby pomóc Ci szybciej pisać kod

📂 Każda lekcja zawiera:

• opcjonalną notatkę graficzną
• opcjonalny film uzupełniający
• quiz rozgrzewający przed lekcją
• lekcję pisaną
• w projektowo-opartych lekcjach, przewodniki krok po kroku jak zbudować projekt
• sprawdziany wiedzy
• wyzwanie
• lekturę uzupełniającą
• zadanie
• quiz po lekcji

Uwaga o quizach: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania. Są dostępne tutaj, aplikację quizu można uruchomić lokalnie lub wdrożyć na Azure; wykonaj instrukcje w folderze quiz-app.

🗃️ Lekcje

	Nazwa projektu	Nauczane koncepcje	Cele nauczania	Powiązana lekcja	Autor
01	Pierwsze kroki	Wprowadzenie do programowania i narzędzia pracy	Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w pracy	Wstęp do języków programowania i narzędzi pracy	Jasmine
02	Pierwsze kroki	Podstawy GitHub, w tym praca zespołowa	Jak korzystać z GitHub w projekcie, jak współpracować z innymi nad bazą kodu	Wprowadzenie do GitHub	Floor
03	Pierwsze kroki	Dostępność	Poznaj podstawy dostępności stron internetowych	Podstawy dostępności	Christopher
04	Podstawy JS	Typy danych w JavaScript	Podstawy typów danych w JavaScript	Typy danych	Jasmine
05	Podstawy JS	Funkcje i metody	Naucz się o funkcjach i metodach do zarządzania logiką aplikacji	Funkcje i metody	Jasmine i Christopher
06	Podstawy JS	Podejmowanie decyzji w JS	Naucz się tworzyć warunki w kodzie używając metod podejmowania decyzji	Podejmowanie decyzji	Jasmine
07	Podstawy JS	Tablice i pętle	Pracuj z danymi za pomocą tablic i pętli w JavaScript	Tablice i pętle	Jasmine
08	Terrarium	HTML w praktyce	Zbuduj HTML aby stworzyć internetowe terrarium, skupiając się na budowaniu układu	Wprowadzenie do HTML	Jen
09	Terrarium	CSS w praktyce	Zbuduj CSS do stylizacji internetowego terrarium, skupiając się na podstawach CSS, w tym na responsywności strony	Wprowadzenie do CSS	Jen
10	Terrarium	Zamknięcia JavaScript, manipulacja DOM	Zbuduj JavaScript, aby terrarium działało jako interfejs drag/drop, z naciskiem na zamknięcia i manipulację DOM	Zamknięcia JavaScript, manipulacja DOM	Jen
11	Typing Game	Tworzenie gry w pisanie	Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript	Programowanie zdarzeniowe	Christopher
12	Green Browser Extension	Praca z przeglądarkami	Dowiedz się, jak działają przeglądarki, ich historia i jak stworzyć pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Green Browser Extension	Tworzenie formularza, wywoływanie API i przechowywanie zmiennych w local storage	Zbuduj elementy JavaScript twojego rozszerzenia, aby wywoływać API z użyciem zmiennych przechowywanych w local storage	API, formularze i local storage	Jen
14	Green Browser Extension	Procesy w tle w przeglądarce, wydajność sieci	Użyj procesów w tle przeglądarki do obsługi ikony rozszerzenia; poznaj wydajność sieci i optymalizacje, by ją poprawić	Zadania w tle i wydajność	Jen
15	Space Game	Zaawansowany rozwój gier w JavaScript	Naucz się o dziedziczeniu za pomocą klas i kompozycji oraz wzorca pub/sub, w przygotowaniu do tworzenia gry	Wprowadzenie do zaawansowanego tworzenia gier	Chris
16	Space Game	Rysowanie na kanwie	Poznaj API Canvas, używane do rysowania elementów na ekranie	Rysowanie na kanwie	Chris
17	Space Game	Przemieszczanie elementów na ekranie	Odkryj, jak elementy mogą się poruszać za pomocą współrzędnych kartezjańskich i API Canvas	Przemieszczanie elementów	Chris
18	Space Game	Wykrywanie kolizji	Spraw, by elementy ze sobą kolidowały i reagowały za pomocą klawiszy oraz dodaj funkcję przerwy czasowej dla wydajności gry	Wykrywanie kolizji	Chris
19	Space Game	Liczenie punktów	Wykonuj obliczenia matematyczne bazujące na stanie i wydajności gry	Liczenie punktów	Chris
20	Space Game	Kończenie i restart gry	Naucz się kończyć i restartować grę, w tym sprzątać zasoby i resetować wartości zmiennych	Warunek zakończenia	Chris
21	Banking App	Szablony HTML i trasy w aplikacji webowej	Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej z użyciem routingu i szablonów HTML	Szablony HTML i trasy	Yohan
22	Banking App	Tworzenie formularza logowania i rejestracji	Poznaj budowanie formularzy i obsługę procedur walidacji	Formularze	Yohan
23	Banking App	Metody pobierania i używania danych	Jak dane przepływają do i z twojej aplikacji, jak je pobierać, przechowywać i usuwać	Dane	Yohan
24	Banking App	Koncepcje zarządzania stanem	Naucz się, jak twoja aplikacja przechowuje stan i jak nim zarządzać programowo	Zarządzanie stanem	Yohan
25	Browser/VScode Code	Praca z VScode	Naucz się korzystać z edytora kodu	Korzystanie z edytora VScode	Chris
26	AI Assistants	Praca ze sztuczną inteligencją	Naucz się tworzyć własnego asystenta AI	Projekt Asystent AI	Chris

🏫 Pedagogika

Nasz program nauczania oparty jest na dwóch kluczowych zasadach pedagogicznych:

• nauka projektowa
• częste quizy

Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik stosowanych przez dzisiejszych deweloperów stron internetowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu space invader oraz aplikację bankową dla firm. Pod koniec serii studenci zdobędą solidne zrozumienie tworzenia stron internetowych.

🎓 Możesz odbyć pierwsze lekcje tego programu jako Ścieżkę nauki na Microsoft Learn!

Dzięki dopasowaniu treści do projektów proces nauki jest bardziej angażujący dla studentów, a zapamiętywanie konceptów zostanie wzmocnione. Napisaliśmy także kilka lekcji wprowadzających do podstaw JavaScript, którym towarzyszy wideo z serii "Beginners Series to: JavaScript", których niektórzy autorzy przyczynili się do tego programu.

Dodatkowo quiz niskiego ryzyka przed zajęciami nastawia ucznia na naukę tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie materiału. Ten program został zaprojektowany jako elastyczny i przyjemny, można go realizować w całości lub częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej złożone pod koniec 12-tygodniowego cyklu.

Chociaż świadomie unikaliśmy wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych web developerowi przed użyciem frameworka, dobrym następnym krokiem po ukończeniu tego kursu będzie nauka Node.js za pomocą innej serii wideo: "Beginner Series to: Node.js".

Odwiedź nasze wytyczne dotyczące Kodeksu postępowania i Współpracy. Czekamy na Twoją konstruktywną opinię!

🧭 Dostęp offline

Możesz uruchomić tę dokumentację offline, korzystając z Docsify. Zforkuj to repozytorium, zainstaluj Docsify na swojej lokalnej maszynie, a następnie w katalogu głównym repozytorium wpisz docsify serve. Strona będzie dostępna na porcie 3000 na twoim localhost: localhost:3000.

📘 PDF

Plik PDF ze wszystkimi lekcjami dostępny jest tutaj.

🎒 Inne kursy

Nasz zespół tworzy także inne kursy! Sprawdź:

LangChain

---

Azure / Edge / MCP / Agenci

---

Seria Generative AI

---

Podstawowa Nauka

---

Seria Copilot

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.

Jeśli masz uwagi dotyczące produktu lub napotykasz błędy podczas tworzenia, odwiedź:

Licencja

To repozytorium jest licencjonowane na podstawie licencji MIT. Zobacz plik LICENSE po więcej informacji.

---

Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą automatycznej usługi tłumaczeniowej AI Co-op Translator. Mimo że staramy się zapewnić dokładność, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być uważany za autorytatywne źródło. W przypadku informacji o kluczowym znaczeniu 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 korzystania z tego tłumaczenia.