[Kurs programowania internetów] Lekcja 1: HTML, Javascript, CSS po łebkach

  1. Idź na stronę google
  2. Kliknij prawym na dowolny element strony
  3. Wybierz Zbadaj
  4. Wu-ala – możesz psuć stronę na której jesteś 🙂
  5. Ten dziwny tekst to HTML – język opisujący strukturę strony, którą oglądasz
    1. Przykładowo: <b>pogrubiony tekst</b> oznacza, że zobaczysz pogrubiony tekst
    2. Każda strona internetowa zawiera HTML. Pobaw się, popatrz, poklikaj.
    1. A to są style, czyli CSS.
    2. Zobacz, że wpisując color: red w element.style zmienisz kolor tekstu przycisku.
  6. Na górze narzędzi deweloperskich przełącz się na Console
    1. wpisz tam alert(„Jest Super!”) i naciśnij enter.
    2. Tym oto sposobem możesz wykonywać polecenia w języku Javascript
  7. HTML + CSS + Javascript to wszystko czego potrzebujesz do robienia stron i aplikacji internetowych
  8. Od tej pory będziemy montować nasze strony w JSBin – to taki serwis, gdzie wprowadzasz HTML, CSS i Javascript i masz podgląd na żywo.
    1. Sprawdź i oswój się.
    2. Większość kodu w sekcji HTML <head> powinna tam być.
    3. Treść strony znajduje się w tagu <body>
    4. Zobacz, że nowa linia w kodzie html, nie oznacza, że na stronie dostaniesz nową linię. Aby wymusić nową linię używasz tagu <br>
    5. Style CSS grupujemy w klasy (class), które możemy przypisać do różnych elementów w HTMLu

Część kursu programowanie dla znajomych

Komentarze

comments