Web-Dev-For-Beginners/translations/pl

Postępuj zgodnie z poniższymi krokami, aby rozpocząć korzystanie z tych zasobów:

1. Sforkuj 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

Tworzenie stron internetowych dla początkujących - Kurs

Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu kompleksowemu kursowi przygotowanemu przez Microsoft Cloud Advocates. Każda z 24 lekcji obejmuje JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki czy gry kosmiczne. Uczestnicz w quizach, dyskusjach i zadaniach praktycznych. Rozwijaj swoje umiejętności i optymalizuj proces nauki dzięki efektywnej metodzie opartej na projektach. Rozpocznij swoją przygodę z programowaniem już dziś!

🌐 Wsparcie dla wielu języków

Obsługiwane przez GitHub Action (Automatyczne i zawsze aktualne)

Francuski | Hiszpański | Niemiecki | Rosyjski | Arabski | Perski (Farsi) | Urdu | Chiński (uproszczony) | Chiński (tradycyjny, Makau) | Chiński (tradycyjny, Hongkong) | Chiński (tradycyjny, Tajwan) | Japoński | Koreański | Hindi | Bengalski | Marathi | Nepalski | Punjabi (Gurmukhi) | Portugalski (Portugalia) | Portugalski (Brazylia) | Włoski | Polski | Turecki | Grecki | Tajski | Szwedzki | Duński | Norweski | Fiński | Holenderski | Hebrajski | Wietnamski | Indonezyjski | Malajski | Tagalog (Filipiński) | Suahili | Węgierski | Czeski | Słowacki | Rumuński | Bułgarski | Serbski (cyrylica) | Chorwacki | Słoweński | Ukraiński | Birmański (Myanmar)

Jeśli chcesz, aby obsługiwane były dodatkowe języki, lista dostępnych języków znajduje się tutaj

🧑‍🎓 Jesteś studentem?

Odwiedź Stronę dla studentów, gdzie znajdziesz zasoby dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie darmowego certyfikatu. To strona, którą warto dodać do zakładek i regularnie sprawdzać, ponieważ co miesiąc zmieniamy zawartość.

📣 Ogłoszenie - Nowy projekt do stworzenia z wykorzystaniem generatywnej AI

Dodano nowy projekt asystenta AI, sprawdź go projekt

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

Nie przegap naszego nowego kursu dotyczącego generatywnej AI!

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

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

Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy oraz wyzwanie, które pomoże Ci nauczyć się takich tematów jak:

• Tworzenie i optymalizacja promptów
• Generowanie aplikacji tekstowych i graficznych
• Aplikacje wyszukiwawcze

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

🌱 Rozpoczęcie pracy

Nauczyciele, przygotowaliśmy kilka sugestii dotyczących wykorzystania tego kursu. Chętnie poznamy Wasze opinie na naszym forum dyskusyjnym!

Uczniowie, każdą lekcję rozpocznij od quizu wprowadzającego, a następnie zapoznaj się z materiałem lekcyjnym, wykonaj różne aktywności i sprawdź swoją wiedzę za pomocą quizu końcowego.

Aby wzbogacić swoje doświadczenie edukacyjne, połącz się z rówieśnikami, aby wspólnie pracować nad projektami! Dyskusje są mile widziane na naszym forum dyskusyjnym, gdzie nasz zespół moderatorów będzie dostępny, aby odpowiedzieć na Twoje pytania.

Aby poszerzyć swoją wiedzę, gorąco polecamy eksplorowanie Microsoft Learn w celu uzyskania dodatkowych materiałów edukacyjnych.

📋 Konfiguracja środowiska

Ten kurs ma gotowe środowisko programistyczne! Na początku możesz wybrać uruchomienie kursu w Codespace (środowisko w przeglądarce, bez potrzeby instalacji), lub lokalnie na swoim komputerze, używając edytora tekstu, takiego jak Visual Studio Code.

Utwórz swoje repozytorium

Aby łatwo zapisywać swoją pracę, zaleca się 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 w Twoim koncie GitHub z kopią kursu.

Postępuj zgodnie z poniższymi krokami:

1. Sforkuj 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 swojej kopii tego repozytorium, którą utworzyłeś, 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 swoim komputerze, będziesz potrzebować edytora tekstu, przeglądarki i narzędzia wiersza poleceń. Nasza pierwsza lekcja, Wprowadzenie do języków programowania i narzędzi pracy, przeprowadzi Cię przez różne opcje dla każdego z tych narzędzi, abyś mógł wybrać to, co najlepiej Ci odpowiada.

Naszą rekomendacją jest 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 URL:

   CodeSpace

   Następnie otwórz Terminal w Visual Studio Code i uruchom następujące polecenie, zastępując <your-repository-url> skopiowanym URL:

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

Rekomendowane rozszerzenia dla Visual Studio Code:

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

📂 Każda lekcja zawiera:

• opcjonalny szkic
• opcjonalny materiał wideo
• quiz rozgrzewkowy przed lekcją
• pisemny materiał lekcyjny
• dla lekcji opartych na projektach, przewodniki krok po kroku dotyczące budowy projektu
• sprawdzenie wiedzy
• wyzwanie
• dodatkowe materiały do czytania
• zadanie
• quiz po lekcji

Uwaga dotycząca quizów: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów, każdy z trzema pytaniami. Są dostępne tutaj. Aplikację quizową można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze quiz-app.

🗃️ Lekcje

	Nazwa Projektu	Nauczane Koncepcje	Cele nauczania	Powiązana Lekcja	Autor
01	Pierwsze kroki	Wprowadzenie do programowania i narzędzi 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	Pierwsze kroki	Podstawy GitHub, praca w zespole	Jak korzystać z GitHub w projekcie i współpracować z innymi nad kodem	Wprowadzenie do GitHub	Floor
03	Pierwsze kroki	Dostępność	Poznaj podstawy dostępności w sieci	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	Dowiedz się o funkcjach i metodach zarządzających logiką aplikacji	Funkcje i metody	Jasmine i Christopher
06	Podstawy JS	Podejmowanie decyzji w JS	Naucz się tworzyć warunki w kodzie za pomocą metod decyzyjnych	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 wirtualnego terrarium, skupiając się na układzie strony	Wprowadzenie do HTML	Jen
09	Terrarium	CSS w praktyce	Tworzenie CSS do stylizacji terrarium, skupiając się na podstawach CSS, w tym na responsywności strony	Wprowadzenie do CSS	Jen
10	Terrarium	Zamknięcia w JavaScript, manipulacja DOM	Tworzenie JavaScript, aby terrarium działało jako interfejs przeciągnij i upuść, skupiając się na zamknięciach i manipulacji DOM	Zamknięcia w JavaScript, manipulacja DOM	Jen
11	Gra Typing	Tworzenie gry Typing	Naucz się korzystać z wydarzeń klawiatury, aby sterować logiką aplikacji JavaScript	Programowanie oparte na zdarzeniach	Christopher
12	Rozszerzenie przeglądarki Green	Praca z przeglądarkami	Poznaj działanie przeglądarek, ich historię oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Rozszerzenie przeglądarki Green	Tworzenie formularza, wywoływanie API i przechowywanie zmiennych w lokalnej pamięci	Tworzenie elementów JavaScript rozszerzenia przeglądarki, aby wywoływać API za pomocą zmiennych przechowywanych w lokalnej pamięci	API, formularze i lokalna pamięć	Jen
14	Rozszerzenie przeglądarki Green	Procesy w tle w przeglądarce, wydajność sieci	Korzystanie z procesów w tle przeglądarki do zarządzania ikoną rozszerzenia; poznanie wydajności sieci i optymalizacji	Zadania w tle i wydajność	Jen
15	Gra Kosmiczna	Bardziej zaawansowane tworzenie gier w JavaScript	Poznaj dziedziczenie za pomocą klas i kompozycji oraz wzorzec Pub/Sub, przygotowując się do tworzenia gry	Wprowadzenie do zaawansowanego tworzenia gier	Chris
16	Gra Kosmiczna	Rysowanie na canvas	Poznaj API Canvas, używane do rysowania elementów na ekranie	Rysowanie na canvas	Chris
17	Gra Kosmiczna	Przesuwanie elementów po ekranie	Dowiedz się, jak elementy mogą się poruszać za pomocą współrzędnych kartezjańskich i API Canvas	Przesuwanie elementów	Chris
18	Gra Kosmiczna	Wykrywanie kolizji	Spraw, aby elementy zderzały się i reagowały na siebie za pomocą klawiszy oraz dodaj funkcję cooldown dla wydajności gry	Wykrywanie kolizji	Chris
19	Gra Kosmiczna	Liczenie punktów	Wykonuj obliczenia matematyczne na podstawie statusu gry i wydajności	Liczenie punktów	Chris
20	Gra Kosmiczna	Zakończenie i restart gry	Naucz się kończyć i restartować grę, w tym czyścić zasoby i resetować wartości zmiennych	Warunek zakończenia	Chris
21	Aplikacja Bankowa	Szablony HTML i trasy w aplikacji webowej	Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej za pomocą tras i szablonów HTML	Szablony HTML i trasy	Yohan
22	Aplikacja Bankowa	Tworzenie formularza logowania i rejestracji	Naucz się tworzyć formularze i obsługiwać rutyny walidacyjne	Formularze	Yohan
23	Aplikacja Bankowa	Metody pobierania i używania danych	Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać	Dane	Yohan
24	Aplikacja Bankowa	Koncepcje zarządzania stanem	Naucz się, jak aplikacja zachowuje stan i jak nim zarządzać programowo	Zarządzanie stanem	Yohan
25	Przeglądarka/VScode Code	Praca z VScode	Naucz się korzystać z edytora kodu	Korzystanie z edytora kodu VScode	Chris
26	Asystenci AI	Praca z AI	Naucz się budować własnego asystenta AI	Projekt Asystent AI	Chris

🏫 Pedagogika

Nasz program nauczania został zaprojektowany z uwzględnieniem dwóch kluczowych zasad pedagogicznych:

• nauka oparta na projektach
• częste quizy

Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik stosowanych przez współczesnych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, budując grę Typing, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu kosmicznych najeźdźców oraz aplikację bankową dla firm. Po ukończeniu serii studenci zdobędą solidne podstawy w zakresie tworzenia stron internetowych.

🎓 Pierwsze lekcje tego programu nauczania można znaleźć jako Ścieżkę nauki na Microsoft Learn!

Dzięki dopasowaniu treści do projektów proces nauki staje się bardziej angażujący dla studentów, a przyswajanie koncepcji zostaje wzmocnione. Dodatkowo przygotowaliśmy kilka lekcji wprowadzających do podstaw JavaScript, które są połączone z filmami z kolekcji "Seria dla początkujących: JavaScript", których autorzy przyczynili się do powstania tego programu nauczania.

Ponadto quiz o niskim poziomie trudności przed zajęciami ustawia intencję studenta na naukę danego tematu, a drugi quiz po zajęciach zapewnia dalsze przyswajanie wiedzy. Ten program nauczania został zaprojektowany tak, aby był 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ż celowo unikaliśmy wprowadzania frameworków JavaScript, aby skupić się na podstawowych umiejętnościach potrzebnych jako programista webowy przed przyjęciem frameworka, dobrym kolejnym krokiem po ukończeniu tego programu nauczania byłoby poznanie Node.js za pomocą innej kolekcji filmów: "Seria dla początkujących: Node.js".

Odwiedź nasze Zasady postępowania i Wytyczne dotyczące współpracy. Czekamy na Twoją konstruktywną opinię!

🧭 Dostęp offline

Możesz uruchomić tę dokumentację offline, korzystając z Docsify. Sforkuj to repozytorium, zainstaluj Docsify na swoim komputerze, a następnie w folderze głównym tego repozytorium wpisz docsify serve. Strona internetowa zostanie uruchomiona na porcie 3000 na Twoim localhost: localhost:3000.

📘 PDF

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

🎒 Inne kursy

Nasz zespół tworzy inne kursy! Sprawdź:

• Generatywna AI dla początkujących
• Generatywna AI dla początkujących .NET
• Generatywna AI z JavaScript
• Generatywna AI z Java
• AI dla początkujących
• Data Science dla początkujących
• ML dla początkujących
• Cyberbezpieczeństwo dla początkujących
• Web Dev dla początkujących
• IoT dla początkujących
• Rozwój XR dla początkujących
• Opanowanie GitHub Copilot do programowania w parach
• Opanowanie GitHub Copilot dla programistów C#/.NET
• Wybierz swoją własną przygodę z Copilotem

Uzyskiwanie pomocy

Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do:

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

Licencja

To repozytorium jest licencjonowane na podstawie licencji MIT. Zobacz plik LICENSE, aby uzyskać więcej informacji.

---

Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Chociaż dokładamy wszelkich starań, aby tłumaczenie było precyzyjne, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego języku źródłowym powinien być uznawany za autorytatywne źródło. W przypadku informacji o kluczowym znaczeniu zaleca się skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.