HTML to coś, z czym masz do czynienia na co dzień. No chyba, że postanowiłeś rzucić wszystko i wyjechać w Bieszczady, albo gdziekolwiek, gdzie nie ma WIFI. HTML (dla tych, co nie wiedzą) to hipertekstowy język znaczników – używa się go do tworzenia dokumentów hipertekstowych, czyli takich, w których występują odwołania (linki) do innych dokumentów lub miejsc. Na pierwszy rzut oka brzmi skomplikowanie. Ale w rzeczywistości HTML jest prosty. Jeśli nie nauczyli Cię go w szkole (tak jak mnie) i jeszcze go nie znasz – rzuć to, co teraz robisz i naucz się w końcu HTMLa! Wg mnie jego znajomość jest tak samo niezbędna w życiu zawodowym, jak znajomość angielskiego. To uniwersalny język, którym mówi nasz świat – świat biznesu i internetu. Znajomość HTMLa pozwala na nieco lepsze zrozumienie otaczającej nas, cyfrowej rzeczywistości.
Dlaczego warto uczyć się HTMLa?
- HTML jest dość prosty, łatwo i szybko można się go nauczyć
- jest idealnym wstępem do nauki programowania (patrz punkt 1). Biorąc się od razu za trudniejsze technologie możesz szybciej się zniechęcić
- każda zdobyta kompetencja z dziedziny IT daje Ci lepsze zrozumienie cyfrowego świata
- masz większą swobodę twórczą, np. jeśli prowadzisz bloga. HTML w połączeniu z CSS-em daje Ci duże możliwości jeśli chodzi o tworzenie własnych stron internetowych i dopasowywania gotowych motywów, np. w WordPressie. CSS to kaskadowe arkusze stylu, które odpowiadają za ładniejszy wygląd dokumentów w HTMLu
- zwiększysz swoje kompetencje i tym samym szanse na rynku pracy
- uczenie się nowych rzeczy jest generalnie dobre dla Ciebie i Twojego mózgu. Jeśli chcesz się rozwijać, zamiast stać w miejscu – warto uczyć się nowych rzeczy
- dzięki nowym umiejętnościom zwiększysz pewność siebie i uwierzysz w swoje możliwości
- powinieneś nauczyć się HTMLa/CSSa zwłaszcza, jeśli jesteś humanistą/humanistką i nie miałeś/aś nigdy styczności z IT. Wychodzenie poza strefę komfortu jest może frazesem, ale to naprawdę działa. Pisałam o tym jakiś czas temu we wpisie Humanistka robi internety czy marnuje czas?
Jak nauczyć się HTMLa
Mam dobrą wiadomość. Nie potrzebujesz żadnego zaawansowanego sprzętu czy oprogramowania – od biedy możesz stworzyć dokument HTML na swoim starym laptopie, w zwykłym notatniku. Są oczywiście specjalne programy do pisania kodu, i ja polecam ci notepad++ lub Sublime Text. Ja używam tego drugiego, bo ma wg mnie bardziej nowoczesny, przyjemny wygląd. Program koloruje składnię i zaznacza błędy. Koloruje składnię, czyli pomaga odróżnić od siebie elementy należące do tych samych grup. Czasami podpowiada, co wpisać – dlatego warto używać go podczas nauki. Paradoksalnie w zwykłym notatniku lepiej poradzą sobie bardziej doświadczone osoby. Oba programy są bezpłatne, dostępne na Windowsa i Maca.
Jak zacząć?
Otwierasz nowy dokument w notatniku lub innym edytorze, i na samej górze wpisujesz: <!DOCTYPE html>. Plik powinien składać się z dwóch sekcji: head i body. W head wpisujesz elementy, które nie będą widoczne z poziomu przeglądarki. To taka bardziej techniczna część. Z kolei w body znajdzie się treść wyświetlana dla użytkownika. Wpisujesz treść wewnątrz wybranych znaczników, np. <h3>Cześć</h3>, zapisujesz plik z rozszerzeniem .html (np. index.html), a następnie plik otwierasz za pomocą swojej ulubionej przeglądarki internetowej. I już! To tak łatwe.
Jeśli chcesz jednocześnie uczyć się CSSa i pracować nad pięknym wyglądem swojej strony, najlepiej stworzyć plik z rozszerzeniem .css (np style.css) i połączyć go z plikiem .html. Robi się to umieszczając odpowiedni kod w sekcji head pliku .html. Może to wyglądać tak:
W przykładzie powyżej plik style.css znajduje się w osobnym folderze o nazwie css (stąd zapis css/style.css). Pamiętaj, że kiedy w pliku .html odwołujesz się do zewnętrznego elementu (np. inny plik lub grafika) musisz bardzo dokładnie wskazać, gdzie on się znajduje. Komputery nie są aż tak mądre :)
Świetnym sposobem na naukę HTMLa i CSSa jest wziąć dowolną stronę internetową i spróbować odtworzyć jej wygląd (pomijając elementy dynamiczne, jak np. slidery czy animacje) w samym tylko HTMLu i CSSie.
Do nauki HTMLa i CSSa nie potrzebujesz drogich książek i płatnych kursów, są tak proste. Podstawy HTMLa/CCSa znajdziesz na w3schools. Bardzo przydatną stroną jest codecademy – możesz wykonać kilka prostych ćwiczeń, które pomagają w utrwalaniu wiedzy. Ze strony bardzo przyjemnie się korzysta – nawigacja jest intuicyjna, a polecenia czytelne.
Możesz też oczywiście wziąć udział w bezpłatnych warsztatach, które organizowane są w wielu miastach w Polsce. Przewagą takich warsztatów nad samodzielną nauką jest na pewno możliwość porozmawiania z osobą prowadzącą, zadanie pytania, podzielenie się wątpliwościami itp. Bezpłatne warsztaty organizowane przez Coders Lab w najbliższym czasie odbywają się w Katowicach, Poznaniu, Gdańsku, Łodzi, Krakowie, Warszawie i Wrocławiu. Dużo fajnych szkoleń i spotkań znajdziecie na stronie Crossweb. Możesz też rzucić okiem na mój artykuł pt. 16 miejsc, w których nauczysz się robić internety. Tych miejsc powstaje coraz więcej – pewnie teraz lista byłaby nieco dłuższa.
Jeśli myślisz o nauce programowania – zacznij od HTMLa. Jeśli nie myślisz o nauce programowania – i tak się go naucz. Warto go znać z wielu różnych powodów, których tylko część tutaj opisałam. Jestem pewna, że znajdziesz swoje własne. Możesz podzielić się nimi w komentarzach. Napisz też, jeśli znasz inne fajne miejsca czy sposoby na naukę HTMLa.