Szkolenie prowadzi przez najważniejsze etapy tworzenia i publikowania strony internetowej. Zaczniesz od szybkiego przygotowania środowiska programistycznego. Następnie poznasz Git oraz połączysz repozytorium lokalne z repozytorium zdalnym na GitHub. Otrzymasz wyjaśnienie kluczowych znaczników HTML i podstawowe informacje o CSS. Dodasz style Bootstrapa, czcionki z Google i ikony Font Awesome, a na końcu zbudujesz stronę i wdrożysz ją przy pomocy Heroku.

Przygotowanie środowiska

Pierwszy etap to sprawne przygotowanie środowiska programistycznego, tak aby od razu móc rozpocząć pracę nad stroną i repozytorium. Dowiesz się, jak uporządkować projekt oraz jakie kroki wykonać, by tworzenie i uruchamianie plików przebiegało bez przeszkód. Ten fundament pozwoli Ci wygodnie testować efekty nauki HTML, CSS i Bootstrapa oraz zachować porządek w strukturze katalogów. Dzięki temu kolejne moduły, w tym Git, GitHub czy wdrożenie na Heroku, będą przebiegać płynnie i przewidywalnie w kolejnych krokach.

Git i GitHub

Po przygotowaniu środowiska przejdziesz do pracy z systemem kontroli wersji Git. Zobaczysz, jak działa repozytorium lokalne i w jaki sposób utrwalać kolejne zmiany, aby zachować historię pracy. Kluczowym elementem będzie połączenie repozytorium lokalnego z repozytorium zdalnym na GitHub, co pozwoli przechowywać i udostępniać kod w repozytorium zdalnym. Poznasz podstawowe operacje, które ułatwią porządkowanie zmian i przenoszenie ich do repozytorium zdalnego, dzięki czemu Twój projekt będzie gotowy do dalszych etapów.

HTML – teoria i znaczniki

HTML to Hipertekstowy Język Znaczników, używany do tworzenia dokumentów hipertekstowych i współcześnie stron internetowych. W kursie wyjaśnione są istotne elementy z punktu widzenia struktury strony: czym są znaczniki i ich atrybuty, jak działają odwołania, referencje znakowe oraz deklaracje typu dokumentu. Zrozumiesz, że w przeglądarce widzisz wynik działania znaczników, a nie same znaczniki. Pokażemy, jak działają pary znaczników: <tag> oraz </tag>, oraz jak wykorzystać nagłówki H1–H6, pogrubienia B/STRONG, obrazy IMG i łącza A w praktyce.

CSS i przydatne dodatki

Wprowadzimy podstawowe informacje dotyczące CSS, aby nadać elementom odpowiedni wygląd. Nauczysz się dołączać style Bootstrapa do projektu, a także dodawać czcionki z Google i ikony z Font Awesome. Dzięki temu strona zyska spójny charakter i czytelny układ, a Ty w prosty sposób rozszerzysz możliwości podstawowego HTML. Materiał pokazuje także kilka przydatnych technik, które pomogą wygodnie zastosować te zasoby w kodzie i konsekwentnie utrzymywać estetykę całej witryny podczas dalszych prac.

Bootstrap i responsywność

Wersja 2025 kursu została zaktualizowana o bibliotekę Bootstrap. W dedykowanej sekcji zobaczysz, jak dodać style Bootstrapa i zastosować je w projekcie. Na tej podstawie stworzysz responsywną, statyczną stronę internetową. Celem jest sprawne wykorzystanie dodanych stylów w praktyce oraz rozwinięcie pewności w pracy z HTML i CSS. Po tej części przejdziesz płynnie do finalnego projektu oraz publikacji przy użyciu narzędzia Heroku. Dzięki temu połączysz treść, styl i strukturę w spójny zestaw kroków.

Projekt i wdrożenie na Heroku

Na zakończenie przygotujesz kompletny projekt strony internetowej, korzystając z HTML i CSS, a następnie wykonasz jego wdrożenie przy pomocy Heroku. Ten etap porządkuje całą zdobytą wiedzę: od przygotowania środowiska, poprzez pracę z Gitem i repozytorium na GitHub, aż po publikację. Dzięki uporządkowanemu procesowi zobaczysz pełny przebieg tworzenia witryny – od pierwszych plików po działającą stronę udostępnioną online. Otrzymasz spójną ścieżkę od kodu do wdrożenia i zrozumiesz, jak powtarzać ten proces przy kolejnych projektach.