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 zanurza 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 zadania praktyczne. Rozwijaj swoje umiejętności i optymalizuj utrwalanie wiedzy dzięki naszej efektywnej pedagogice opartej na projektach. Rozpocznij swoją przygodę z kodowaniem już dziś!

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

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

1. Utwórz forka repozytorium: Kliknij
2. Sklonuj repozytorium: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Dołącz do Azure AI Foundry na Discordzie i spotkaj ekspertów oraz innych programistów

🌐 Obsługa wielu języków

Wsparcie poprzez 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 klonować 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'

To da Ci wszystko, czego potrzebujesz do ukończenia kursu z dużo szybszym pobieraniem.

Jeśli chcesz, aby obsługiwane były dodatkowe języki tłumaczeń, są one wymienione tutaj

🧑‍🎓 Jesteś studentem?

Odwiedź Stronę Student Hub, gdzie znajdziesz zasoby dla początkujących, pakiety dla studentów, a nawet sposoby na uzyskanie darmowego vouchera na certyfikat. To jest strona, którą warto dodać do zakładek i od czasu do czasu sprawdzać, ponieważ co miesiąc zmieniamy 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 do wykonania przy użyciu GitHub Copilot i trybu Agenta. Jeśli nie korzystałeś wcześniej z trybu Agenta, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej.

📣 Ogłoszenie - Nowy projekt do realizacji z wykorzystaniem Generatywnej AI

Dodano nowy projekt AI Assistant, sprawdź projekt

📣 Ogłoszenie - Nowy program nauczania o Generatywnej AI dla JavaScript właśnie został wydany

Nie przegap naszego nowego programu nauczania Generatywnej AI!

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

• Lekcje obejmujące wszystko od podstaw po RAG.
• Interakcja z postaciami historycznymi za pomocą 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, test wiedzy i wyzwanie, które pokierują Cię w nauce tematów takich jak:

• Promptowanie i inżynieria promptów
• Generowanie aplikacji tekstowych i obrazkowych
• Aplikacje wyszukujące

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

🌱 Rozpoczęcie

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

Uczniowie, do każdej lekcji zacznij od quizu wstępnego, a następnie przeczytaj materiał wykładu, wykonaj różne aktywności i sprawdź swoje rozumienie w quizie podsumowującym.

Aby wzmocnić swoją naukę, łącz się z kolegami i koleżankami, aby pracować nad projektami razem! Zachęcamy do dyskusji na naszym forum dyskusyjnym, gdzie nasz zespół moderatorów jest dostępny, aby odpowiadać na Wasze pytania.

Aby pogłębić edukację, zdecydowanie polecamy zapoznanie się z Microsoft Learn po dodatkowe materiały do nauki.

📋 Konfiguracja środowiska

Ten program nauczania ma gotowe środowisko do programowania! Na start możesz wybrać uruchomienie go w Codespace (środowisku przeglądarkowym, bez konieczności instalacji), lub lokalnie na swoim komputerze z użyciem edytora tekstu, takiego jak Visual Studio Code.

Utwórz własne 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. Spowoduje to utworzenie nowego repozytorium na Twoim koncie GitHub z kopią programu nauczania.

Wykonaj następujące kroki:

1. Utwórz 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 programu nauczania w Codespace

W swojej kopii tego repozytorium, które utworzyłeś, kliknij przycisk Code i wybierz Open with Codespaces. Spowoduje to utworzenie nowego Codespace do pracy.

Uruchamianie programu nauczania lokalnie na komputerze

Aby uruchomić ten program nauczania lokalnie na swoim komputerze, potrzebujesz edytora tekstu, przeglądarki oraz narzędzia wiersza polecenia. Nasza pierwsza lekcja, Wprowadzenie do języków programowania i narzędzi, poprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać najlepsze dla siebie.

Polecamy używać 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 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 właśnie sklonowany folder.

Zalecane rozszerzenia Visual Studio Code:

• Live Server - do podglądu stron HTML w Visual Studio Code
• Copilot - pomaga pisać kod szybciej

📂 Każda lekcja zawiera:

• opcjonalną sketchnotkę
• opcjonalne uzupełniające wideo
• quiz rozgrzewkowy przed lekcją
• lekcję tekstową
• w lekcjach opartych na projekcie, szczegółowe przewodniki krok po kroku jak zbudować projekt
• testy wiedzy
• wyzwanie
• uzupełniającą lekturę
• zadanie domowe
• quiz po lekcji

Uwagi o quizach: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne tutaj, aplikację quizową można uruchomić lokalnie lub wdrożyć do 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ędzi używanych w branży	Poznaj podstawy programowania oraz oprogramowanie pomagające profesjonalnym programistom w pracy	Wprowadzenie do języków programowania i narzędzi	Jasmine
02	Zacznijmy	Podstawy GitHuba, praca zespołowa	Jak używać GitHuba w projekcie, jak współpracować z innymi nad kodem	Wprowadzenie do GitHuba	Floor
03	Zacznijmy	Dostępność	Naucz się podstaw 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	Poznaj funkcje i metody służące do zarządzania logiką aplikacji	Funkcje i metody	Jasmine i Christopher
06	Podstawy JS	Podejmowanie decyzji z JS	Naucz się tworzyć warunki w swoim kodzie przy użyciu 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 potrzebny do stworzenia online terrarium, skupiając się na układzie strony	Wprowadzenie do HTML	Jen
09	Terrarium	CSS w praktyce	Zbuduj CSS, by wystylizować online terrarium, skupiając się na podstawach CSS i responsywności	Wprowadzenie do CSS	Jen
10	Terrarium	JavaScript closures, manipulacja DOM	Zbuduj JavaScript, który pozwoli terrarium działać z funkcją przeciągnij upuść, skupiając się na closures i manipulacji DOM	JavaScript closures, manipulacja DOM	Jen
11	Typing Game	Zbuduj grę w pisanie na klawiaturze	Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript	Programowanie zdarzeniowe	Christopher
12	Green Browser Extension	Praca z przeglądarkami	Naucz się, jak działają przeglądarki, ich historię oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Green Browser Extension	Tworzenie formularzy, wywoływanie API i przechowywanie zmiennych w local storage	Stwórz elementy JavaScript rozszerzenia przeglądarki do wywoływania API, korzystając ze zmiennych przechowywanych lokalnie	API, formularze i local storage	Jen
14	Green Browser Extension	Procesy tła w przeglądarce, wydajność www	Użyj procesów tła przeglądarki do zarządzania ikoną rozszerzenia; poznaj optymalizacje poprawiające wydajność	Procesy tła i wydajność	Jen
15	Space Game	Zaawansowane tworzenie gier w JavaScript	Poznaj dziedziczenie wykorzystujące klasy i kompozycję oraz wzorzec Pub/Sub, w przygotowaniu do budowy gry	Wprowadzenie do zaawansowanego tworzenia gier	Chris
16	Space Game	Rysowanie na kanwie	Poznaj API Canvas do rysowania elementów na ekranie	Rysowanie na kanwie	Chris
17	Space Game	Poruszanie elementów na ekranie	Dowiedz się, jak elementy mogą się poruszać, używając współrzędnych kartezjańskich i API Canvas	Poruszanie elementami	Chris
18	Space Game	Wykrywanie kolizji	Spraw, aby elementy zderzały się i reagowały na siebie, używając naciśnięć klawiszy oraz funkcji cooldown dla wydajności gry	Wykrywanie kolizji	Chris
19	Space Game	Liczenie punktów	Wykonuj obliczenia matematyczne na podstawie stanu i wyniku gry	Liczenie punktów	Chris
20	Space Game	Kończenie i restartowanie 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 multipage site za pomocą routingu i szablonów HTML	Szablony HTML i trasy	Yohan
22	Banking App	Tworzenie formularzy logowania i rejestracji	Dowiedz się, jak budować formularze i obsługiwać walidację	Formularze	Yohan
23	Banking App	Metody pobierania i używania danych	Jak wyglądają przepływy danych w 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 programowo zarządzać	Zarządzanie stanem	Yohan
25	Browser/VScode Code	Praca z VScode	Naucz się korzystać z edytora kodu	Używaj edytora kodu VScode	Chris
26	AI Assistants	Praca z AI	Naucz się tworzyć własnego asystenta AI	Projekt AI Assistant	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 oraz najnowszych narzędzi i technik stosowanych przez dzisiejszych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do nauki pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Do końca serii uczniowie zdobędą solidną wiedzę z zakresu tworzenia stron internetowych.

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

Zapewnienie zgodności treści z projektami sprawia, że proces nauki jest dla uczniów bardziej angażujący, a utrwalenie koncepcji zostanie wzmocnione. Napisaliśmy też kilka lekcji wprowadzających do podstaw JavaScript, które prezentują koncepcje, a także dołączyliśmy wideo z kolekcji "Beginners Series to: JavaScript", których autorzy przyczynili się do tego programu nauczania.

Ponadto quiz niskiego ryzyka przed lekcją ustawia intencję ucznia w kierunku nauki tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie. Program ma charakter elastyczny i zabawowy i można z niego korzystać 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.

Ponieważ świadomie unikamy wprowadzania frameworków JavaScript, koncentrując się na podstawowych umiejętnościach potrzebnych jako programista webowy przed przyjęciem frameworka, dobrym następnym krokiem po ukończeniu tego programu będzie nauka Node.js za pomocą innej kolekcji wideo: "Beginner Series to: Node.js".

Odwiedź nasze wytyczne Kodeks Postępowania oraz Wkład. Zachęcamy do konstruktywnej opinii!

🧭 Dostęp offline

Możesz uruchomić tę dokumentację offline, używając Docsify. Rozgałęź ten repozytorium, zainstaluj Docsify na swoim lokalnym komputerze, a następnie w katalogu głównym repozytorium wpisz docsify serve. Strona będzie dostępna na porcie 3000 na localhost: localhost:3000.

📘 PDF

Plik PDF ze wszystkimi lekcjami jest dostępny tutaj.

🎒 Inne kursy

Nasz zespół tworzy inne kursy! Sprawdź:

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

Uzyskanie 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 napotkasz błędy podczas tworzenia, odwiedź:

Licencja

To repozytorium jest licencjonowane na warunkach licencji MIT. Szczegóły znajdziesz w pliku LICENSE.

---

Zastrzeżenie:
Dokument ten został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Chociaż staramy się zapewnić dokładność, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym powinien być uznawany za źródło wiarygodne. W przypadku informacji krytycznych zaleca się 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.