HTML - podstawy w 1h

Поделиться
HTML-код
  • Опубликовано: 2 авг 2024
  • 🔥 Roadmapa programisty - Czego, kiedy i dlaczego się uczyć, żeby zostać programistą: roadmapaprogramisty.pl/
    🔥 Programista dzisiaj - Sprawdzone źródła do nauki dla początkujących programistów: programistadzisiaj.pl/
    🔥 Rekrutacja programisty - Jak pokonać konkurencję i zdobyć pracę w branży IT: rekrutacjaprogramisty.pl/
    🔥 Kurs Git od podstaw: gitodpodstaw.pl/
    🔥 Zapisz się do mailingu Java od podstaw i odbierz bezpłatnego ebooka "7 kroków do zostania programistą Java" (+ kilka innych bonusów): www.javaodpodstaw.pl/ 🔥
    Dołącz też tutaj:
    DISCORD: www.jaknauczycsieprogramowani...
    INSTAGRAM: / jaknauczycsieprogramow...
    FACEBOOK (GRUPA): / jaknauczycsieprogramow...
    FACEBOOK (STRONA): / jaknauczycsieprogramow...
    ✉️ Kontakt: kamil@jaknauczycsieprogramowania.pl
    00:00 Każdy musi znać HTML!
    01:32 Czy HTML to język programowania?
    03:43 Do nauki HTML nie potrzebujesz żadnych narzędzi
    05:01 Dlaczego każdy programista powinien znac HTML?
    06:19 Zaglądamy w źródło strony
    08:28 Wszystkie znaczniki HTML
    09:16 Czym tak naprawdę są znaczniki?
    12:53 Tworzymy pierwszą stronę
    16:16 Instalujemy i uruchamiamy Visual Studio Code
    18:07 Tworzymy strukturę strony
    20:28 Instalujemy Live Server
    22:26 Po co mamy plik index.html?
    23:28 Walidowanie strony
    26:10 Wyświetlanie tesktu - nagłówki
    27:47 Znaczenie znaczników na przykładzie tagów b i strong
    32:33 Wyświetlamy obrazy w HTML
    35:21 Tworzymy nowe akapity i dodajemy odnośniki
    39:31 Listy
    43:40 Tabele
    46:00 Podstawy CSS
    50:45 Zmieniamy właściwości obrazka
    53:09 Umieszczamy stronę w internecie
  • РазвлеченияРазвлечения

Комментарии • 56

  • @matimozg
    @matimozg 9 месяцев назад +3

    Nie widziałem nigdy lepszego wprowadzenia do html-a! Świetnie i zrozumiale.

  • @jasiu3091
    @jasiu3091 7 месяцев назад

    Szanuję, dziękuję.

  • @kitkac_
    @kitkac_ 9 месяцев назад

    Super filmik! Wszystko zrozumiale wytłumaczone. Mam nadzieje,
    że kanał będzie się dalej rozwijał 🤗

  • @konradxmalinowski
    @konradxmalinowski 11 месяцев назад +1

    Jak zawsze super film! 🔥

  • @BedWarsPlayer_BG
    @BedWarsPlayer_BG 3 месяца назад

    17:50 w wtyczkach mozemy w windossie zastosować "Live Preview" i kliknąć prawym i "Short Preview"

  • @AA-gf6kz
    @AA-gf6kz 8 месяцев назад +2

    Uczę się html od 8 dni. Niby ogarniam znaczmiki, a jednak metafora z człowiekiem do mnie przemówiła :) można powiedzieć, że połączyła luźne koraliki w naszyjnik. Obrazowe, łatwo zapamiętać, pomogło. Oglądam twoj kanał od kilku dni i wiem już że html to nie programowanie... a taki byłem dumny, że to takie łatwe 😂 pozdrowienia dla szanownej małżonki, szkoda że moja mnie tak nie wspiera... doceniaj! :)

  • @aztekiumbot5189
    @aztekiumbot5189 11 месяцев назад +2

    Na pewno obejrzę. Na pewno znajdę kilka elementów, o których nie miałem pojęcia.

  • @_I_like_kebeb
    @_I_like_kebeb 8 месяцев назад +1

    przed nauką programowania trochę liznąłem html a potem całkiem go olałem, teraz gdy doszedłem do tworzenia warstwy wizualnej aplikacji na podstawie tego co wyciągam z bazy danych muszę stworzyć z pomocą szablonu np Thymeleafa tabelę pracowników gdzie trzeba ogarniać podstawy html i na szczęście zrobiłeś o tym film :DD

    • @asap9246
      @asap9246 4 месяца назад

      ja to samo XD

  • @Coacem
    @Coacem 11 месяцев назад +4

    Nie wierzę 😆4 dni temu zacząłem kurs flaskai i zaczął mi doskwierać brak dobrej znajomości HTML. A tutaj w subskrypcjach pojawia się świeży materiał właśnie z HTML. Coś pięknego

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  11 месяцев назад +1

      Mega! Tutaj co prawda znajdziesz jedynie podstawy, ale na start to idealny materiał 🔥

    • @u3aR6sAw9M4q
      @u3aR6sAw9M4q 9 месяцев назад

      Jestem tu z tego samego powodu co Ty :D jak tam nauka flaska, idzie teraz lepiej?

  • @konradp921
    @konradp921 10 месяцев назад +4

    zrób odcinek z CSS-a ! koniecznie, bo naprawdę dobrze to tłumaczysz.

  • @st4cchu1
    @st4cchu1 10 месяцев назад

    Bardzo underrated film

  • @brzezinska_motywuje
    @brzezinska_motywuje 11 месяцев назад +3

    Super mężu! ❤

  • @Rudzix66
    @Rudzix66 11 месяцев назад +2

    No to teraz jeszcze aktualizacja filmu "javascript w 60 minut" czy jakoś tak i kanał powraca na frontend!

  • @777marcell
    @777marcell 11 месяцев назад +2

    Jeszcze CSS hahah!! ale dziękuje za film

  • @czokolate33
    @czokolate33 10 месяцев назад

    ujmę to tak wszystko dobrze jest wytłumaczone sam się uczę i ogólnie ale zauważyłem że już na początku czasem jest błąd ponieważ przy zamykaniu danej komendy "/" powinno być przed danym zdaniem ale tak ogólnie to spoko filmik. miłego dnia.

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  10 месяцев назад

      W którym miejscu jest błąd?

    • @czokolate33
      @czokolate33 10 месяцев назад

      @@JakNauczycSieProgramowania gdy robił pan wersję z człowiekiem czasem ukośnik był przed słowem a czasami za słowem co wprowadzało w błąd osoby które dopiero się uczą

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  10 месяцев назад

      @@czokolate33Tak, ale to nie jest błąd.
      W przypadku znaczników podwójnych (czyli tych znaczników, które otwierasz i zamykasz) ukośnik stawiasz przed słowem, natomiast w przypadku znaczników pojedynczych ukośnik stawiasz za słowem.
      Dlatego mamy (ukośnik przed słowem html) oraz (ukośnik po br) i analogicznie wygląda to w przykładzie z człowiekiem.

    • @czokolate33
      @czokolate33 10 месяцев назад

      @@JakNauczycSieProgramowania a okej... przepraszam w takim razie

  • @agnieszkakowalska9800
    @agnieszkakowalska9800 5 месяцев назад

    Ja zadam pewnie głupie pytania,za co przepraszam ale planuje się przebranżowić, szukam swojego miejsca,a posiadając umiejętności np jak tutaj co do programowania w Javie to o jaką pracę można się ubiegać? Ewentualnie jaki program jeszcze warto opanować aby można było myśleć o wysyłaniu CV do firm?

  • @kamilek2530
    @kamilek2530 11 месяцев назад

    Pozdrawiam, super odcinek 🥰🥰
    P.S. A czapka nie jest wyżej umiejscowiona na ciele niż spodnie? 😂😂😂

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  11 месяцев назад +2

      Ale zazwyczaj najpierw zakładamy spodnie 😂
      Dzięki! 👊

    • @kamilek2530
      @kamilek2530 11 месяцев назад

      @@JakNauczycSieProgramowania 😂😂😂

  • @keensinn
    @keensinn 9 месяцев назад

    Cześć! Mega pomocny filmik! Bardzo poprosiłbym Ciebie o info, jak tworzysz te pliki na macu, tam gdzie jest new file (ja nie mam tej opcji). Googolowalem kilka godzin i nic nie znalazłem :/

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  9 месяцев назад

      To zewnętrzna appka: apps.apple.com/pl/app/new-file-menu/id1064959555?l=pl&mt=12
      Kosztuje 10 dolarów, ale były to jedne z najlepiej wydanych 10 dolarów w życiu;)

    • @keensinn
      @keensinn 9 месяцев назад

      Kupiłem, wielkie dzięki! Cieszę się bardzo, że podzieliłeś się tą tajemna apką!

  • @KingDrond-ny6xn
    @KingDrond-ny6xn 2 месяца назад

    Niewiem czemu ale jak zrobiłem to co na filmie to miałem całyczas ten błąd i ostrzerzenie.:( Ale wogulę to super film!:)

  • @xschvy999
    @xschvy999 11 месяцев назад +1

    Czekam na CSS :D

  • @albertooo3984
    @albertooo3984 11 месяцев назад

    A czy nagra Pan poradnik jak stworzyć serwis internetowy typu imageboard, gdzie ludzi mogliby postować?

  • @rafat7225
    @rafat7225 11 месяцев назад

    Co do pokazania nazwy plików w Windows 11, można jeszcze wejsć w eksploratorze w (górna belka): Wyświetl>Pokaż>Rozszerzenia nazwy plików.

  • @-CosmoCode
    @-CosmoCode 8 месяцев назад +1

    48:23 Czy ten sposób też jest poprawny??
    p, li {
    font-size: 30px;
    }
    Ja po prostu zrobiłem że "body {}" ma mieć czcionkę 30px i też działa

  • @autoczescimerz
    @autoczescimerz 6 месяцев назад

    ale brakuje napisy :(

  • @23Marrio
    @23Marrio 11 месяцев назад

    Mam to wszystko w jednym palcu o czym mówisz ale mimo tego i tak nie mogę znaleźć pracy bo nie mam doświadczenia 😅😅😅

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  11 месяцев назад

      A na jakie stanowisko aplikujesz i jakie technologie znasz? Bo sam HTML to jedynie podstawa i punkt wyjścia do dalszej nauki.

    • @23Marrio
      @23Marrio 11 месяцев назад

      @@JakNauczycSieProgramowania tzn znam HTML CSS Python wordpress obecnie odbywam staż, "zdalnie" gdzie nie jest to dobra forma nauki uczę się dalej we własnym zakresie i będę składał cv pod koniec stażu

    • @23Marrio
      @23Marrio 11 месяцев назад

      Nie mam studiów posiadam egzamin inf 02 a teraz od września chciałbym dokończyć inf 03

    • @user115-b8x
      @user115-b8x 11 месяцев назад

      @@23Marrio z całym szacunkiem ale skoro dopiero będziesz składał cv to niema się co dziwić, że nie znalazłeś pracy. Jeżeli byś chciał pójść we frontend to znajomość javascriptu to podstawa a tego ci brakuje no chyba, że chcesz robić coś innego...

    • @23Marrio
      @23Marrio 11 месяцев назад

      @@user115-b8x składałem już wcześniej i nic z tego po prostu w Polsce mamy przekonanie że trzeba mieć 20 lat i 30 lat doświadczenia w tym co robisz

  • @ProgramistaPelnoekranowy
    @ProgramistaPelnoekranowy 11 месяцев назад

    Moim zdaniem stwierdzenia, że każdy coś powinien są dość niebezpieczne.

  • @Jakub-cz2iy
    @Jakub-cz2iy 11 месяцев назад

    Po co mi html jako mobile dev? Nie to, że mamrocze bo go nie umiem czy coś - wcześniej siedziałem w web devie, nie jest to przydatne a tym bardziej niezbędne dla każdej ścieżki tak jak to określiłeś.

    • @JakNauczycSieProgramowania
      @JakNauczycSieProgramowania  11 месяцев назад

      Dla mnie podstawy HTML to wiedza ogólna, taka sama jak podstawy sieci komputerowych, SQL, REST API czy znajomość konsoli uniksowej. I uważam, że każdy programista - bez względu na specjalizację - powinien te podstawy znać.