HTML

🚀 Zostań Twórcą, a nie tylko Odbiorcą! (HTML Poziom 1)

Masz dość bycia tylko „użytkownikiem” internetu? Chcesz wiedzieć, jak działają strony, na których spędzasz godziny? Świetnie trafiłeś! Ten kurs to Twój bilet do świata IT. Nie potrzebujesz superkomputera ani doktoratu z matematyki – wystarczy chęć tworzenia.

W zaledwie 10 lekcjach zabiorę Cię w podróż od „zielonego pojęcia” do Twojej własnej, działającej strony-wizytówki. Nauczysz się języka, którym mówi cały Internet. Pokażę Ci, że kodowanie to nie czarna magia, ale logiczne układanie klocków.

Co zyskasz?

  • Zrozumiesz, jak działa sieć i przeglądarka.
  • Stworzysz własną stronę od zera.
  • Zdobędziesz solidny fundament pod dalszą naukę (CSS, JavaScript).

Gotowy? Odpalaj edytor i zacznijmy budować Twój kawałek internetu! 👇

📚 Program kursu: HTML Podstawy

  1. Lekcja 1: Co to jest HTML i jak działa internet? (Wstęp, VS Code, pierwszy plik).
  2. Lekcja 2: Szkielet strony, czyli <!DOCTYPE>, <head> i <body>.
  3. Lekcja 3: Nagłówki i akapity – hierarchia tekstu (h1–h6, p).
  4. Lekcja 4: Linki – pajęczyna internetu (znacznik <a>, atrybut href).
  5. Lekcja 5: Obrazy i multimedia – wstawianie grafik (<img>, alt).
  6. Lekcja 6: Listy uporządkowane i nieuporządkowane (<ul>, <ol>, <li>).
  7. Lekcja 7: Tabele – dane pod kontrolą (struktura table, tr, td).
  8. Lekcja 8: Formularze – interakcja z widzem (<form>, input, button).
  9. Lekcja 9: Semantyka HTML5 – kod z duszą (header, nav, footer).
  10. Lekcja 10: Wielki Finał – Twoja Strona Wizytówka (Projekt końcowy).

🔥 Poziom Wyżej: Zrób to jak PRO! (HTML Poziom 2)

Gratulacje! Znasz już podstawy i potrafisz zbudować szkielet strony. Ale umówmy się – szkielet to za mało, żeby zachwycić świat. Czas wejść na wyższy poziom i poznać narzędzia, których używają profesjonaliści.

W Kursie Zaawansowanym HTML5 przestajemy się bawić, a zaczynamy tworzyć nowoczesne rozwiązania. Zapomnij o prostych tekstach. Tutaj nauczysz się wstawiać wideo i mapy, budować inteligentne formularze, dbać o widoczność w Google (SEO) i tworzyć interaktywne elementy bez użycia skomplikowanych skryptów.

Dlaczego warto?

  • Twoje strony staną się multimedialne i nowoczesne.
  • Nauczysz się myśleć jak Web Developer (semantyka, dostępność).
  • Zbudujesz profesjonalny projekt Landing Page, którym pochwalisz się w portfolio.

To naturalna kontynuacja Twojej przygody. Nie zatrzymuj się w połowie drogi – zostań ekspertem HTML5! 👇

📚 Program kursu: HTML Zaawansowany

  1. Lekcja 11: Multimedia 2.0 – Audio i Wideo bez wtyczek (tagi <video>, <audio>).
  2. Lekcja 12: Iframe – Okno na świat (osadzanie Map Google i YouTube).
  3. Lekcja 13: Meta Tagi – Jak rozmawiać z Google (SEO w sekcji <head>).
  4. Lekcja 14: Favicon i Ikony – Detale, które robią różnicę (podłączanie ikon).
  5. Lekcja 15: Formularze Pro – Walidacja i nowe typy pól (kalendarz, suwaki).
  6. Lekcja 16: Znaki specjalne i Encje – Jak pisać ©, €, & i twardą spację.
  7. Lekcja 17: Semantyka Pro – Tagi <aside>, <figure> i <details> (akordeony).
  8. Lekcja 18: Linki wewnątrz strony (Kotwice) – Tworzenie efektu „One Page”.
  9. Lekcja 19: Div i Span – Kontenery uniwersalne (wstęp do układów CSS).
  10. Lekcja 20: Projekt Końcowy HTML5 – Budowa Landing Page produktu (podsumowanie).