Strona internetowa od zera. Cały kod HTML 1/4

[@cartuzoofficial8852]

nie sądziłem, że tak łatwo mi pójdzie z programowaniem mojej pierwszej strony. Zawsze uwielbiałem spędzać czas przed komputerem, ale nigdy nie robiłem nic sensownego. Postanowiłem nauczyć się programować i powiem Ci szczerze, że nie sądziłem, że tak łatwo mi pójdzie napisanie swojej "pierwszej strony" i co najważniejsze cieszy mnie to, że coś udało mi się stworzyć. Nie zapominam o tym, że udało mi się to zrobić z twoją pomocą, naprawdę mówisz prosto i zrozumiale, a to się liczy. Chyba zostanę na dłużej z programowaniem. ;) Fajna zabawa i chociaż czas spędziłem lepiej przed komputerem. Pozdrawiam

[@ArtGenerator]

Bardzo dobrze wykonany materiał. Wcześniej miałem okazję obejrzeć także ten od p. Mirosława Zelenta, ale od trzeciej części miałem problem z jego właściwym przyswojeniem. Tu o dziwo cały kod działa bezproblemowo i zrozumienie przychodzi łatwo a sam materiał ogląda się z przyjemnością.

[@pocian8974]

Dzięki ci, że będziesz to tłumaczył na przykładzie robienia gotowych stronek :) Można zobaczyć jak to wszystko działa a nie jak w niektórych kursach, strukture pokażą na przykłądzie kilku kolorowych prostokątów i weź to potem wykorzystaj :)

[@jewelofnile2424]

To jest podstawowy problem nauki z tymi wszystkimi tutorialami. Na szczęście jest Samuraj i Zelent.

[@Nevar]

tyle ze u zelenta w tutach nie ma nic o rtd i to trochę ssie

[@kontozastepcze20]

rtd? co to?

[@Ayotelic]

Świetnie wytłumaczone najlepszy i jedyny dobry poradnik jaki widziałem :) Pozdrawiam !

[@dominikbee2432]

Wielki szacunek za takie wyjaśnienie tego tematu w tak przystępny sposób. W gimnazjum zaliczyłem tworzenie stron w FrontPage (stworzenie i postawienie jej na serwer+ domena - mając lat 14-16 gdzie większość chłopaków lata w tym wieku za piłką) a potem w LO czysty HTML+ramki+tabele itd (i tworzenie stron na zaliczenie tematu z informatyki). Teraz do tego wracam za Twoim pośrednictwem Samuraj, wracam do korzeni, ale czuję że będzie coś mega. Robisz kapitalną robotę :)

[@SamurajProgramowania]

Dzięki Dominik. Powodzenia! :)

[@wpikua7300]

A pomozesz wrzucic strone na serwer?

[@tomaszgrzybek5914]

Jak myślicie? Czy można zrobić stronę internetową w zaledwie 10 minut? ⏱ Dzisiaj to wyzwanie zostanie podjęte. Zobaczymy, jaki będzie rezultat.🤔 kzbin.info/www/bejne/hqfdl4yHraxlf5Y

[@paweonorin2978]

będą również w późniejszej drodze poruszane podstawy javascript i JQuery, bardzo opornie mi to idzie, a Pan potrafi przekazywać w bardzo przystępny sposób wiedzę

[@SamurajProgramowania]

Paweł, jak najbardziej, jestem wielbicielem javascript a korzystam też z jquery :) W pierwszej kolejności chce jednak zrobić sporo materiałów o css (projekty)

[@Wlejstel]

Przerobiłam już cały kurs szybkiego wstępu, teraz jestem w trakcie tego. Świetnie tłumaczone! Póki co jestem zafascynowana pisaniem, oby tak już zostało. Czekam na kolejne i kolejne tutoriale :)

[@kamilsekowski4376]

to tak jak ja ;) pozdro

[@moniaw1399]

Genialne.Tego mi właśnie było trzeba, żeby zajarzyć o co w tym wszystkim chodzi.Jak to razem ze sobą skleić.W sumie banalnie proste.Nie moge doczekac sie CSS.Pozdrawiam serdecznie. Dziekuje za ten kanał i twoją prace i wysiłek, żeby kogos czegoś nauczyć, no ale też coś po sobie pozostawić! Zaczęła tworzyć się historia.

[@przemekczuba2004]

Jest to mój kolejny z filmów i codziennie przed spaniem zadaje sobie pytanie czy obejrzeć jeszcze jeden czy już iść spać 😀 masz dar , rewelacyjny głos i wszystko jest takie jasne . Poświęciłem tydzień po godzinie dziennie na oglądanie tej serii HTML od podstaw i w weekend postaram się zrobić pierwsza stronę dzięki tobie. Mega kanał naprawdę polecam .

[@patrick92]

Cieszę się, że tutaj trafiłem! Oglądałem już trochę tutów, ale Twoje są najlepsze. Dzięki, że poświęcasz na to swój prywatny czas. Szacuneczek.

[@marcinzdrojek]

Dzięki tobie będę miał szóstkę z informatyki :)

[@SshadowPL]

Bardzo interesująco,dokładnie i szybko wytłumczone. Chodź z HTML i CSS działam podczas edycji gotowych motywów stron np. w WordPress już od bardzo dawna, fajnie jest podszkolić się w tworzeniu wszystkiego samemu od podstaw. Dziękuję :)

[@Przemek_Wawrowski_Fotografia]

Powiem że jesteś Bogiem, dosłownie :) !!! Bardzo fajnie się Ciebie słucha, masz dar do przekazywania wiedzy i dzięki Tobie zainteresowałem się tym tematem bo wiem jak do tego podejść. Dzięki wielkie za konkretne uporządkowane materiały i rady, motywacja wzrasta z każdym dniem i mam nadzieję, że bedziesz kontynuował swoją pracę dla nas :D. Z góry bardzoooo dziekujemy za poświęcony czas. Suby są, polubienia są, przypomnienia o Twoich filmach również ;) pozdrawiam i kontynuuję naukę

[@SamurajProgramowania]

Dzięki Przemku! Powodzenia w nauce i wielu udanych projektów w przyszłości :)

[@elektron8362]

Ale mega baza wiedzy. Już jesteś moim idolem a jako motywacja powiedziałem sobie muszę za wszelką cenę być lepszy niż "Samuraj programowania"!!!Oczywiście nieosiągalne Pozdrawiam dziękuję i lecę do następnych filmików.

[@majkelmajkel6535]

SUPER!!!!Dzięki twoim poradnikiem nauczyłem się tworzyć strony,inni gadają gadają a ty pokoleniu powolutku tlumaczysz i to mi sie podoba!WIĘCEJ TAKICH PORADNIKÓW!😁😁😁😂😁😎

[@kogelmogel_55]

Super filmiki! Bardzo przyjemnie i bezstresowo przedstawione :)

[@daisyb.1996]

Dziękuję, idzie mi coraz lepiej! Strasznie się cieszę!

[@mayxaei]

Dziękuję panu bardzo! Świetnie pan tłumaczy i to dzięki panu ogarnęłam jak robić stronę html. Jeszcze raz bardzo dziękuję!

[@wlearn-is6tg]

Jedyna profesjonalnie nagrana seria (oprócz arduino)

[@lordbabinicz7272]

wszyscy : oglądają ja: robię 10 minutową pauzę na pobranie tego czegoś

[@ImZyto]

Super wszystko omówione, oglądam z zaciekawieniem i od razu przelewam to do Bracketsa. Dzięki za ten film!

[@dawidsikorski5639]

Dzięki, robisz naprawdę dobrą robotę! Oglądając te filmy z wdzięczności wyłączyłem nawet Adblocka, w razie gdyby miał być jakiś przychód z reklam :) W dzisiejszych czasach jest rzadko spotykanym zjawiskiem, szczególnie w Polsce. :) Pozdrawiam!

[@pnosix6828]

Dziękuję bardzo za pomoc dzięki panu mogę otworzyć business

[@michaljurowczyk]

Witam. Na wstępie chciałbym serdecznie podziękować że poświęca Pan swój czas na nauke innych.Startowałem już z wieloma kursami wideo jednak dopiero video zamieszczane przez pana mnie nie nużą i wręcz czekam na następne :) Chciałbym jedynie jeszcze zapytać się o jedną rzecz,która moim zdaniem jest dość istotna, w przyszłości być może nawet obowiązkowa. Chodzi mi o dodawanie "alt" do obrazków - róbmy to nie tylko pod wyszukiwarke internetowa i gdy obrazek nie moze sie zaladowac, obecnie "alt" jest ważny ze względu na czytniki ekranowe i ułatwienie dostępu do stron dla osób niewidomych. Myśle że warto o tym wspomnieć aby przy tworzeniu opisów obrazków zwracać uwagę aby opis "alt" był nieco bardziej treściwy i nie ograniczał sie np do słowa "logo","zdjęcie" itp. ;) PS. Życzę wytrwałości, zarówno Tobie Samuraju, aby codzienne sprawy nie pochłonęły Cie na tyle żebyś zwolnił tempo, jak i nam, uczniom aby udało się zacisnąć zęby i dać radę znaleźć te 20godzin tygodniowo i mieć ogromną satysfakcje z efektów juz za kilka miesięcy:)

[@SamurajProgramowania]

Dzięki, świetna uwaga, wspomnę o tym.

[@mateuszpilarczyk1290]

a wiesz dlaczego ...? Bo to humanista jest :)

[@PawelH89]

Super film, super inicjatywa! Wszystko jasno i czytelnie!

[@Ghostbuster102]

Bardzo dobry odcinek. Udało mi się wszystko szybko i łatwo wykonać, chociaż wątek ze wstawianiem ikonek w sekcji jest dla mnie słabo wytłumaczony, ale to tak jakbym miał się czegoś czepiać.

[@SamurajProgramowania]

Dzięki za komentarz, możliwe że zbyt powierzchownie pojechałem z tym tematem :/ Może kiedyś jeszcze wrócę przy okazji obrazków i meta na facebooka i innych elementów graficznych umieszczanych w headzie.

[@grzechumoto1261]

przydało sie i 2022 roku. Dzięki wielkie!!

[@ernestpiotr6721]

Kolejny super odcinek! Dziękuję ;)

[@alfowicz9518]

powiem ci że jesteś zajebisty :D szukałem wiele poradników i tutoriali w necie ale żadnego nie rozumiałem i nagle w polecanych zobaczyłem twój kanał i teraz po trochu wszystko zaczynam ogarniać :)

[@g0od1114]

gościu jesteś szefem. wszystko fajnie prosto tłumaczysz.

[@123456Thinker]

Dzięki, super filmik, wszystko ładnie wytłumaczone. Używam tych poradników żeby zrobić projekt do szkoły i powiem że polecam!

[@tojm1897]

Bardzo dziękuje za taką serię!

[@SuperGrom11]

Zajebisty poradnik. Polecam

[@jakubkrain7490]

super film szczególnie za to że pokazałem to pani na informatyce i dostałem 6. Ale ogólnie mega

[@kontozastepcze20]

Hej, świetne filmy. Polecam wtyczkę do Bracketsa "emmet" - np. po wpisaniu "html:5" do pustego dokumentu i wcisnieciu taba, tworzy nam "podstawę strony"

[@Kss_404]

super ziomek fajnie właśnie robię stronkę na której będę opublikował artykuły napisane prze zemnie i mega pomogłeś wyszło mi identycznie oczywiście inne zd i tekst ale tak to git jest

[@drxish]

Z niecierpliwością czekam na więcej!

[@xtvanx6325]

Dzięki Panu uda mi się zaliczyć informatykę

[@nikon3813]

Bardzo dobrze :). Dobrze tłumaczysz. polecam!

[@Loczek-lm4bj]

kocham ten materiał!

[@vipekpog4777]

super film

[@jakubkot7990]

Bardzo fajny kurs. Polecam innym! 👍👍👍👍👍👍👍👍

[@mairon8372]

w końcu ktoś kto normalnie tłumaczy a nie jak ta baba z informatyki

[@LukaszSkyWalker]

Dzięki za mega wiedzę!!

[@slima_ak]

Jesteś super :D Bardzo mi pomogłeś!

[@justynafront-end3126]

Super :) Jestem zadowolona

[@timothee8147]

zajebisty samuraj, duzo sie dowiedzialem, dalej nic nie wiem

[@arkadiuszkrzywda1773]

Poprostu dziekuje!

[@_ja.kubix.shorts]

Pomocy!! Obraz z osobą mi się nie wyświetla ale zapisałem poprawnie wszystko!!

[@TheBeater0]

Pisanie kodu w head odnośnie faveicon nie jest koniecznie. A tego się już nawet nie robi :) Wystarczy dodać sam plik ikonki o pełnej nazwie i przeglądarka sama go wczytuje bez kodu :) Również wrapper nie powinien być przypisany do ID tylko do class :) (tak wychodzi ze wzorców projektowych i ogólnej zasady) A tak materiał bardzo dobry :)

[@diablo4411]

Łapa w górę leci

[@bartekzyczynski3756]

Hej. Czy dobrze rozumiem, że nowy znacznik ma domyślne ustawianie elementów w wierszu, a nie pod sobą? Pozdrawiam.

[@michalphs123]

"a" jest znacznikiem liniowym, a zgodnie z tym co powiedział Samuraj zajmuje on tyle miejsca ile potrzebuje, więc stąd on układa się jeden obok drugiego a nie pod sobą, wystarczy że wrzucisz to do listy COS to będzie układany jeden pod drugim.

[@SamurajProgramowania]

Bartek, to jak się ustawiają elementy wewnątrz zależy od tego jakie to są elementy a nie od samego . Nav jest blokowy i zajmuje 100% miejsca (wiec menu ma szerokość 100% i element będzie poniżej a nie obok), ale , które są w nav są już są liniowe, a wiec każdy element menu będzie ustawiał się obok siebie i będzie zajmował tyle miejsca ile potrzebuje (co w praktyce naszej strony na tym etapie oznacza, że dużo miejsca po prawej wydaje się puste). Jeśli zrobisz tak jak Michał albo elementy wezmiesz w czyli Pozycja1 itd. to będą domyślnie pod sobą. Dodam, że w stylach css wszystko to powywracamy ;)

[@bartekzyczynski3756]

Ach, no tak! Teraz wszystko jasne, dzięki za odpowiedz.

[@gregorplo4119]

Dobry wpis Samuraju. Twoje wyjaśnienie poukładało mi wiedzę o podstawach niektórych elementów: blokowe vs liniowe. Teraz będzie łatwiej modyfikować je w CSS wiedząc jak i gdzie się umiejscawiają i ile zajmują miejsca w stanie tzw. "surowym". BTW fantastyczny tutorial o praktycznym używaniu HTML/CSS. Widziałem wykład o podstawach, w poprzednich video. Teraz łatwiej to zrozumieć na przykładzie strony z powyższej lekcji. Wielki szacunek dla Ciebie, że dzielisz się wiedzą! Tak jak poprzednicy czekam na JS/JQuery bo to jest "to co tygryski lubią najbardziej ale nie zawsze wiedzą jak ;-)".

[@froxtrendy4932]

dziękuje za naukę przyda się :)

[@MATEII]

super filmik zrobiłem wszystko ok i przechodzę do kolejnego

[@miosznowicki5188]

Cześć, chciałbym Ci powiedzieć że uratowałeś mi życie! Miałem wiedzę 0 na temat html. Mimo to w jeden dzień z tobą zrobiłem 6 stron internetowych! Bardzo przyjemnie się ogląda. Wszystko zrozumiałe, muzyka na idealnym poziomie umila naukę. DZIĘKUJĘ BARDZO ZA POŚWIĘCONY CZAS NA TEN PORADNIK! Dokładnie takiego czegoś szukałem.

[@krzook5408]

SUPER!!

[@urkaandhorses7469]

mega pomoc dzieki wielkieeeeee

[@witekkiwior1658]

Zajebista sprawa :D czekam na więcej

[@harmonia3438]

dziękuję!!!

[@langley9521]

Bardzo dobry materiał

[@zdzisiutaranaga4538]

Bardzo dobry tutorial

[@michakwiatek134]

Super odcinek :D

[@Natimir971]

Cześć, dziękuję bardzo za ten film, który mi bardzo pomógł w tworzeniu strony internetowej, mam tylko pytanie jakie wymiary ma obrazek programisty?

[@claytonmoorawa9512]

Trzeba sobie przypomnieć przed MegaK :D

[@SamurajProgramowania]

dokładnie :D

[@grezio2694]

A ja cały dzień czekałem :D

[@SamurajProgramowania]

Żona kazała sprzątać, więc mogłem ogarnąć temat dopiero po południu ;)

[@karolborowiecki3595]

Proponuję , listę kolejkową do sprzątania , Aby nasz Samuraj mógł skupić się na tym co ważne - czyli materiały dla nas :) cały Piątek i Sobotę klikałem na YT czy to już !!!

[@kubanosta]

Popieram incjatywe listy kolejkowej :). Ja rowniez wyczekuje niecierpliwie kazdego nowego odcinka. "Samuraju"....swietna robota. Fajnie ze sa ludzie tacy jak Ty, ktorzy maja checi dzielic sie swoja wiedza.

[@jacek7867]

👍

[@diablo4411]

Dzięki stary

[@24dref24]

Dzięki!!!!

[@perun7_1]

wszystko pięknie wyjaśnione, tylko w jaki sposób tworzę link mojej strony?

[@manoxevonix7687]

dzięki wielkie :3

[@mariuszmuszynski6518]

Materiał b. dobry :) Polecam !!! Szkoda, że link z materiałami nie działa :(

[@kolwix5177]

Kox

[@_manasikara]

Przydalo by sie jakies info dla poczatkujaceych odnosnie edytora, ktorego uzywasz oraz jego konfiguracji. Dzieki za material.

[@kubafroehlich3313]

Z jakich rozszerzeń korzystasz w Bracketsie? :)

[@SeedorDK]

Nie działa link do paczki z plikami strony :(

[@Marcover4831]

perfect nice

[@tymoteuszkiepura791]

Serdeczne dzięki!

[@tomasz8753]

Witam. Bardzo przydatny materiał, który na pewno się przyda. Mam pytanie (nie wiem czy już gdzieś to już zrobiłeś) czy mógłbyś zrobić tutorial jak zrobić stronę internetową podobną do tej, ale także dać nawigacje po lewej/prawej stronie? Możliwe, że sam bym zrobił, ale chciałbym zobaczyć jak to by ekspert zrobił :)

[@Logo_Rytmika]

Jak dodać formularz kontaktowy , a w zasadzie formularz kontaktowy mam dodany tylko niestety jak próbuje wysłać e-maila próbnego pisze mi , że strona nie istnieje. A jeszcze mam pytanie jedno ? A mianowicie chodzi mi o to dlaczego mam mam 4 zakładki : o mnie, oferta, harmonogram i kontakt , dlatego one mi nie przechodzą płynnie, tylko muszę np. na cisnac na " o mnie " i dopiero na "harmonogram" i tak samo jest z "kontaktem" bo z "ofertą nie ma problemu. Bardzo proszę o pomoc. Po obejrzeniu Pana filmików stworzyłam swoją stronę internetową:) Materiały były bardzo przydatne. Dziękuje bardzo. Pozdrawiam

[@kamilsekowski4376]

Robiłem tak samo ja Ty a struktura body w zbadaj element u mnie skąpa jest nie ma tych elementów struktury body co u Ciebie. Może dlatego że korzystam z chrome i nie wyświetla tych wierszy, ale strona "działa" i wygląda tak samo ;)

[@djadi2729]

Mam pytanie @ SamurajProgramowania jak chodzi o ten kod to np mogę zrobić w Visual studio w programie do kodowania czy moja strona będzie działać jak użyje innego programu niż pan?

[@arbuzioarbuzowy--397]

pasja informatyki lepiej tłumaczy bez urazy... ...ale like zostawie

[@SamurajProgramowania]

'Pasja informatyki' super tłumaczy :)

[@arbuzioarbuzowy--397]

@@SamurajProgramowania "Pasja informatyki" zajebiście tłumaczy xd

[@pawesolarski6805]

Super odcinek przerzucam sie na drugi ;]

[@lewbogdan]

Witaj Samuraju :D Chciałby podziękować za Twoją wspaniałą pracę jaką tu wykonujesz, jestem całkowicie zielony w tym temacie ale dzięki Tobie naprawdę z dnia na dzień coraz lepiej to rozumiem i nie jest już to dla mnie czarna magia. Naprawdę świetna praca dzięki której uczę się z ogromną przyjemnością :) Mam też pytanie dlaczego nie mogę na mojej stronce zamieścić każdego filmika z yt? Część z nich które chciałem zamieścić i odtworzyć na mojej stronie nie chcę się odpalić, pisze, że plik niedostępny a np. te filmiki 10h godzinne działają bez problemu? Co jest tego przyczyną? Wszystko robiłem tak jak Ty na swoim filmie :) Dziękuję i pozdrawiam serdecznie ;)

[@MsBlackbelladonna]

Nie działa link z materiałami do pobrania :(

[@KatiaInZen]

Jak zwykle rewelacja :) mam przy okazji pytanie: czy każdy może na swojej stronie umieszczać odnośnik do yt? nie ma w tym obostrzeń prawnych? I jakbyś mógł podać źródło obrazków, które możemy bezpiecznie wrzucać na swoją stronę...

[@OchronaSprawiedliwość]

witam, czy robiąc storne www w html jest problem z dopisywaniem treści w trakcie prowadzenia strony, w tym dodawaniu krótkich filmików i fotek?

[@jacekbykowski7590]

Super kurs !!! Czy ktos z tutaj obecnych jak i sam kierownik produkcji mial problem z wyswietlaniem na zywo w google chrome obrazkow , wpisuje poprawna sciezke w brackets gdzie po najechaniu kursorem podglad zjdjecia dziala , a juz po wcisnieciu skrotu klawiszowego ctr+alt+p ( podglad w chrome na zywo ) pokazuje wszsytkie przyciski a zdjec brak :(

[@czvrnyy]

Lodomir lubi programować, Lodomir lubi Samurajów

[@maciejmaek4242]

Nasza pierwsza strona internetowa Taką stronę jesteś w stanie napisać z palca w godzinę (może dwie) po kilku tygodniach nauki. Pomyśl, co będziesz w stanie zrobić po kilku miesiacach :) Ta strona jest prosta, ale zgodna ze standardami html5 i css3. Można ją oczywiście rozbudować i upiększyć, co też zrobimy w odcinku bonusowym (trzecim). Można też napisać ją zupełnie inaczej i uzyskać ten sam efekt. Dróg do celu jest wiele i nie zawsze jest lepsza czy gorsza. Nauka tworzenia stron to eksperymentowanie. Częściej coś działa niż nie działa. Niech Cię to nie irytuje tylko bawi :)

[@buldi4294]

Cześć. Super seria. Mam pytanie na które nie mogę znaleźć odpowiedzi... Dlaczego Brackets ciągle przenosi mi linie w prawo, po napisaniu headera ze zdjeciem i przejsciu do nastepnej linijki przenosi mi kursor na środek strony, trzeba w kazdej linijce spacja kasować przestrzeń. Da się to jakos zmienic w ustawieniach?

[@damiantucznio]

Witam. Mam pytanie odnośnie div-a wrapper, a mianowicie jak się go stosuje w przypadku gdy nagłówek główny strony występuje na całej szerokość strony, natomiast pozostała cześć strony jest już węższa i zajmuje dajmy na to 80% jej szerokości. Czy pozostałą część strony zamykamy w innym kontenerze tego typu? Jakie rozwiązanie jest najbardziej praktyczne?

[@weeeeeeeeeeeeed]

26:53 Jak to zrobić teraz? Po zmianie wyglądu youtube nie ma takiej opcji ; /

[@esprius3142]

Znalazłem rozwiązanie. Naciskasz ppm na filmie i jest tam opcja "Skopiuj kod do umieszczenia na stronie". wystarczy zmienić wielkość :)

[@n0rdi89]

Witam, w jaki sposób podczas tworzenia head tak szybko kopiujesz różne elementy? Masz każdy z nich pod innym skrótem klawiszowym ?

[@Gagatonicica]

Paczka z plikami spadła z rowerka :(

[@heloworld9507]

Witam Świetne kurs, mam pytanie do ludzi co oglądają tą serię od początku? Ile lekcji oglądacie na raz, powiedzmy jednego dnia? (pytanie do ludzi zielonych i zaczynających przygodę z programowaniem czyli takich jak ja)

[@seiran979]

Nie jestem zielony, ale 4 minimum.

[@kula6527]

Fajna nazwa stary

[@jonaszryl6923]

do czego służy href="#" w ?

[@jonaszryl6923]

o już się domyśliłem - zamiast linka, który byśmy tam wstawili :)

[@filip1537]

3:22 no możemy już zacząć