Web-Dev-For-Beginners/translations/pl

Programowanie 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 wiedzy dzięki naszej efektywnej, opartej na projektach metodyce nauczania. Rozpocznij swoją przygodę z programowaniem już dziś!

Dołącz do Discorda Azure AI Foundry i poznaj ekspertów oraz innych programistów.

Wykonaj te kroki, aby zacząć korzystać z tych zasobów:

1. Rozgałęź 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

🌐 Wsparcie wielojęzyczne

Wspierane przez 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 | Khmer | 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:

Bash / macOS / Linux:

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'

CMD (Windows):

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"

To zapewni Ci wszystko, co potrzebne do ukończenia kursu, z dużo szybszym pobieraniem.

Jeśli chcesz mieć dodatkowe tłumaczenia, obsługiwane języki są wymienione tutaj. tutaj

🧑‍🎓 Jesteś studentem?

Odwiedź stronę Student Hub, gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a także sposoby na uzyskanie bezpłatnego vouchera na certyfikat. To strona, którą warto dodać do ulubionych i odwiedzać regularnie, ponieważ co miesiąc aktualizujemy zawartość.

📣 Ogłoszenie - Nowe wyzwania w trybie 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 Generative AI

Nowy projekt asystenta AI właśnie dodany, sprawdź projekt

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

Nie przegap naszego nowego programu nauczania Generative AI!

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

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

Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy oraz wyzwanie, które poprowadzą Cię w nauce zagadnień takich jak:

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

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

🌱 Rozpoczęcie

Nauczyciele, przygotowaliśmy kilka sugestii dotyczących korzystania z tego programu nauczania. Chętnie usłyszymy Waszą opinię na naszym forum dyskusyjnym!

Uczniowie, na każdą lekcję zacznij od quizu przed wykładem, następnie przeczytaj materiał, wykonaj różne aktywności i sprawdź swoje zrozumienie w quizie po wykładzie.

Aby zwiększyć efektywność nauki, współpracuj ze swoimi kolegami nad projektami! Zachęcamy do dyskusji na naszym forum dyskusyjnym, gdzie zespół moderatorów będzie dostępny, aby odpowiedzieć na Twoje pytania.

Aby pogłębić swoją edukację, zdecydowanie polecamy eksplorację Microsoft Learn dla dodatkowych materiałów do nauki.

📋 Konfiguracja środowiska

Ten program nauczania ma gotowe środowisko deweloperskie! Na start możesz wybrać uruchomienie programu w Codespace (środowisku przeglądarkowym, bez potrzeby instalacji) lub lokalnie na swoim komputerze, używając edytora tekstu takiego jak Visual Studio Code.

Utwórz własne repozytorium

Aby wygodnie zapisywać swoje postępy, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk Use this template u góry strony. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania.

Wykonaj te kroki:

1. Rozgałęź 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 repozytorium kliknij przycisk Code i wybierz Open with Codespaces. Utworzy to nowe środowisko Codespace do pracy.

Uruchamianie programu lokalnie na komputerze

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

Zalecamy używanie Visual Studio Code jako edytora, który posiada wbudowany Terminal. Visual Studio Code możesz pobrać tutaj.

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

   CodeSpace

   Następnie otwórz Terminal w Visual Studio Code i uruchom następujące polecenie, zamieniając <your-repository-url> na 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 File > Open Folder i wybierając folder, który właśnie sklonowałeś.

Zalecane 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ą sketchnotkę
• opcjonalne dodatkowe wideo
• quiz rozgrzewkowy przed lekcją
• pisemną lekcję
• w lekcjach projektowych, instrukcje krok po kroku, jak zbudować projekt
• sprawdziany wiedzy
• wyzwanie
• dodatkową lekturę
• zadanie domowe
• quiz po lekcji

Informacja o quizach: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne tutaj. Aplikację quizu można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze quiz-app.

🗃️ Lekcje

	Nazwa projektu	Omawiane zagadnienia	Cele nauki	Powiązana lekcja	Autor
01	Rozpoczynamy	Wprowadzenie do programowania i narzędzia pracy	Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w ich pracy	Wprowadzenie do języków programowania i narzędzi pracy	Jasmine
02	Rozpoczynamy	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	Rozpoczynamy	Dostępność	Nauka podstaw dostępności sieci web	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	Nauka o funkcjach i metodach do zarządzania przepływem logiki aplikacji	Funkcje i metody	Jasmine i Christopher
06	Podstawy JS	Podejmowanie decyzji w JS	Nauka tworzenia warunków w kodzie za pomocą metod podejmowania decyzji	Podejmowanie decyzji	Jasmine
07	Podstawy JS	Tablice i pętle	Praca z danymi za pomocą tablic i pętli w JavaScript	Tablice i pętle	Jasmine
08	Terrarium	HTML w praktyce	Tworzenie HTML do budowy terrarium online, ze szczególnym uwzględnieniem układu strony	Wprowadzenie do HTML	Jen
09	Terrarium	CSS w praktyce	Tworzenie CSS do stylizowania terrarium online, ze szczególnym uwzględnieniem podstaw CSS i responsywności strony	Wprowadzenie do CSS	Jen
10	Terrarium	JavaScript Closures, manipulacja DOM	Tworzenie JavaScript do funkcji terrarium jako interfejs przeciągania i upuszczania, skupiając się na closures i manipulacji DOM	JavaScript Closures, manipulacja DOM	Jen
11	Typing Game	Tworzenie gry pisania	Nauka korzystania z zdarzeń klawiatury do sterowania logiką aplikacji JavaScript	Programowanie zdarzeniowe	Christopher
12	Green Browser Extension	Praca z przeglądarkami	Poznaj działanie przeglądarek, ich historię i szkicuj pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Green Browser Extension	Budowa formularza, wywoływanie API i przechowywanie zmiennych lokalnie	Tworzenie elementów JavaScript rozszerzenia przeglądarki do wywołania API z wykorzystaniem zmiennych przechowywanych lokalnie	API, formularze i lokalne przechowywanie	Jen
14	Green Browser Extension	Procesy w tle przeglądarki, wydajność webowa	Wykorzystanie procesów w tle przeglądarki do zarządzania ikoną rozszerzenia; nauka o wydajności webowej i optymalizacjach jej działania	Procesy w tle i wydajność	Jen
15	Space Game	Bardziej zaawansowany rozwój gier w JavaScript	Nauka o dziedziczeniu z wykorzystaniem klas i kompozycji oraz wzorca Pub/Sub, do budowy gry	Wprowadzenie do zaawansowanego tworzenia gier	Chris
16	Space Game	Rysowanie na kanwie	Poznanie Canvas API, używanego do rysowania elementów na ekranie	Rysowanie na kanwie	Chris
17	Space Game	Poruszanie elementami po ekranie	Odkrywanie, jak elementy mogą zyskać ruch, korzystając z układu kartezjańskiego i Canvas API	Poruszanie elementów	Chris
18	Space Game	Wykrywanie kolizji	Spraw, aby elementy kolidowały i reagowały na siebie z użyciem naciśnięć klawiszy oraz funkcji przerwy, zapewniając wydajność gry	Wykrywanie kolizji	Chris
19	Space Game	Liczenie punktów	Wykonuj obliczenia matematyczne na podstawie statusu i wydajności gry	Liczenie punktów	Chris
20	Space Game	Kończenie i restartowanie gry	Nauka zakończenia i restartowania gry, w tym sprzątania zasobów i resetowania wartości zmiennych	Warunek zakończenia	Chris
21	Banking App	Szablony HTML i trasy w aplikacji webowej	Nauka jak stworzyć szkielet architektury wielostronicowej strony internetowej za pomocą routingu i szablonów HTML	Szablony HTML i trasy	Yohan
22	Banking App	Budowa formularza logowania i rejestracji	Nauka budowy formularzy i obsługi mechanizmów walidacji	Formularze	Yohan
23	Banking App	Metody pobierania i używania danych	Jak dane przepływają do aplikacji i z niej, jak je pobierać, przechowywać i usuwać	Dane	Yohan
24	Banking App	Koncepcje zarządzania stanem	Nauka, jak aplikacja przechowuje stan i jak nim zarządzać programowo	Zarządzanie stanem	Yohan
25	Browser/VScode Code	Praca z VScode	Nauka korzystania z edytora kodu	Korzystanie z edytora VScode	Chris
26	AI Assistants	Praca z AI	Nauka budowy własnego asystenta AI	Projekt asystenta AI	Chris

🏫 Pedagogika

Nasz program nauczania opiera się na dwóch kluczowych zasadach pedagogicznych:

• nauka oparta na projektach
• częste quizy

Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik używanych przez współczesnych web developerów. Uczestnicy będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do pisania, wirtualne terrarium, ekologiczne rozszerzenie do przeglądarki, grę w stylu Space Invader oraz aplikację bankowości dla firm. Po zakończeniu serii uczniowie zyskają solidne podstawy tworzenia stron internetowych.

🎓 Możesz zacząć od kilku pierwszych lekcji tego programu jako Ścieżkę nauki na Microsoft Learn!

Zapewniając zgodność treści z projektami, proces nauki jest dla uczniów bardziej angażujący, a utrwalenie pojęć zostaje wzmocnione. Napisaliśmy również kilka lekcji startowych z podstaw JavaScript, aby wprowadzić pojęcia, zestawione z wideo z kolekcji "Beginners Series to: JavaScript", których autorzy przyczynili się do tego programu nauczania.

Ponadto niskostresowy quiz przed zajęciami ustawia intencję ucznia do nauki tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie. Ten program został zaprojektowany tak, aby był elastyczny i przyjemny, można go realizować zarówno w całości, jak i częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej zaawansowane na koniec 12-tygodniowego cyklu.

Choć celowo unikaliśmy wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych web developerowi przed adaptacją frameworka, dobrym kolejnym krokiem po ukończeniu tego programu byłoby zapoznanie się z Node.js dzięki innej kolekcji wideo: "Beginner Series to: Node.js".

Odwiedź nasze wytyczne Kodeks postępowania oraz Wkład. Czekamy na Twoje konstruktywne opinie!

🧭 Dostęp offline

Możesz uruchomić tę dokumentację offline, korzystając z Docsify. Sklonuj to repozytorium, zainstaluj Docsify na swoim komputerze, a następnie w katalogu głównym repozytorium wpisz docsify serve. Strona będzie serwowana na porcie 3000 pod adresem localhost: localhost:3000.

📘 PDF

PDF ze wszystkimi lekcjami można znaleźć tutaj.

🎒 Inne kursy

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

LangChain

Azure / Edge / MCP / Agenci

---

Seria Generative AI

---

Podstawowe nauczanie

---

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 na temat MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest chętnie dzielona.

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

Licencja

To repozytorium jest licencjonowane na podstawie licencji MIT. Szczegóły znajdują się w pliku LICENSE.

---

Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Choć dążymy do dokładności, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być uważany za wiarygodne źródło. W przypadku istotnych informacji zalecane jest skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.