Rzuć wszystko co robisz i naucz się w końcu HTMLa

naucz się w końcu HTMLa

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.

 

Jak pisać teksty na bloga, które pokocha Twój czytelnik
Dołącz do newslettera! Otrzymasz bezpłatnego PDFa na temat tworzenia treści na bloga. Raz na jakiś czas wyślę Ci także powiadomienie o nowym wpisie.