Wprowadzenie


Witaj w darmowym kursie Podstawy HTML. Pierwsza statyczna strona internetowa!

Najprawdopodobniej trafiłeś/aś tutaj, ponieważ ukończyłeś 2 moduły pierwszego kursu na tej stronie nt. JavaScript oraz drugiego kursu nt. Local Storage, w trakcie których poznaliśmy podstawy JavaScript i mamy już ukończoną aplikację do zarządzania zadaniami, która działa w konsoli przeglądarki i przechowuje zadania w pamięci przeglądarki localStorage.

Jeśli z kolei zajrzałeś/aś tutaj z czystej ciekawości, to polecam zacząć od kursu JavaScript, ponieważ tutaj poznamy niezbędne podstawy języka HTML, by stworzyć prawdziwy interface dla JavaScriptowej aplikacji, którą już zbudowaliśmy w konsoli.

Niemniej jednak, możesz zacząć poznawać programowanie webowe od tego kursu i HTML (tak, jak radzi większość), jednakże stworzymy tutaj wyłącznie minimalistyczną statyczną stronę dla aplikacji. Potem będziesz musiał/a i tak powrócić do JavaScript, by ją ożywić, więc w pewnym momencie powstanie małoprzyjemna "dziura", w trakcie której będziesz opanowywał/a podstawy JSa...

Co zrobimy w niniejszym kursie i co dalej?

W niniejszym kursie dowiemy się, czym są oraz dodamy takie elementy UI, jak:

  • nagłówek <h1> - tytuł naszej aplikacji,
  • linia rozdzielająca <hr>,
  • lista <ul> + <li> wyświetlającą zadania,
  • przyciski usunięcia oraz dodania zadania.

Kiedy dobrniesz do końca tego kursu, przejdziemy do kolejnego kursu łączącego HTML i JavaScript za pomocą DOM, dzięki czemu powstanie prawdziwa interaktywna i działająca aplikacja z prawdziwego zdarzenia!

Happy Coding!