Oglądałem już na youtube spororóżnych kursów, na różne tematy. Ze wszystkich jednak Twoje są najlepsze. Jest w tym jakaś super pasją. Dotychczas próbowałem zrozumieć parę zagadnień CSS-a, czytając jakieś poradniki, a ty wyjaśniasz to w tak banalny sposób, że nie mogę wyjść z podziwu. Dlaczego wcześniej nie trafiłem na twoje filmy? Dzięki wielkie! I proszę o więcej.
Najlepszy kanał uczący programowania na polskim youtube :) Uwielbiam oglądać twoje filmiki, nie dość, że świetnie tłumaczysz, to do tego zawsze mam lepszy humor jak cię słucham! Jesteś super :>
Jak zwykle się nie zawiodłem, czekałem na ten bonus i mam :) Widzę, że się dobrze domyśliłem jak zrobić podstrony :) Teraz czekam na kolejne filmy oraz na menu hamburger.
Genialna seria. Bardzo fajne i merytoryczne filmy . Łatwo się to ogląda i szybko uczy. Czekamy na jakieś zawansowane funkcje w CSS lub więcej fajnych zadań z JS(już bez podstaw bo każdy podstaw się sam nauczy). Samuraj wracaj czekamy!!!!
Mój pierwszy komentarz u ciebie to będzie ale pozytywny :D stworzyłem swoją własną stronkę i zacząłem się długo nią dziś od 2 w nocy bawić no :D bardzo dobrze tłumaczysz :D Dzieki wielkie
mam pytanie dlaczego jak kopiuję adres url swojej strony to po wysłaniu tego inna osoba nie może tego otworzyć ? tak jakby nie było takiej str a cały kod jest wpisany poprawnie. Proszę o pomoc
Akurat niedawno obejrzałem poprzednią część i na niej skończyłem, a teraz odpaliłem tę i widzę, że w CSS jest inny kod, więc albo czegoś nie ogarnąłem, albo w jakichś odcinkach było coś tam jeszcze mieszane :D ja skończyłem na : #wrapper { max-width: 1000px; margin: 0 auto; background-color: white; } header img { width:100%; display: block} nav { background-color: darkcyan; } a.menu { display: inline-block; width: 25%; padding: 15px 30px; color: white; text-decoration: none; text-align: center} a.menu:hover { background-color: crimson;} .active {background-color: crimson;} article { margin-top:30px; margin-bottom:20px; padding: 10px 15px 10px 15px; } article h1 { font-style: bold; font-size: 30px; margin: 0 10% 20px 10%; padding-bottom: 15px; border-bottom: 2px solid red; text-align: center; } tymczasem w tej części np. w 4:23 wygląda to zupełnie inaczej :D
Na ten chyba czekałem najdłużej. W sumie po samych Twoich poradnikach można powiedzieć - da się nauczyć podstaw w prosty i przyjemny sposób. Jak zerknąłem na kilka innych osób które uczą w internetach - wszystko już z tych podstaw potrafię. Jesteś wstanie wrzucić może kiedyś coś o szkołach programowania etc? Ciekawi mnie Twoja opinia na ten temat
Wiesz Damian, ciężki temat, ja miałem sam do czynienia z jedną uczelnią gdzie przez rok na podyplomówce uczyłem się .Net. Po swoich doświadczeniach życiowych mam raczej krytyczne podejście do płacenia za naukę, uważam, że lepiej jak mi ktoś płacić za to, że się uczę (np pracując jako stażysta czy junior w jakiejś firmie). Z drugiej strony są ludzie, którzy na takie płatne szkoły programowania uczęszczają i je chwalą. Ja się w tej materii nie wypowiem zbytnio, ale uważam, że do poziomu junior można dojść samemu a potem praktyka, praktyka i praktyka.
W tej kwestii zadawałem Ci pytanie pod filmikiem "Kariera początkującego programisty" Co uważasz za wystarczające umiejętności, by starać się o swój pierwszy staż/posadę juniora? Mowa tutaj o front-endzie oczywiście. Ciężko jakoś to ogarnąć samemu. Zaczałem się uczyć niedawno, ale zależy mi właśnie na tym co opisałeś wyżej - aby dostać się do jakieś firmy i zacząć na tym zarabiać(i nie mówię tutaj o pieniądzach typu 5 tysięcy złotych), ale zacząć pracować w takim kierunku i móc się rozwijać w jakieś firmie. Co powinienem umieć, zanim zacznę próbować walczyć o swój pierwszy staż?
na "fejsie" od groma tego typu pytań jak twoje jest i jest też mnóstwo odpowiedzi. polecam przejrzeć i może dołączyć... Programowanie - wsparcie na start , HTML i CSS3: pierwsze kroki ,
Dzięki, nie mówię, że to źle że podałeś czy coś... Ale gdybym chciał znać opinię "jakichś ludzi z fejsa, poszedłbym na fejsa". Mam komputer nie od dziś, mam 23 lata, potrafię używać googla... Natomiast chodzi mi o opinię konkretnej osoby, dlatego zadałem pytanie tutaj.
Damian, jeśli sprawnie posługujesz się już css i javascript to szukaj, ale wcześniej wykonaj kilka projektów nawet do szuflady (ładny landing page na przykład i stronę o sobie). Wysyłaj jak najwięcej emaili po software house i pisz gdzie jesteś/na jakim poziomie (link do swojej strony) i ze bardzo chcesz się rozwijać. Jeśli Ci nie odpowie któryś sh, to się nie zrażaj i dopytuj ich w kolejnym emailu. Działy HR powinny Ci odpisać czego oczekują i czy możesz się pojawić u nich na rozmowie (a jak nie teraz to kiedy). Reasumując. Ważne co umiesz, ale jeszcze bardziej ważne jak szukasz, kim jesteś i kim chcesz być. Zawsze jeśli uznają, że masz za małe umiejętności mogą Ci zaoferować płatny kilkumiesięczny staż (płatny wyżej oczywiście niż ten z US) a potem idziesz już na normalne zasady.
Dzięki temu poradnikowi udało mi się zrobić moją pierwszą stronę 😁 czy będzie odcinek jak zrobić rozwijane menu? 😀 Co zrobić żeby w HTML lub CSS po kliknięciu w zdjęcie powiększało się?
witam, odnosnie podlinkowania gółnesj strony do podstron - u mnie to nie działa, używam css, div class, potem ol, li, ul, a href, niestety amatorka jestem, i tu utknęłam. ktoś wie dokładniej jak to podłączyć? druga sprawa to logowanie sie użytkoanika z głównej strony - nie przechodząc na inna lub nową tylko logowanie ma uaktywnić menu i inne linki z glównej? dzięki.
Musisz przypisać klasę "Active" do kolejnych linków na kolejnych stronach. Mamy "O mnie" i tam masz dwie klasy - menu i active. Jeżeli stworzysz stronę podlinkowaną jako "Aktualności", wtedy w pierszym linku będziemy mieć tylko "menu", a przy aktualnościach musisz ująć dwie klasy - menu i active :)
Nie wiem czy zostanie to odczytane, ale spróbować warto. Po wpisaniu "Transition" tak jak u Ciebie na filmie w nav a przy odświeżeniu strony całe menu się ładuj od samego tekstu w formie hiperłącza do wyglądu jaki ma mieć. Dopiero gdy wpiszę to w hoverze działa to jak należy. Skąd wynika różnica?
Tylko u mnie inaczej działa transition? Nawet jak skopiowałem cały kod z codepen kopiuj wklej i problem ten sam... Transition działa dobrze jeśli tylko najeżdżam myszką, ale jeśli kliknę na odnośnik do innej podstrony albo odświeżę stronę, to całe menu zmienia kolor od białego do ustawionego i jest rozwijane w dół przez tą 1 sek przez co również cała strona zjeżdża. Ustawienie właściwości w transition tylko dla background-color eliminuje to rozwijanie, ale kolor całego menu nadal jest animowany po kliknięciu. Ehhh...
Dotrwałem do końca :) Musze przyznać że jest to prostsze niż myślałem. Fajna zajawka. Znacie jakieś strony do dalszych ćwiczeń ? Samuraju może cięcie psd ?
Witam Pana bardzo serdecznie. dziekuje za tresci ktorymi chcial sie Pan podzielic. Jestem diagnosta komputerowym w firmie Asus Benelux mam to szcze szczescie ze w czasie pracy moge sobie sluchac youtuba. W domu koduje a w pracy slucham poki co jakos to dziala. Mam dosc mojej pracy zbyt monotonna mam nadzieje ze uda mi sie przekwalifikowac ale do rzeczy. Czy bedzie wiecej tutkow z czystego htmla ? Czy outline jest tak wazny teraz mam jakiegos starego tutka i gosciu sie produkuje ponad 30 minut na temat outline... ? Czy w tych czasach warto robic certyfikaty, jezeli tak to jakie I czy sa jakies bezplatne ktore sa honorowane w jakis sposob przez firmy ? Chcialbym sprobowac jako front -end ale nie wiem np jak sprecyzowac cv zeby mnie ktos zechcial nie maja zadnego doswiadczenia w tym temacie. Portfolio wystarczy ?
Mam problem z obrazkiem na górze strony. Mój obrazek ma 1920 × 1080 pikseli. Szerokość strony mam 1000 px. Wszystko się dopasowuje oprócz tego obrazka. Co zrobić że to dopasować. Mój kod html w body to w style.css #imgHeader { width: 25%; display: block; } EDIT: Wystarczy dodać wysokość i szerokość ustawić tyle ile nam potrzeba // Prawdziwy użytkownik tego konta
Nie dzialaja mi przyciski jak nacisne raz to puzniej wracac musze przez wyszukiwarke do popszedniej strony bo nie znajduje indeksu html gdzie zrobilem blad ?
Mam jedno pytanie: Kiedy zrobiłem już podstrony, to jest takie dziwne zjawisko kiedy w nie wchodzę. Nie przeszkadza mi to, ale już mówię o co chodzi. Kiedy w podstronach wracam na stronę główną wszystko jest ok, jednak po kliknięciu na wszystkie inne podstrony, w momencie wczytywania ich menu tak jakby wyłania się i rośnie. Ktoś wie w czym problem? Z góry dziękuję.
witam, mam problem tego typu że po użyciu favicon w edytorze kodu i odświeżeniu projektu moje zakładki zmieniły swoje favicony na pasku na ten stworzony prze zemnie :(
Ale jedna rzecz nie działa następna. Stworzyłem stronę news, skopiowałem z indexu, skasowałem, okey... selektor w css article p. Na stronie index działa poprawnie, gdy naciskam na aktualności przechodzi na tę stronę, ale wszystko w p na stronie news.html nie działa. Jakby css nie działał na nie. Dodatkowo jak jestem na stronie news.html, dam podgląd na żywo to wszystko w p jest okey, a jak kliknę na O mnie(index.html) to css się wysypuje. Nie wiem czy tak powinno być? Reasumując. Zaczynam podgląd na żywo na stronie o mnie(index.html) wchodzę w O mnie(news.html) css nie działa w miejscu article p. Zaczynam podgląd na żywo na stronie Aktualności(news.html) cały css działa, razem z tym article p które opisałem wyżej, klikam w O mnie(index.html) i wysypuje się cały css.
Witam, świetne filmiki oby wiecej. Mam natomiast pytanie do towjego Brackets- przykładowo gdy wybierasz #wrapper odrazu po wpisaniu pierwszej litery (w) u Ciebie pojawia sie automatyczna podpowiedz, w CSS czy jest to jakiś dodatek do programu czy można to gdzieś w opcjach ustawić? ponieważ u mnie nie działa, (działają tylko podpowiedzi w css jak już pisze w ({...}) dzięki za odpowiedz
U mnie po zmianie nav i dodaniu overflow: hidden; wszystko pod menu stało się niewidoczne a potem tylko coś popsułem dodałe kod z codepen i całkowicie inaczej to wygląda ehmm ;/ mogłem zachować kopię strony
Ten kod z analitycs to wkleić do index.html news.html i style.css. zrobiłem to i nie działa mi link do strony. o co chodzi z tym kodem php którego nie użyłeś. Jaki kod wczytany w google analitycs
Nie wiedziałem o tej metodzie z @media, jest świetna, ale... Nie jest idealna, najnowsze urządzenia mobilne mają rozdzielczości fullHD, 2K a pojedyncze nawet 4K , więc na tych urządzeniach pomimo nadal małego wyświetlacza (na taką rozdzielczość oczywiście, bo 5,5 czy 5,7 cala to nie jest mało..) będą się wyświetlać pełnowymiarowe strony, które mogą okazać się w takim przypadku nieczytelne, dlatego moim zdaniem lepiej byłoby zastosować w @media jednostkę vh zamiast px
Mam głupie pytanie. Stworzyłem stronę. Na próbę wrzuciłem ją do darmowego hostingu (cba.pl). Tam zrobiłem upload wszystkich plików. I co teraz? Jeśli chcę je edytować to muszę ściągać na dysk żeby użyć Bracketsa i później podmieniać? Nie ma na to łatwiejszego sposobu, oczywiście poza bawieniem się edytorem domyślnym FTP. Z góry dziękuję za pomoc.
Witam Czy idąc na studia informatyczne miałeś wcześniej sporą wiedzę ? Myślisz , że jak nie miałem dużo wspólnego z inf wcześniej to można sobie poradzić ?
SIema. Chciał bym uczyć się dalej według twojego kursu. Który kolejny filmik powinienem odpalić? Z tego co widzę playlista kończy sie na filmie pod którym piszę komentarz.
Kod javy wkleiłem do index i news i zapisałem wszystko . Nie działa co nie tak zrobiłem? Bardzo proszę pomóżcie 2 dni robiłem tą stronę z tych poradników. Mam ten kody javy i wkleiłem go w body w index i news. .
Mam takie małe pytanko, w jednym z poprzednich odcinków powiedział pan żeby elementy liniowe takie jak "wkładać" w elementy blokowe takie jak , co trzeba zrobić aby obrazek był wyżej lub niżej względem tekstu jeśli jest w elemencie ?
Dlaczego mój plik z bracketsa otwierany w przeglądarce ma dodane znaczniki w headzie z jakimś kodem brackets i umową licencyjną? Do tego każdy element ma dodatkowe id "data-brackets-id-numer" ? Co z tym zrobić?
bo brackets tak robi :) Dlatego by podejrzeć kod dobrze otwierać sobie własny plik w przeglądarce a pogląd bracketsa wykorzystywać do oceny efektów zmiany na bieżąco.
skończyłem stronkę www.maroio.pl , oczywiście większość tam dla śmichu a teksty na syzbkości, ale wolałem coś choć trochę indywidualnego zrobić, nakręcony na robienie kolejnych projektów dziękuje Bartoszu za te filmiki, jak to się rozwinie, to jak bedą mnie pytać jak zacząłem to świat usłyszy o websamuraju ;) o pytanie ma ktos pomysl na jakąś dobrą nazwę uzytkownika na mail na maroio.pl ? pod kotem kodowania?
@@SamurajProgramowania dzięki. Mogę jeszcze o coś zapytać? Co trzeba mieć minimum w portfolio żeby ktoś nas przyjął do pracy, wziął pod uwagę w procesie rekrutacji? Pozdr
to ja mam małe pytanko - mamy taka stronkę i chcemy sobie dorobić te pozostałe pozycje w menu, żeby miały taki sam wygląd tylko inny tekst w środku, możemy oczywiście do każdego skopiować ten wygląd, ale potem jak będziemy chcieli coś zmienić to musimy w każdym pliku - można jakoś zrobić wspólny szablon itp?
Samuraju znasz moze jakas dobra metode by wymienic tylko zawartosc naszego "kontenera" na tresc bez przeladowania calosci? Mysle ze tutaj JS chyba wchodzi tak?
Daniel, to zależy co masz na myśli zmienić zawartość i skąd nowa ma być pobrana. W takim podstawowym zakresie innerHTML tak jak napisał Wojtar. Nie wiem czy oglądałeś filmik o js na kanale, tam co prawda jest inna właściwość użyta, ale innerHTML będzie w drugiej części :)
Samuraj Programowania czekam wiec n filmik rozszerzajacy js :) chcialem po prostu zawartosc naszego kontenera na tresc zmieniac w zaleznosci od pozycji menu na ktorej aktualnie sie znajdujemy.
Kolejny Super filmik! Mam pewien problem, kiedy sobie koduje resztę podstron, nie mogę przeskoczyć z przycisku 'Aktualności' bezpośrednio do 'Inspiracji', muszę wrócić się najpierw do podstrony 'O mnie' i dopiero wtedy mogę wejść na 'Inspiracje' to samo gdy próbuje przeskoczyć z aktualności na zakładkę 'Kontakt. Co robię źle? Nie wiem, niby kod wygląda dobrze...
Taki materiał będzie :), ale ponieważ nie wiadomo kiedy, to polecę jedną fajną stronkę z grafikami w domenie publicznej (czyli można ich używać bez podawania źródła i w celach komercyjnych). Jest to pixabay.com
![Programista od zera. Czego trzeba się nauczyć by robić strony. [1]](http://i.ytimg.com/vi/hRtMPOSLAVo/mqdefault.jpg)
Oglądałem już na youtube spororóżnych kursów, na różne tematy. Ze wszystkich jednak Twoje są najlepsze. Jest w tym jakaś super pasją. Dotychczas próbowałem zrozumieć parę zagadnień CSS-a, czytając jakieś poradniki, a ty wyjaśniasz to w tak banalny sposób, że nie mogę wyjść z podziwu. Dlaczego wcześniej nie trafiłem na twoje filmy?
Dzięki wielkie! I proszę o więcej.
Najlepszy kanał uczący programowania na polskim youtube :) Uwielbiam oglądać twoje filmiki, nie dość, że świetnie tłumaczysz, to do tego zawsze mam lepszy humor jak cię słucham! Jesteś super :>
Bardzo przyjemnie Pan uczy. Jest ciekawie, luźno, a przede wszystkim wszystko dość dobrze wytłumaczone.
Pozdrowienia :)
Dzięki tym filmikom dostałem właśnie zaliczenie u siebie na studiach. Dzięki wielkie za pomoc i oby więcej takich kursów ! :) Wdzięczny student :D
Przeczytałem "wieczny" student :) Zapraszam do innych filmów.
Jak zwykle się nie zawiodłem, czekałem na ten bonus i mam :)
Widzę, że się dobrze domyśliłem jak zrobić podstrony :)
Teraz czekam na kolejne filmy oraz na menu hamburger.
dzięki, hamburger będzie na kanale jak się zacznie sezon na grilla ;)
hmm, no u mnie (Południe kraju) już zaczął się sezon na grillowanie, ja najbardziej lobię pieczarki z grilla ale hamburgerem tez nie pogardzę ;)
Genialna seria. Bardzo fajne i merytoryczne filmy . Łatwo się to ogląda i szybko uczy. Czekamy na jakieś zawansowane funkcje w CSS lub więcej fajnych zadań z JS(już bez podstaw bo każdy podstaw się sam nauczy). Samuraj wracaj czekamy!!!!
Dziękuje za wszystkie odcinki kursu html od zera:) Przydatne informacje.Pozdrawiam!
dzięki za oglądanie :)
Chcę Panu bardzo podziękować, bardzo mi to pomogło :)
Mój pierwszy komentarz u ciebie to będzie ale pozytywny :D stworzyłem swoją własną stronkę i zacząłem się długo nią dziś od 2 w nocy bawić no :D bardzo dobrze tłumaczysz :D Dzieki wielkie
O kurde, a godzinę temu napisałem wiadomość do Ciebie z pytaniem, kiedy będzie 4 odcinek i proszę, jest :D. Super!
:)
Dzięki wszystkim co pisali komentarze z menu!
overflow = nadmiar. hidden = ukryty. overflow hidden = ukryj nadmiar, dla objaśnienia ogólnie :)
good
Super filmy, mimo że robię już troszkę lepsze strony to zawsze coś nowego można się nauczyć :) Pozdrawiam!
Pozdrawiam Wojtar :)
Display block dla linku w nav jest zbędne ponieważ float left i tak wymusza display block :)
faktycznie :)
Do tego, gdy się pozbędziemy display:block, możemy background-color określić w nav, a nie w nav a :).
mam pytanie dlaczego jak kopiuję adres url swojej strony to po wysłaniu tego inna osoba nie może tego otworzyć ? tak jakby nie było takiej str a cały kod jest wpisany poprawnie. Proszę o pomoc
Akurat niedawno obejrzałem poprzednią część i na niej skończyłem, a teraz odpaliłem tę i widzę, że w CSS jest inny kod, więc albo czegoś nie ogarnąłem, albo w jakichś odcinkach było coś tam jeszcze mieszane :D
ja skończyłem na :
#wrapper {
max-width: 1000px;
margin: 0 auto;
background-color: white;
}
header img {
width:100%;
display: block}
nav {
background-color: darkcyan;
}
a.menu {
display: inline-block;
width: 25%;
padding: 15px 30px;
color: white;
text-decoration: none;
text-align: center}
a.menu:hover {
background-color: crimson;}
.active {background-color: crimson;}
article {
margin-top:30px;
margin-bottom:20px;
padding: 10px 15px 10px 15px;
}
article h1 {
font-style: bold;
font-size: 30px;
margin: 0 10% 20px 10%;
padding-bottom: 15px;
border-bottom: 2px solid red;
text-align: center;
}
tymczasem w tej części np. w 4:23 wygląda to zupełnie inaczej :D
ja sam się już pogubiłem, który kod był ostatni ;)
Uwielbiam Cię! Muszę się na pamięć nauczyć!
Dzięki! Jesteś super dzięki tobie spokojnie zrozumiałem jak pisać "proste" strony.
Czekam z niecierpliwoscią na "hamburgera" ;)
to co bylo do tej pory- super :)
Mega wykład!! serdeczne dzieki!!
w 2 godziny przy Twojej pomocy stronka gotowa
nie wiem jak wam wychodzi ta strona, ale u mnie oprócz tych początkowych zapisów to dalej nic już się nie zmienia (::::
Dobra seria z gangsterskim bitem ala doktor Dre:) w tle.
Pozdro
Świetne poradniki. Dużo się nauczyłem :D
Mówił Ci ktoś, że przypominasz trochę Mikołaj Cieślaka? :D
Dzięki Marcin. Jeszcze nie, raczej słyszałem porównania do mniej sympatycznych postaci/zwierząt ;)
Na ten chyba czekałem najdłużej.
W sumie po samych Twoich poradnikach można powiedzieć - da się nauczyć podstaw w prosty i przyjemny sposób. Jak zerknąłem na kilka innych osób które uczą w internetach - wszystko już z tych podstaw potrafię.
Jesteś wstanie wrzucić może kiedyś coś o szkołach programowania etc? Ciekawi mnie Twoja opinia na ten temat
Wiesz Damian, ciężki temat, ja miałem sam do czynienia z jedną uczelnią gdzie przez rok na podyplomówce uczyłem się .Net. Po swoich doświadczeniach życiowych mam raczej krytyczne podejście do płacenia za naukę, uważam, że lepiej jak mi ktoś płacić za to, że się uczę (np pracując jako stażysta czy junior w jakiejś firmie). Z drugiej strony są ludzie, którzy na takie płatne szkoły programowania uczęszczają i je chwalą. Ja się w tej materii nie wypowiem zbytnio, ale uważam, że do poziomu junior można dojść samemu a potem praktyka, praktyka i praktyka.
W tej kwestii zadawałem Ci pytanie pod filmikiem "Kariera początkującego programisty"
Co uważasz za wystarczające umiejętności, by starać się o swój pierwszy staż/posadę juniora? Mowa tutaj o front-endzie oczywiście.
Ciężko jakoś to ogarnąć samemu. Zaczałem się uczyć niedawno, ale zależy mi właśnie na tym co opisałeś wyżej - aby dostać się do jakieś firmy i zacząć na tym zarabiać(i nie mówię tutaj o pieniądzach typu 5 tysięcy złotych), ale zacząć pracować w takim kierunku i móc się rozwijać w jakieś firmie.
Co powinienem umieć, zanim zacznę próbować walczyć o swój pierwszy staż?
na "fejsie" od groma tego typu pytań jak twoje jest i jest też mnóstwo odpowiedzi. polecam przejrzeć i może dołączyć... Programowanie - wsparcie na start , HTML i CSS3: pierwsze kroki ,
Dzięki, nie mówię, że to źle że podałeś czy coś... Ale gdybym chciał znać opinię "jakichś ludzi z fejsa, poszedłbym na fejsa". Mam komputer nie od dziś, mam 23 lata, potrafię używać googla... Natomiast chodzi mi o opinię konkretnej osoby, dlatego zadałem pytanie tutaj.
Damian, jeśli sprawnie posługujesz się już css i javascript to szukaj, ale wcześniej wykonaj kilka projektów nawet do szuflady (ładny landing page na przykład i stronę o sobie). Wysyłaj jak najwięcej emaili po software house i pisz gdzie jesteś/na jakim poziomie (link do swojej strony) i ze bardzo chcesz się rozwijać. Jeśli Ci nie odpowie któryś sh, to się nie zrażaj i dopytuj ich w kolejnym emailu. Działy HR powinny Ci odpisać czego oczekują i czy możesz się pojawić u nich na rozmowie (a jak nie teraz to kiedy). Reasumując. Ważne co umiesz, ale jeszcze bardziej ważne jak szukasz, kim jesteś i kim chcesz być. Zawsze jeśli uznają, że masz za małe umiejętności mogą Ci zaoferować płatny kilkumiesięczny staż (płatny wyżej oczywiście niż ten z US) a potem idziesz już na normalne zasady.
Dzięki temu poradnikowi udało mi się zrobić moją pierwszą stronę 😁 czy będzie odcinek jak zrobić rozwijane menu? 😀
Co zrobić żeby w HTML lub CSS po kliknięciu w zdjęcie powiększało się?
witam, odnosnie podlinkowania gółnesj strony do podstron - u mnie to nie działa, używam css, div class, potem ol, li, ul, a href, niestety amatorka jestem, i tu utknęłam. ktoś wie dokładniej jak to podłączyć? druga sprawa to logowanie sie użytkoanika z głównej strony - nie przechodząc na inna lub nową tylko logowanie ma uaktywnić menu i inne linki z glównej? dzięki.
Super kanał :D
Super widzowie :)
Super prowadzący :)
Super hosting
Świetny materiał ! :)
;) szybko obejrzany
Samuraj Programowania jestem w trakcie :) będą pytania :)
Świetny film:))
Mam pytanie do kolejnych opcji menu. Musze do każdego z nich tworzyć osobny plik ze stylem css? czy jak to zrobić
Jake te hiperlacza maja float left to czy potrzeba w nastepnym divie dodac clear:both;?
Świetny cały pakiet odcinków 1-4 :) ogromne dzięki za to
Musisz przypisać klasę "Active" do kolejnych linków na kolejnych stronach.
Mamy "O mnie" i tam masz dwie klasy - menu i active. Jeżeli stworzysz stronę podlinkowaną jako "Aktualności", wtedy w pierszym linku będziemy mieć tylko "menu", a przy aktualnościach musisz ująć dwie klasy - menu i active :)
Kreska mi nie działa ta co jest pod nagłówkiem
Można szybko rozwiązać problem z menu dając zamiast width 25% np 24%. Jak komuś takie rozwiązanie pasuje to nie ma tragedii. Pozdro
super bonus
Nie wiem czy zostanie to odczytane, ale spróbować warto. Po wpisaniu "Transition" tak jak u Ciebie na filmie w nav a przy odświeżeniu strony całe menu się ładuj od samego tekstu w formie hiperłącza do wyglądu jaki ma mieć. Dopiero gdy wpiszę to w hoverze działa to jak należy. Skąd wynika różnica?
te news html nie działa mi jak klikam aktualności to pokazuje mi się pusta strona
Tylko u mnie inaczej działa transition? Nawet jak skopiowałem cały kod z codepen kopiuj wklej i problem ten sam...
Transition działa dobrze jeśli tylko najeżdżam myszką, ale jeśli kliknę na odnośnik do innej podstrony albo odświeżę stronę, to całe menu zmienia kolor od białego do ustawionego i jest rozwijane w dół przez tą 1 sek przez co również cała strona zjeżdża. Ustawienie właściwości w transition tylko dla background-color eliminuje to rozwijanie, ale kolor całego menu nadal jest animowany po kliknięciu.
Ehhh...
cześć mam pytanie podczas robienia pod strony tak jak u ciebie w materiale po zapisaniu tego wyskakuje mi że
ERR_FILE_NOT_FOUND
co z tym zrobić ???
Dotrwałem do końca :) Musze przyznać że jest to prostsze niż myślałem. Fajna zajawka. Znacie jakieś strony do dalszych ćwiczeń ? Samuraju może cięcie psd ?
jest przecież filmik ze stronami z kursami
Filmy bardzo super ale mam jeden problem. Cała strona jest przesunięta na lewo i nie wiem jak zrobić by była wyśrodkowana choć wszystko mam tak samo
Witam Pana bardzo serdecznie. dziekuje za tresci ktorymi chcial sie Pan podzielic. Jestem diagnosta komputerowym w firmie Asus Benelux mam to szcze szczescie ze w czasie pracy moge sobie sluchac youtuba. W domu koduje a w pracy slucham poki co jakos to dziala. Mam dosc mojej pracy zbyt monotonna mam nadzieje ze uda mi sie przekwalifikowac ale do rzeczy. Czy bedzie wiecej tutkow z czystego htmla ? Czy outline jest tak wazny teraz mam jakiegos starego tutka i gosciu sie produkuje ponad 30 minut na temat outline... ? Czy w tych czasach warto robic certyfikaty, jezeli tak to jakie I czy sa jakies bezplatne ktore sa honorowane w jakis sposob przez firmy ? Chcialbym sprobowac jako front -end ale nie wiem np jak sprecyzowac cv zeby mnie ktos zechcial nie maja zadnego doswiadczenia w tym temacie. Portfolio wystarczy ?
najpierw łapka w górę a później obejrzę;p
Mam problem z obrazkiem na górze strony.
Mój obrazek ma 1920 × 1080 pikseli. Szerokość strony mam 1000 px. Wszystko się dopasowuje oprócz tego obrazka. Co zrobić że to dopasować.
Mój kod html w body to
w style.css
#imgHeader {
width: 25%;
display: block;
}
EDIT: Wystarczy dodać wysokość i szerokość ustawić tyle ile nam potrzeba // Prawdziwy użytkownik tego konta
no ale jak mam zmienić nazwę linka do strony od tego gdzie się znajduje plik ze stroną na www. itd.?
Po dodaniu @media nic sie nie zmienia przy zmniejszaniu strony.
* {
margin: 0;
padding: 0;
font-family: Roboto, arial;
box-sizing: border-box;
}
body {
background-color: #ddb;
}
#wrapper {
max-width:1000px;
margin: 0 auto;
background-color: white;
}
header img {
width:100%;
display: block;
}
nav {
overflow: hidden
}
.menu {
display:block;
width: 25%;
float:left;
text-decoration: none;
color: white;
background: darkcyan;
text-align: center;
padding: 15px 30px;
}
a.menu:hover {
background-color: crimson;
cursor: pointer;
}
.active{
background-color: crimson;
}
@media (max-width:800px) {
nav a {
width: 50%;
}
}
@media (max-width:500px) {
nav a {
width: 100%;
}
}
article {
margin-top: 30px;
margin-bottom: 15px;
padding: 0 20px;
}
article h1 {
text-align: center;
margin: 0 15% 30px 15%;
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid crimson;
}
.left {
float:left;
padding: 0px 10px 10px 0;
width:30%;
border-radius: 50% 30%;
}
article p {
text-align: justify;
line-height: 25px;
font-size: 18px;
padding: 15px 0;
}
{
width:100%;
}
footer {
height: 40px;
background-color: darkcyan;
color: white;
text-align: center;
line-height: 40px;
}
Okey, w jednej części użyłem selektora .menu, a w drugiej nav a. Oba selektory muszą być takie same aby to działało
Nie dzialaja mi przyciski jak nacisne raz to puzniej wracac musze przez wyszukiwarke do popszedniej strony bo nie znajduje indeksu html gdzie zrobilem blad ?
Wie pan może jak zapisac szerokosc menu jako 1/3 gdyz chcialem zrobic menu z 3 elementow lecz 33.(3)% nie dziala ,jak zapisac procent w okresie
Witam a nie lepiej by było tą nawigacje konkretnie menu zakodować w html poprzez listę ul?
Mam jedno pytanie:
Kiedy zrobiłem już podstrony, to jest takie dziwne zjawisko kiedy w nie wchodzę. Nie przeszkadza mi to, ale już mówię o co chodzi.
Kiedy w podstronach wracam na stronę główną wszystko jest ok, jednak po kliknięciu na wszystkie inne podstrony, w momencie wczytywania ich menu tak jakby wyłania się i rośnie.
Ktoś wie w czym problem?
Z góry dziękuję.
witam, mam problem tego typu że po użyciu favicon w edytorze kodu i odświeżeniu projektu moje zakładki zmieniły swoje favicony na pasku na ten stworzony prze zemnie :(
Jak wstawić napis na IMG w headerze?
Ale jedna rzecz nie działa następna.
Stworzyłem stronę news, skopiowałem z indexu, skasowałem, okey...
selektor w css article p.
Na stronie index działa poprawnie, gdy naciskam na aktualności przechodzi na tę stronę, ale wszystko w p na stronie news.html nie działa. Jakby css nie działał na nie.
Dodatkowo jak jestem na stronie news.html, dam podgląd na żywo to wszystko w p jest okey, a jak kliknę na O mnie(index.html) to css się wysypuje. Nie wiem czy tak powinno być?
Reasumując. Zaczynam podgląd na żywo na stronie o mnie(index.html) wchodzę w O mnie(news.html) css nie działa w miejscu article p.
Zaczynam podgląd na żywo na stronie Aktualności(news.html) cały css działa, razem z tym article p które opisałem wyżej, klikam w O mnie(index.html) i wysypuje się cały css.
Witam, świetne filmiki oby wiecej.
Mam natomiast pytanie do towjego Brackets- przykładowo gdy wybierasz #wrapper odrazu po wpisaniu pierwszej litery (w) u Ciebie pojawia sie automatyczna podpowiedz, w CSS czy jest to jakiś dodatek do programu czy można to gdzieś w opcjach ustawić?
ponieważ u mnie nie działa, (działają tylko podpowiedzi w css jak już pisze w ({...}) dzięki za odpowiedz
A czy po float: left; nie trzeba w kolejnym div wpisać clear: booth; ?
U mnie po zmianie nav i dodaniu overflow: hidden; wszystko pod menu stało się niewidoczne a potem tylko coś popsułem dodałe kod z codepen i całkowicie inaczej to wygląda ehmm ;/ mogłem zachować kopię strony
Ten kod z analitycs to wkleić do index.html news.html i style.css. zrobiłem to i nie działa mi link do strony. o co chodzi z tym kodem php którego nie użyłeś. Jaki kod wczytany w google analitycs
Nie wiedziałem o tej metodzie z @media, jest świetna, ale...
Nie jest idealna, najnowsze urządzenia mobilne mają rozdzielczości fullHD, 2K a pojedyncze nawet 4K , więc na tych urządzeniach pomimo nadal małego wyświetlacza (na taką rozdzielczość oczywiście, bo 5,5 czy 5,7 cala to nie jest mało..) będą się wyświetlać pełnowymiarowe strony, które mogą okazać się w takim przypadku nieczytelne, dlatego moim zdaniem lepiej byłoby zastosować w @media jednostkę vh zamiast px
Mam głupie pytanie. Stworzyłem stronę. Na próbę wrzuciłem ją do darmowego hostingu (cba.pl). Tam zrobiłem upload wszystkich plików. I co teraz? Jeśli chcę je edytować to muszę ściągać na dysk żeby użyć Bracketsa i później podmieniać? Nie ma na to łatwiejszego sposobu, oczywiście poza bawieniem się edytorem domyślnym FTP.
Z góry dziękuję za pomoc.
W tej części kod css różni się od tego w ostatniej lekcji. Chyba że coś pominąłem? Skąd te zmiany?
jak zrobić żeby footer był zawsze na samym dole strony i nic nie zakrywał?
bottom: 0 lub w niektórych przypadkach clear: both;
Witam
Czy idąc na studia informatyczne miałeś wcześniej sporą wiedzę ? Myślisz , że jak nie miałem dużo wspólnego z inf wcześniej to można sobie poradzić ?
SIema. Chciał bym uczyć się dalej według twojego kursu. Który kolejny filmik powinienem odpalić? Z tego co widzę playlista kończy sie na filmie pod którym piszę komentarz.
Kod javy wkleiłem do index i news i zapisałem wszystko . Nie działa co nie tak zrobiłem? Bardzo proszę pomóżcie 2 dni robiłem tą stronę z tych poradników. Mam ten kody javy i wkleiłem go w body w index i news. .
może trochę odkopuje, ale pamiętaj żeby to zadziałało musisz stronę mieć postawioną na jakimś hostingu, a nie lokalnie
Super!!! a ja do tego używałem Bootstrapa :(
Mam takie małe pytanko, w jednym z poprzednich odcinków powiedział pan żeby elementy liniowe takie jak "wkładać" w elementy blokowe takie jak , co trzeba zrobić aby obrazek był wyżej lub niżej względem tekstu jeśli jest w elemencie ?
w stylu img. wpisać nie float:left, a np float:top lub float:bottom
*Nie wykrywa mi strony w https//...*
Dlaczego mój plik z bracketsa otwierany w przeglądarce ma dodane znaczniki w headzie z jakimś kodem brackets i umową licencyjną? Do tego każdy element ma dodatkowe id "data-brackets-id-numer" ? Co z tym zrobić?
bo brackets tak robi :) Dlatego by podejrzeć kod dobrze otwierać sobie własny plik w przeglądarce a pogląd bracketsa wykorzystywać do oceny efektów zmiany na bieżąco.
dzięki wielkie :)
Jak już ktoś tutaj napisał twój kod CSS różni się od tego który napisaliśmy wcześniej.
skończyłem stronkę www.maroio.pl , oczywiście większość tam dla śmichu a teksty na syzbkości, ale wolałem coś choć trochę indywidualnego zrobić, nakręcony na robienie kolejnych projektów dziękuje Bartoszu za te filmiki, jak to się rozwinie, to jak bedą mnie pytać jak zacząłem to świat usłyszy o websamuraju ;) o pytanie ma ktos pomysl na jakąś dobrą nazwę uzytkownika na mail na maroio.pl ? pod kotem kodowania?
Hej, pytanie do Pana Samuraja. Jak się nauczyć tego css? Gdzie czerpać wiedzę?
zobacz ile masz filmów o CSS choćby na tym kanale :)
@@SamurajProgramowania dzięki. Mogę jeszcze o coś zapytać? Co trzeba mieć minimum w portfolio żeby ktoś nas przyjął do pracy, wziął pod uwagę w procesie rekrutacji? Pozdr
2022 i daje rade
to ja mam małe pytanko - mamy taka stronkę i chcemy sobie dorobić te pozostałe pozycje w menu, żeby miały taki sam wygląd tylko inny tekst w środku, możemy oczywiście do każdego skopiować ten wygląd, ale potem jak będziemy chcieli coś zmienić to musimy w każdym pliku - można jakoś zrobić wspólny szablon itp?
Oczywiście, że można, a nawet trzeba, ale to już więcej zabawy i nie na podstawach :) Kiedyś i do tego dojdziemy.
Samuraju znasz moze jakas dobra metode by wymienic tylko zawartosc naszego "kontenera" na tresc bez przeladowania calosci? Mysle ze tutaj JS chyba wchodzi tak?
tak js np. innerHTML
Dzięki Wojtar
Daniel, to zależy co masz na myśli zmienić zawartość i skąd nowa ma być pobrana. W takim podstawowym zakresie innerHTML tak jak napisał Wojtar. Nie wiem czy oglądałeś filmik o js na kanale, tam co prawda jest inna właściwość użyta, ale innerHTML będzie w drugiej części :)
Samuraj Programowania czekam wiec n filmik rozszerzajacy js :) chcialem po prostu zawartosc naszego kontenera na tresc zmieniac w zaleznosci od pozycji menu na ktorej aktualnie sie znajdujemy.
Co byscie polecili obejrzec w nastepnej kolejnosci po tych 4 odcinkach?
Kolejny Super filmik!
Mam pewien problem, kiedy sobie koduje resztę podstron, nie mogę przeskoczyć z przycisku 'Aktualności' bezpośrednio do 'Inspiracji', muszę wrócić się najpierw do podstrony 'O mnie' i dopiero wtedy mogę wejść na 'Inspiracje' to samo gdy próbuje przeskoczyć z aktualności na zakładkę 'Kontakt. Co robię źle? Nie wiem, niby kod wygląda dobrze...
Posprawdzaj czy w każdym pliku ustawiłeś dobre linki w nawigacji. Pewnie gdzieś zostawiles href="#", czyli link nie przenosi na żadną podstronę.
Nie działa mi kod sledzenia
2:40 zle podpisałes numery
Cześć. Mógłbyś podać linki do stron z których można pobrać darmowe tła, zdjęcia do tworzenia strony.
Taki materiał będzie :), ale ponieważ nie wiadomo kiedy, to polecę jedną fajną stronkę z grafikami w domenie publicznej (czyli można ich używać bez podawania źródła i w celach komercyjnych). Jest to pixabay.com
Dzięki wielkie za odpowiedz :)
BONUS BGC ? :D
Gdyby było w tytule to oglądalność by podskoczyła :)
: