Web-Dev-For-Beginners/translations/pl

Tworzenie stron internetowych dla początkujących - Kurs

Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu kursowi przygotowanemu przez Microsoft Cloud Advocates. Każda z 24 lekcji wprowadza w świat 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 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 materiały 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 sprawdzać, ponieważ co miesiąc zmieniamy zawartość.

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

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

Każda lekcja zawiera zadanie do wykonania, sprawdzanie 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ąć!

🌱 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, a następnie zapoznaj się z materiałem lekcyjnym, 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! 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 zapoznanie się z materiałami na Microsoft Learn.

📋 Konfiguracja środowiska

Ten kurs ma gotowe środowisko programistyczne! Na początek możesz wybrać uruchomienie kursu w Codespace (środowisko w przeglądarce, bez konieczności 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ę, 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 tymi krokami:

1. Forkuj 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, 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:

   

   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, jak zbudować projekt
• sprawdzanie wiedzy
• wyzwanie
• dodatkowe materiały do czytania
• 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ą one podlinkowane w lekcjach, aplikację quizową można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze quiz-app. Quizy są stopniowo lokalizowane.

🗃️ Lekcje

	Nazwa projektu	Nauczane zagadnienia	Cele nauczania	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, jak 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 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 stworzenia terrarium online, skupiając się na budowie 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 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ę używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript	Programowanie oparte na zdarzeniach	Christopher
12	Green Browser Extension	Praca z przeglądarkami	Dowiedz się, jak działają przeglądarki, poznaj ich historię i naucz się tworzyć pierwsze elementy rozszerzenia przeglądarki	O przeglądarkach	Jen
13	Green Browser Extension	Tworzenie formularza, wywoływanie API i przechowywanie zmiennych lokalnie	Zbuduj elementy JavaScript swojego rozszerzenia przeglądarki, aby wywoływać API, używając zmiennych przechowywanych lokalnie	API, formularze i lokalne przechowywanie	Jen
14	Green Browser Extension	Procesy w tle w przeglądarce, wydajność sieci	Wykorzystaj procesy 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 canvasie	Poznaj API Canvas, które służy do rysowania elementów na ekranie	Rysowanie na canvasie	Chris
17	Space Game	Przesuwanie elementów po ekranie	Dowiedz się, jak elementy mogą się poruszać, używając współrzędnych kartezjańskich i API Canvas	Przesuwanie 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 i wyników gry	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	Dowiedz się, jak stworzyć 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	Dowiedz się, 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 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 programistów internetowych. Studenci mają okazję zdobyć praktyczne doświadczenie, budując grę do pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Po ukończeniu serii studenci zdobędą solidne podstawy w zakresie tworzenia stron internetowych.

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

Dzięki powiązaniu treści z projektami proces nauki staje się bardziej angażujący dla studentów, a przyswajanie koncepcji jest skuteczniejsze. Przygotowaliśmy również kilka lekcji wprowadzających do podstaw JavaScript, które są połączone z wideo z serii "Beginners Series to: JavaScript", której autorzy przyczynili się do powstania tego programu.

Dodatkowo quiz o niskiej stawce przed zajęciami ustawia intencję studenta na naukę danego tematu, a drugi quiz po zajęciach wzmacnia przyswajanie wiedzy. Program 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 w trakcie 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 byłoby poznanie Node.js za pomocą innej serii wideo: "Beginner Series to: Node.js".

Odwiedź nasz Kodeks postępowania i wytyczne dotyczące Współpracy. 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 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 również 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, aby uzyskać więcej informacji.

Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Chociaż staramy się zapewnić dokładność, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego rodzimym języku powinien być uznawany za wiarygodne źródło. 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.