Kurs HTML odc. 4: Listy, automatyczne przewijanie strony

[@Zbychubos]

Dziękuje za wszystkie poradniki, do wszystkich języków, które zrobiłeś. Tak kompleksowych wykładów za darmo ze świecą szukać na Internecie. Dodatkowo cieszy mnie fakt, że na każdym filmie słychać radość, jaką daje ci kodowanie i to jest super.

[@kluseczkowaty]

Matko Przenajdroższa. Czy da się lepiej rozpocząć dzień niż zobaczyć nowy odcinek u P. Mirosława? Jeszcze z HTML'a

[@stary8929]

I ten nick "Klucha"

[@katarzynaniepowiem2242]

Panie Mirosławie, siadam wieczorami do nauki przy Pana filmikach, ucze sie wszyskiego od zera, nie bylam pewna czy to ogarne, ale z Panem to jest czysta przyjemność, ciesze sie kazda chwila tej nauki, dziekuje za caly poswiecony czas ! ❤

[@szalonamarusia9144]

Panie Mirosławie, wspaniale dzieli się Pan wiedzą. W dodatku bezinteresownie, w dobie czasów gdzie ciężko znaleźć takich filantropów.

[@justynastarzec2087]

W koncu zrozumiałam jak tworzyć listy zagnieżdzone i nie tylko. Niesamowicie interesujący i przydatny kurs.

[@shikamaru4271]

Jest pan najlepszym, co może spotkać młodego człowieka chcącego wejść w świat programowania, generalnie w świat IT. Pozdrawiam :D

[@kubaw2882]

Przed chwilą wstałem. Czuje się - patrząc, że jest nowy odcinek, jakby mi ktoś przyniósł śniadanie do łóżka :) Pozdrawiam!

[@daevid3299]

Uwielbiam Pana kursy są takie przejrzyste i proste do zrozumienia.

[@maciejjedrzejewski6604]

Pierwszy raz w życiu specjalnie się zalogowałem żeby załapkować film na youtubie i obejrzałem wszystkie reklamy mimo iż naturalny instynkt w pierwszej chwili kazał je pomijać :D. Robi Pan niesamowitą robotę tworząc merytoryczne i pełne wiedzy poradniki. btw 13:41 w prędkości 0.5 Pan Mirosław brzmi jakby stał przy barze, a jego kumpel kupuje mu piwo po tym jak cały wieczór pili wódeczkę

[@rajlandia3045]

Najsensowniejszy kurs HTML w sieci, best of the best, to wspaniałe że mogę się tu uczyć programowania za darmo. A kojący głos i perfekcyjna dykcja Pana Mirka - bezcenne!

[@crokitv1755]

No nikt mnie dziś tak z rana nie mógł uszczęśliwić jak Pan :D Idę po śniadanko i siadam do oglądania!!!

[@jestesshackowany0915]

chyba do programowania a nie oglądania kekw

[@Krecioo]

Niby wiem to wszystko, ale tak fajnie ogląda się te kursy, że nie mogę się oderwać. Ja w życiu nie umiałbym w tak dobry sposób przekazać swojej wiedzy. Poza tym nigdy nie skupiałem się na profesjonalnym nazewnictwie. Zawsze wypada mi ono z głowy i np. zagnieżdżenie opisałbym: "Walisz ul w ol i masz. Albo na odwrót jak ci pasuje." :D

[@h4m4k_]

Serdecznie dziękuje Panie Mirosławie za Pańską pracę włożoną w ten kurs oraz za zarażenie mnie pasją informatyki :)

[@adrianlesniak9415]

Miroslawie jestes lepszy niz psycholog i nauczyciel , dziekuje za twoj wspanialy material !

[@marcis8209]

Dziękuję Panie Mirosławie za nowy odcinek z HTML'a, kciuk oddany.

[@liliweb5072]

Kawał wspaniałej pracy wszystko pięknie wytłumaczone!!! Rewelacja dla tych który naprawdę chcą się czegoś nauczyć. Dziękuje!!! Oglądnęłam już większość filmików i jeszcze mi mało wiedzy. Pozdrawiam serdecznie

[@amiigaz3802]

Uwielbiam Pana kursy. Dziękuję, że Pan poświęca tyle czasu na dogranie wszystkiego: treść, muzyka, obrazki, śmieszne powiedzonka. Podziwiam Pana. Na pewno nie zmarnował Pan swoich talentów. Dla mnie te kursy dużo znaczą. Pozdrawiam.

[@rghbv]

poza wielkimi zdolnościami pedagogicznymi, wiedzą i umiejętnością przekazania wiedzy. bardzo cenię zawsze w różnych wykładach, tutorialach i innych lekcjach. umiejętność rozładowania napięcia u ucznia. doskonale sprowadza ucznia(w sensie, że mnie na przykład) spowrotem na ziemię i poprawia mu często koncetrację na głównym zadaniu. Dla mnie taki mały element jest zbawienny bo zawsze miałem problemy z koncentracją. Reszty komplementów nie mówię. Trzeba coś zostawić na później :D

[@kozioek_1544]

Dziękuję bardzo za ten poradnik, potrafi pan bardzo dobrze tłumaczyć Wszystko jasne i zrozumiałe

[@88puszkin]

Jest Pan wielki naprawę wiele mi Pan pomógł .

[@polbanda]

Najlepszy kurs w internecie. Świetne wykonanie, świetny montaż no i przesympatyczny głos autora. Pozdrawiam serdecznie :)

[@mateuszcichocki1779]

"Spieszmy się cieszyć produkcjami pana Mirosława, tak szybko się kończą". Oczywiście kawał solidnej roboty, nic mnie bardziej nie cieszy jak obejrzany odcinek którego implementację treści wcielę w najbliższym projekcie. Wesołych Świąt i Wszystkiego Dobrego. Alleluja!

[@krzysiekolszewski7782]

Najlepszy kanał na YT. Dzięki niemu zagmatwany świat IT staje się dla mnie zrozumiały i może w przyszłości jeszcze zostanę programistą :). Kawał dobrej roboty!!

[@tomaszszoc8602]

najlepszy video-kurs, jaki przerabiałem. Świetny merytorycznie i pedagogicznie. Pozdrawiam.

[@callypsoo7621]

Pan jest taki profesjonalny aż miło się słucha i ogląda. Te dokładne wyjaśnienia, opis pod filmem i ten nienaganny angielski ^^ jestem w zachwycie, pozdrawiam;)

[@barttux6436]

Panie Mirosławie, Pańskie filmy to Mistrzostwo! :) Niech Pan pomyśli o wydaniu własnej płyty z kursami programowania, bo będą warte każdej ceny :) Dziękuję za ten film. Wesołych Świąt!

[@waldemarrudolf6250]

Robiłem kilka stron. Pierwsza w czystym html (z wykorzystaniem tabel i ładowaniem do nich zawartości podstron). Kolejne z CSS. No "trochę" mi to ułatwiło. Ale te "div" to już mi tak zakręciły w głowie, że porzuciłem tworzenie. Do tego dochodzi JAVA... Niedługo, żeby zrobić stronę wizytówkę trzeba będzie skończyć studia. Ale tak na prawdę to te filmy dają sporą (WIELKĄ) wiedzę, i jeśli się przyłożyć, również umiejętności. Wielki PLUS +

[@yustineee]

Cudowna Robota !!!!!! Pasuje jeszcze więcej Programowania . Ponieważ to co Pan robi jest rewelacyjne :-)

[@jakubmalicki7890]

Reklama: "Potrzebujesz witryny? Dlaczego nie zrobisz jej sam? ..." No właśnie po to jestem na tym kursie :)

[@justinewebsite8150]

Teraz już są gotowe strony .Niestety:/ Ale mam nadzieje , że nic nie zastąpi profesjonalnej strony www.

[@paei4204]

@@justinewebsite8150 teraz to już praktycznie największy laik może 'zrobić' stronę za pomocą bootstrapa lub ewentualnie wordpress, jednak najlepiej samemu robić gdyż jest większe pole do manewru

[@Hubertoom]

@@paei4204 jeśli potrzebujesz tanio dla własnego mini-biznesu to taki wordpress ci styknie więc rynek webmasterów będzie miał się krucho :)

[@godpaterr]

@@Hubertoom Niekoniecznie. Żyjemy w czasach ludzi zapracowanych/zabieganych i wszystko idzie w stronę wynajmu i zleceń innym osobom. Ktoś kto ma biznes woli raczej zlecić innej osobie takie rzeczy jak stworzenie strony, zakup domeny, stworzenie logo. Księgowość też można samemu ogarnąć, a jednak firmy wynajmują do tego księgowych. To tak jak np z naprawą samochodu - Ja potrafię zrobić dużo rzeczy przy swoim aucie, ale nie chce mi się już męczyć w mrozie, czołgać się pod autem, żeby wymienić filtr paliwa, tracić na to czas, gdy mogę zrobić coś innego. Wolę więc zlecić takie rzeczy mechanikowi :)

[@Hubertoom]

@@godpaterr zgadzam się. Za szeroko spojrzałem na sytuację. Mini-biznesy mogą jechać na takich gotowcach sklepach ale większe (poważne) biznesy raczej będą nadal korzystać z profesjonalnych usług :) PS. też mi się nie chce czołgać pod samochodem, kiedyś miałem większy zapał do tego :D Ale to chyba dobry objaw, że społeczeństwo coraz mniej januszuje i dłubie w stodołach. Może nas w końcu stać zamiast oszczędzać na wymianie oleju?

[@andrejczukp]

Zajebista robota!:) Świetnie się ogląda, masz dar do nauczania!

[@mmach1988]

Jest Pan moim Bogiem :) Nauka z Panem to sama przyjemność :)

[@Michael-we9gf]

Czyli jak piszemy ol > li > ul > li to tak samo jakbysmy pisali scieżke do textu (chyba)?

[@dariuszw8011]

Kurs świetny pod względem merytorycznym a humorystyczne dygresje sprawiają, że wiedza jest łatwiej przyswajana :-) Dużo pracy włożone zarówno w przygotowanie samego filmu jak i zakresu zagadnień w nim poruszanych. Mam nadzieję, że tematyka następnego kursu dotyczyć będzie responsywności czy często spotykanych na stronach efektów przejścia layout'u opartych chociażby o transition w CSS. Pozdrawiam :-)

[@MrProkiter]

najlepszy kanał nauki programowania !

[@arekt7970]

Witam. Przepracowałem Pańskie wszystkie kursy z działów HTML, CSS i JSCRIPTU. Chcę bardzo za nie podziękować bo to naprawdę dobra i solidna robota :) Sporo dzięki nim się nauczyłem i wiele rzeczy przypomniałem. Czekam z niecierpliwością na jakiś odcinek dotyczący responsywności witryn. Pozdrawiam i życzę nadal takiego poczucia humoru i chęci przekazania nam maluczkim tak gruntownej wiedzy.

[@crashpol9693]

Panie mirosławie dziekuje za kolejny niesamowity odcinek z HTML :D Prosil bym o częstrze odcinki poniewaz dzieki panu nabieram ochoty do tworzenia stron internetowych jak i rowniez ucze sie wielu ciekawych rzeczy :D

[@exdeath44]

Pragnę więcej! Jest Pan niesamowity!

[@bleku8880]

Cześć Mirek! Zastanawia mnie jedna rzecz. Nie rozumiem ludzi, którzy oglądając Twoje kursy dają łapki w dół! Przecież informacje, które "sprzedajesz" za darmo i to w tak profesjonalnym wydaniu są tak cenne, że ciężko to opisać. To co robisz jest po prostu dla mnie mistrzowskie. Pozdrawiam :)

[@MrShadyKiller]

"mhm" Mirosława Zelenta jest wręcz epickie haha. Pozdrawiam i dzięki za kurs :)

[@topshotspl9632]

wkurwia

[@Shakerusik]

Już myślałem że nie będzie więcej kursów :P Dzięki Pana kursom nauczyłem się sporo :) w przeciwieństwie do innych kursów.

[@bbarte]

A czy listy i mają jakieś inne zastosowanie niż same numerowanie? Bo zawsze mogę sam ponumerować tekst np w

[@RikaFurude6969]

no uwierz mi ze nie chcesz xD

[@piotrzwolski2451]

Już się zaraziłem kurowaniem po internecie, zaczynam zabawę w twórczą zabawę, może kiedyś pracę.Dziękuję i pozdrawiam.

[@poiuytre123100]

Szanowny Panie, a czemu zamiast takich popętlonych pętli: ol>li>ul>li ... nie możnaby użyć klasy dla każdego akapitu 'li'', 'ul', 'li'?

[@kamilbaczek1609]

Kolejny świetny Tutorial, Wielkie DZIĘKI.

[@piotrsotysiak5542]

Łapa w górę w ciemno, jak zwykle klasa, Wesołych Świąt!

[@DarQ522]

Tego to się nie spodziewałem... łapka w góre na wejściu, a obejrze jak będzie czas :D

[@patricius1509]

OMG Panie Mirosławie :D dobrze, że wrzucił Pan swój plik z gotową stroną, bo nie działało mi przewijanko. Po przeanalizowaniu problem polegał na tym, że w skrypcie biblioteki jQuery, którą podpinałem, zapomniałem dopisać rozszerzenie ".js" :D

[@jurekwita9445]

kocham twoje kursy są świetne wiele się od ciebie nauczyłem DZIEKUJE!!

[@dominikksiazek571]

Mirosław powiem tak wielkie dzięki za te poradniki :) Są bardzo fajne :)

[@remigiuszkrezel9275]

Kawał solidnej wiedzy!

[@MichalCzechowicz]

Panie Mirku, serdecznie dziękuję za Pana kurs, tylko naśladować tak wspaniałych ludzi jak Pan. Pozdrawiam i kłaniam się :)

[@fcgbfgdfgd9228]

Świetny odcinek Panie Mirosławie! W dodatku cenię to, że wprowadza Pan nawet do starych zapisów, które przerabialiśmy troszkę zmienionego kodu. Chodzi tu o padding na przykład. Wcześniej ustawiając mieliśmy zapis padding: *px 0px;, a teraz padding: 5px 0px 5px 0px; - super, bo niby drobiazg, a skill przybywa:D

[@rafawierzbicki8543]

Bardzo pomocne filmiki! Najlepszy nauczyciel informatyki jakiego znam ^-^

[@MrNikares]

Świetny prezent na święta. Dziękuję i pozdrawiam

[@marekzagorski5539]

Witam! Gratuluję dobrych tutoriali, oglądam je bardzo chętnie. :)

[@Dradelon]

Idealnie trafiony temat dla mnie. Akurat używałem list ostatnio :D Będę mógł sprawdzić czy wszystko poprawnie zrobiłem.

[@Dradelon]

+NOWE STUDIO I jeszcze ten scroll up :D

[@ukaszz2132]

Kolejny fajny odcinek. Ciekawe rzeczy poznałem i jeszcze raz dziękuję:)

[@waldemargrabia4731]

Coraz bardziej przyzwyczajamy sie do id,a zatracamy nazwe,imie - znamie besti coraz blizej. Swoja droga,kiedys programowałem i dziwi mnie troche fakt takiego uzaleznienia od zrodeł zewnetrznych by uzyskac efekt animacji ,że nie ma prostej funkcji dostepnej od razu na to przewijanie typu scroll=500 ,lub jump. Fajnie tłumaczysz ,super kursik :)

[@maciejwozniak8391]

Panie Mirku :) świetny kanał :) wkurza mnie to że Pan tak tłumaczy to zrozumiale i wszystko gładko wchodzi do głowy. Ja musiałem do wszystkiego sam dochodzić sam lub z książek, a tu wszystko podane jak na dłoni :-p gdy będzie dużo specjalistów to płacę beda mniejsze :-D pozdawiam serdecznie ! Robota wykonana na 100 procent

[@MajneNajme]

Panie Mirosławie, właśnie uczę się HTML i CSS by zostać Junior Front End. Fantastycznie pan przekazuje wiedzę. Lubię te humorystyczne wstawki by nie było nudno. Plus za Al Bundy :) pozdrawiam serdecznie. Łapka w górę.

[@pawel9953]

Jaka jest twoja opinia, czy na dzisiejszym rynku pracy wiedza samego HTML i CSS nawet na bardzo dobrym poziomie wystarczy by zostać Junior FE> ? pytam zz ciekawości bo też się uczę i zastanawiam się ile tak naprawdę języków programowania trzeba opanować żeby mieć szansę przynajmniej rozpocząć pracę w tej branży.

[@poprostuszczepanski7683]

@@pawel9953 HTML, CSS to zupełna podstawa i bez tego nie ruszysz. JS, jQuery oraz Git(do pracy w grupach) też można zaliczyć do technologii które trzeba dobrze znać chociaż nie tak dobrze jak HTML czy CSS. Najważniejsze abyś zobaczył propozycje pracy i przyjrzał się wymaganym technologiom, a i nie jeden programista prowadzi blog lub vlog w którym opisują wymagania które potrafią conieco rozjaśnić ;)

[@bykmat]

Świetnie że umieścił Pan spis treści z odnośnikami do filmu, ułatwia to przypominanie sobie po jakimś czasie pewnych treści. Proszę też o filmik dotyczący RWD, czyli responsywności stron WWW. Sądzę że to bardzo cenna wiedza która z pewnością przyda się każdemu początkującemu webmasterowi.

[@mateuszmateusz9373]

Pan Mirosław zamiast powiedzieć, że jest zadowolony mówi, że jest kontent. :D pozdrawiam serdecznie świetny material i kanał!

[@krzysztofdrozdowski2492]

Wesołych świąt Panie Mirku :D

[@adam-fj4zt]

No to teraz czekam na odcinek z CSS'a. Musiało to trwać bardzo długo dlatego nie wiem dlaczego jest na tym kanale tylko 70 000 subsktybentów. Świetna robota !

[@zlk1231]

Może w nastepnym filmie coś o responsywnych stronach ? ;D

[@wojtek9320]

Zgadzam sie

[@dxdroni]

+zLk` Popieram :)

[@adampajda3204]

+zLk` I ja popieram!

[@kluseczkowaty]

POPIERAM. Najlepiej coś o bootstrapie. :) Albo może zrobić z tego oddzielny kurs, bo trochę tego jest. Oczywiście jeśli ma Pan na to czas i chęci, gdyż również szanujemy Pana czas! :)

[@dxdroni]

Też chętnie bym obejrzał odcinek poświęcony Bootstrapowi :)

[@marcinbiaecki9731]

Dzięki! Świetny kurs dobry człowieku :D Robisz kawał dobrej roboty! :)

[@cacaozi]

zady i walety

[@michasosnowski5918]

Dzięki za kolejny odcinek serii :) U mnie cieniowanie tytułu jednak idzie inaczej niż osie w lekcji. Tak jakby oś Y była na odwrót. I przy "2px 2px..." - cieniuje w prawo do dołu.

[@creible77]

Świetny odcinek! Magia wideoedycji wymiata :D

[@Dawid-lb8fe]

Dziękuję!!!

[@giusekkeisug9033]

Świetna robota, dziękuję! :)

[@NextOnRoad3]

Kolejny świetny poradnik! Czekam z niecierpliwoscia na nastepne :3

[@kapinexus671]

W końcu nowy odcinek :D I to z rzeczy która chciałem zrobić ale nie wiedziałem jak. 😊

[@ContactBox]

Zapis css dla #container z 20:00 dodając box-sizing: border-box; przeglądarka sam oblicza, żeby było 900px #container { box-sizing: border-box; margin: 0 auto; /* 0px auto 0px auto */ background-color: white; width: 900px; padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

[@erwinboznanski]

O ile wiedza, jaką się Pan dzieli jest dla mnie i wielu innych bardzo cenna i ogromnie za nią dziękuję, o tyle wyskakujące reklamy co 10 minut działają bardzo zniechęcająco do korzystania z tych materiałów. W kursie C++ tego nie było, a tutaj jest to tak bardzo irytujące, że aż odbiera chęć oglądania tego i innych Video, przy których reklamy co chwila wyskakują.

[@ksurix9070]

Mnie tam te reklamy zachęcają do dzialania, gdyż reklamy wix namawiają do pójścia na łatwizne i stworzenia swojej strony dzięki szablonom na ich stronie, a ja ucząc sie htmla i cssa czuje że nie ide drogą na skróty i ucze się czegoś pożytecznego:D

[@tajemniczydziaacz9966]

O mały włos nie zrezygnowałem z tego kursu, ponieważ nie wiem dlaczego w mojej przeglądarce firefox pojawiał się problem, że jeden z divów po prostu znikał a widoczny był tylko przez ułamek sekundy po odświeżeniu strony. Na szczęscie zmieniłem przeglądarkę i na IE, i tutaj się wszystko ładnie wyświetla.

[@riskymacaroni6652]

22:30 słowo happy i poszła łapka w górę! Miód na moje uszy kiedy ktoś wymawia to słowo poprawnie!

[@ax7fun670]

Zady i walety :D Genialny kurs :) Dzięki! :)

[@mateuszekuwuowo]

Dziękuję

[@emhyrvemrais7574]

dziękuję za to

[@pustelnikniqczemnosci856]

Mirek no nie mogłem się doczekać. :) Pjona.

[@michag5721]

Super materiał

[@mireq3461]

Panie Mirosławie - A może w następnych odcinkach coś o systemach kontroli wersji git? Chodzi mi głównie o GitHub. :)

[@ukaszkoltun5835]

W Visual Studio Code możemy za darmo pobrać rozszerzenie 'local history', które działa w uproszczeniu jak system kontroli wersji i możemy bez problemu podejrzeć lub przywrócić kod z przed danego zapisu. Niejednokrotnie ratuje życie nawet przy regularnym commitowaniu do gita :)

[@efiks00]

Najlepszy prezent na święta! ;)

[@stasiuwatroba3947]

wystarczy margin: 0 auto; Nie czepiam sie tylko sugeruje ;) Bardzo lubie Pana ogladac. Czekam na nowe odcinki glownie z prog webowym, chociaz widze ze mamy podobne zainteresowania, bo c++ tez znam.

[@isieesu2997]

Kocham Pana

[@LukaszSkyWalker]

Dzięki!!

[@jozefpatelnia36]

dziekuje

[@piurek10]

Widzę że szef sobie upgradował system do Win 10 :)

[@zielony1212]

do najgorszego systemu operacyjnego na świecie :)

[@Pabel321]

jak masz komputer z gówna to windows 10 jest faktycznie najgorszy :)

[@marcinrysak8785]

Jest Pan wspaniały! Nigdy wcześniej nauka nie była tak przyjemna ;) Proszę kontynuować serię kursów! Wiem,że robi Pan to z przyjemnością i pasją,ale czy udziela Pan też może prywatnie odpłatnych lekcji? ;) Z góry dziękuję za odpowiedź. Pozdrawiam serdecznie.

[@gastrosilesia3048]

Jesteś najlepszy! :)

[@michallos5]

Mógł by pan poszerzyć serię kursów webowych o node.js? Ostatnio gorący temat, a nie mam pojęcia jak to ugryźć. Jeżeli nie będzie pan poruszał tego tematu w tej serii, a zna pan dobre materiały, to nie pogardzę(mogą być po angielsku) :)

[@ukaszMarianszki]

+Michał Sadowski dobry pomysł

[@kubostan1986]

kudosy dla Pana kierownika ;)

[@chris_cloud]

Kolejny odcinek? HELL YEAH!

[@vosssy2028]

Super

[@tobiaszorzol1358]

Świetny odcinek!

[@hubert3728]

co oznacza dokladnie znacznik ?

[@sanholo3624]

Jakby komuś nie chciałoby się męczyć z tym gładkim przewijaniem to polecam dodać do css html { scroll-behavior: smooth; }

[@pawels8040]

Dziękuje :)