Web-Dev-For-Beginners/translations/pl

Wykonaj poniższe kroki, 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 Azure AI Foundry Discord, aby spotkać ekspertów i 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 wprowadza w zagadnienia JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki czy gry kosmiczne. Weź udział w quizach, dyskusjach i zadaniach praktycznych. Rozwijaj swoje umiejętności i utrwalaj wiedzę dzięki efektywnej metodzie nauki opartej na projektach. Rozpocznij swoją przygodę z programowaniem już dziś!

🧑‍🎓 Jesteś studentem?

Odwiedź stronę Student Hub, gdzie znajdziesz zasoby 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 odwiedzać, ponieważ co miesiąc zmieniamy zawartość.

📣 Ogłoszenie - Nowy kurs o Generatywnej AI dla JavaScript już dostępny

Nie przegap naszego nowego kursu o 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.
• Ciekawa i angażująca narracja, będziesz podróżować w czasie!

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

• Tworzenie i optymalizacja promptów
• Generowanie aplikacji tekstowych i graficznych
• Tworzenie aplikacji wyszukiwarkowych

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

🌱 Pierwsze kroki

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, następnie przeczytaj materiały wykładowe, wykonaj różne aktywności i sprawdź swoją wiedzę w quizie końcowym.

Aby wzbogacić swoje doświadczenie edukacyjne, połącz się z innymi uczestnikami kursu, aby wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym forum dyskusyjnym, gdzie nasz zespół moderatorów odpowie na Twoje pytania.

Aby poszerzyć swoją wiedzę, gorąco polecamy zapoznanie się z dodatkowymi materiałami na Microsoft Learn.

📋 Konfiguracja środowiska

Ten kurs ma gotowe środowisko programistyczne! Na początku możesz wybrać, czy chcesz uruchomić kurs w Codespace (środowisko przeglądarkowe, bez konieczności instalacji), czy 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.

Wykonaj następujące kroki:

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

!Codespace./images/createcodespace.png)

Uruchamianie kursu lokalnie na komputerze

Aby uruchomić 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, przeprowadzi Cię przez różne opcje 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ś.

Zalecane rozszerzenia do Visual Studio Code:

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

📂 Każda lekcja zawiera:

• opcjonalny szkic
• opcjonalne wideo uzupełniające
• quiz rozgrzewkowy przed lekcją
• pisemne materiały lekcyjne
• w przypadku lekcji projektowych, przewodniki krok po kroku dotyczące budowy projektu
• sprawdziany wiedzy
• wyzwanie
• dodatkowe materiały do przeczytania
• zadanie
• 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ę quizową można uruchomić lokalnie lub wdrożyć w Azure; instrukcje znajdują się w folderze quiz-app.

🗃️ Lekcje

	Nazwa projektu	Omawiane zagadnienia	Cele nauki	Powiązana lekcja	Autor
01	Pierwsze kroki	Wprowadzenie do programowania i narzędzi pracy programisty	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, w tym praca zespołowa	Jak korzystać z GitHub w swoim projekcie i współpracować z innymi nad kodem	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	Dowiedz się, jak używać funkcji i metod do zarządzania logiką aplikacji	Funkcje i metody	Jasmine i Christopher
06	Podstawy JS	Podejmowanie decyzji w JS	Naucz się tworzyć warunki w swoim 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 terrarium online, skupiając się na tworzeniu układu	Wprowadzenie do HTML	Jen
09	Terrarium	CSS w praktyce	Tworzenie CSS do stylizacji terrarium online, skupiając się na podstawach CSS, w tym na responsywności	Wprowadzenie do CSS	Jen
10	Terrarium	Zamknięcia w JavaScript, manipulacja DOM	Stwórz JavaScript, aby terrarium działało jako interfejs przeciągnij i upuść, koncentrując się na zamknięciach i manipulacji DOM	Zamknięcia w JavaScript, manipulacja DOM	Jen
11	Typing Game	Stwórz grę do pisania	Naucz się używać zdarzeń klawiatury do sterowania logiką swojej aplikacji JavaScript	Programowanie oparte na zdarzeniach	Christopher
12	Green Browser Extension	Praca z przeglądarkami	Dowiedz się, jak działają przeglądarki, ich historia oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Green Browser Extension	Tworzenie formularza, wywoływanie API i przechowywanie zmiennych w lokalnej pamięci	Stwórz elementy JavaScript swojego rozszerzenia przeglądarki, aby wywoływać API, używając zmiennych przechowywanych w lokalnej pamięci	API, formularze i lokalna pamięć	Jen
14	Green Browser Extension	Procesy w tle w przeglądarce, wydajność sieci	Użyj procesów w tle przeglądarki do zarządzania ikoną rozszerzenia; dowiedz się o wydajności sieci i optymalizacjach	Zadania w tle i wydajność	Jen
15	Space Game	Bardziej zaawansowane tworzenie gier w JavaScript	Dowiedz się o dziedziczeniu, używając zarówno klas, jak i kompozycji, oraz o wzorcu Pub/Sub, przygotowując się do tworzenia gry	Wprowadzenie do zaawansowanego tworzenia gier	Chris
16	Space Game	Rysowanie na canvas	Dowiedz się o API Canvas, używanym do rysowania elementów na ekranie	Rysowanie na canvas	Chris
17	Space Game	Przemieszczanie elementów na ekranie	Odkryj, jak elementy mogą się poruszać, używając współrzędnych kartezjańskich i API Canvas	Przemieszczanie elementów	Chris
18	Space Game	Wykrywanie kolizji	Spraw, aby elementy zderzały się i reagowały na siebie, używając klawiszy, oraz dodaj funkcję cooldown, aby poprawić wydajność gry	Wykrywanie kolizji	Chris
19	Space Game	Liczenie punktów	Wykonuj obliczenia matematyczne na podstawie statusu gry i jej wydajności	Liczenie punktów	Chris
20	Space Game	Zakończenie i restart gry	Dowiedz się, jak zakończyć i zrestartować grę, w tym jak wyczyścić zasoby i zresetować wartości zmiennych	Warunek zakończenia	Chris
21	Banking App	Szablony HTML i trasy w aplikacji internetowej	Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej, używając tras i szablonów HTML	Szablony HTML i trasy	Yohan
22	Banking App	Tworzenie formularza logowania i rejestracji	Dowiedz się, jak tworzyć formularze i obsługiwać procedury walidacji	Formularze	Yohan
23	Banking App	Metody pobierania i używania danych	Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać	Dane	Yohan
24	Banking App	Koncepcje zarządzania stanem	Dowiedz się, jak aplikacja zachowuje stan i jak zarządzać nim programowo	Zarządzanie stanem	Yohan

🏫 Pedagogika

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

• nauka poprzez projekty
• częste quizy

Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik używanych przez współczesnych programistów internetowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do pisania, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu "space invaders" oraz aplikację bankową dla firm. Pod koniec serii studenci zdobędą solidne podstawy w zakresie tworzenia stron internetowych.

🎓 Pierwsze lekcje tego programu nauczania możesz odbyć jako Ścieżka 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. Przygotowaliśmy również kilka lekcji wprowadzających do podstaw JavaScript, które są połączone z filmami z kolekcji "Beginners Series to: JavaScript", których autorzy przyczynili się do powstania tego programu nauczania.

Dodatkowo quiz o niskim poziomie trudności przed zajęciami ukierunkowuje uwagę studenta na naukę danego tematu, a drugi quiz po zajęciach zapewnia lepsze przyswajanie materiału. Ten program nauczania został zaprojektowany tak, aby był elastyczny i przyjemny, i 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 programiście internetowemu przed przyjęciem frameworka, dobrym kolejnym krokiem po ukończeniu tego programu nauczania byłoby poznanie Node.js za pomocą innej kolekcji filmów: "Beginner Series to: Node.js".

Odwiedź nasze Zasady postępowania i wytyczne dotyczące Współtworzenia. Czekamy na Twoje konstruktywne uwagi!

🧭 Dostęp offline

Możesz uruchomić tę dokumentację offline, korzystając z Docsify. Sforkuj to repozytorium, zainstaluj Docsify na swoim lokalnym komputerze, a następnie w katalogu 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ź:

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Choose Your Own Copilot Adventure

Licencja

To repozytorium jest licencjonowane na licencji MIT. Zobacz plik LICENSE po 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 rodzimym języku powinien być uznawany za źródło autorytatywne. W przypadku informacji krytycznych 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.