Witam zaczynam sie uczyc chce strozyc platne boty np do agario czy do teamspeak pytanie czego musze sie najbardziej uczyc jak wiadomo nikt nie da kodu nie wiem od czego wgl zaczac jestem po 1 odcinku jak zostac programista w 60 minut
Hej, mam pytanie odnośnie buttona czy nie powinniśmy go łapać przez let button = document.querySelector('.klasa-buttona'); button.addEventListener('click', function() { // jakaś funkcja }); Bo zawsze uczyłem się w ten sposób, mógłbyś nakreślić jakie są różnice w obu metodach ? Pozdrawiam i dzięki za super materiały ! ;)
QuerySelector to nowsza metoda, która daje nam więkdsze możliwości, bo możemy pobrać również elementy, które nie posiadają id, ale w takich sytuacjach jak tutaj - gdzie znamy id elementu - skorzystanie z getElementById jest jak najbardziej słusznym i wystarczającym sposobem.
@@JakNauczycSieProgramowania Dzięki za odpowiedź ale nie do końca o to mi chodziło. let button = document.getElementById('id-buttona'); button.addEventListener('click', function() { // jakaś funkcja }); Wtedy nie musimy w HTML na button ustawiać onclick='jakas funkcja()' tylko łapiemy go w JS i od razu przypisujemy funkcję co za tym idzie w pliku HTML wgl. nie ustawiamy onclick'a. I nie wiem czy mój zapis jest błędny czy po prostu nie użyłeś Eventu z względu na to ,że nie były omawiane.
@@Mateusz-om8qf addEventListener daje większe możliwości, bo dzięki tej metodzie możemy przypisywać do tego samego eventu kilka różnych listenerów, w naszym przypadku onClick wystarcza, ale spokojnie można byłoby wybrać Twoje podejście, zazwyczaj w programowaniu ten sam cel możemy osiągnąć na różne sposoby i tak też jest w tym przypadku :)
Mam taki blad ze jak klikam button na stronie nic nie pokazuje czy jest za malo czy za duzo tak jakby ten button nic nie robil jakby sie zepsul i nie wiem czym jest to spowodowane moglby ktos pomoc?
Tutaj caly skrypt z strony.html a ten skrypt js jest tu let number = Math.floor(Math.random() * 11); function play() { let userNumber = document.getElementById.("userNumber").value; let message; if(userNumber > number) { message = "Twój numer jest za duży"; } else if (userNumber < number) { message = "Twój numer jest za mały"; } else { message = "Gratulacje to właściwa liczba." } document.getElementById("message").innerHTML = message; }
@@marci_223 Masz nadmiarową kropkę tutaj: let userNumber = document.getElementById.("userNumber").value; Zmień na let userNumber = document.getElementById("userNumber").value; i będzie ok :)
Do tagu html nie, ale można dodawać inne języki do innych tagów na stronie: www.nomensa.com/blog/2010/7-tips-for-multi-lingual-website-accessibility accessibility.psu.edu/foreignlanguages/langtaghtml
Ciężko powiedzieć nie widząc kodu, ale jeżeli coś nie działa, to oznacza, że musisz mieć gdzieś błąd. Podziel się tym co robisz na Discordzie: www.jaknauczycsieprogramowania.pl/discord albo na grupie na FB: facebook.com/groups/jaknauczycsieprogramowania/ i ogarniemy co jest nie tak.
Prawdopodobnie jednak gdzieś popełniasz błąd. Podziel się tym, co robisz na Discordzie: www.jaknauczycsieprogramowania.pl/discord i zobaczymy co jest nie tak.
Jak się nazywa używanie javascript w HTML tak jak tutaj bo ciągłe uczyłem sie osobno tych rzeczy a tu pierwszy raz ucze sie znowu czegoś na nowo .chyba odpowiedzia bedzie uczyć sie bibliotek react lub angulara czy ide w dobrym kierunku ?
Jeżeli mówimy o programowaniu webowym, to możemy albo korzystać z frameworków albo z czystego JavaScript. W tym filmie korzystamy właśnie z czystego JS, bez żadnych frameworków i bibliotek. React i Angular to zdecydowanie dobry wybór :)
Rok nie ma tutaj znaczenia, działało to w 2019 roku i działa w 2020 :) Jakie masz błędy? Wrzuć najlepiej screenshoty na grupę: facebook.com/groups/jaknauczycsieprogramowania I ogarniemy :)
@@JakNauczycSieProgramowania czesc dzieki tobie zrobilem taki skrypt nie advertise albo cos poprostu niech pan zobaczy co za skrypt zrobilem th-cam.com/video/IpMgpQMPzqI/w-d-xo.html i bardzo polecam panski kanal naprawdze duzo sie nauczylem.
Obejrzałem twój odcinek pt"Podstawy programowania w JavaScript w 60 MINUT", robiłeś tam jako przykład kod ze stroną z alko. Na tej samej zasadzie napisałem kod dzięki któremu strona zapyta nas o średnia, a po podaniu przedstawia nam jaka to ocena (słownie). Jak to teraz przenieść by można było uruchomić to poza stroną codpen.io
Możesz stworzyć plik z rozszerzeniem .js, który dołączysz do strony albo umieścić skrypt pomiędzy znacznikami . I jeszcze jedna rzecz, bo prawdopodobnie skorzystałeś z console.log do wyświetlenia tekstu. To jest ok, ale console.log wyświetla tekst tylko w konsoli, a Ty pewnie chcesz wyświetlić go na stronie, którą otworzysz w przeglądarce. Spójrz na ten przykład: www.golangprograms.com/example-to-take-user-input-and-display-on-screen-using-javascript.html I spróbuj zrobić analogicznie :) Daj znać jak poszło!
@@JakNauczycSieProgramowania EDIT: Obejrzałem kolejne kilka razy i udało mi się rozwiązać temat nieco inaczej ! Udało mi się to ogarnąć. Mam jednak pytanie jak zapętlić to działanie, czyli chciałbym żeby można było sprawdzić swoją ocene w nieskończoną ilość razy bez potrzeby odświeżania strony na nowo. Domyślam się że przy użyciu pętli, powtarzam ciągle twój film gdzie mówiłeś o pętli while i for ale nie do końca jeszcze rozumiem jak to zrobic w moim przypadku gdy nie ma błędnej odpowiedzi na pytanie z okienka. Tak czy siak gorąco polecam twoje filmy każdemy kto chce się czegoś dowiedzieć bo bardzo merytorycznie i zrozumiale tłumaczysz !
@@JakNauczycSieProgramowania jestem na etapie junior developera znalazłem pierwszą pracę pracuje już pół roku i uważam że znajomość gita i testów jednostkowych powoli staje się standardem nawet na stanowisku juniorskim a nawet jak nie standardem to ogromna zaleta warto o tym też wspomnieć lub nagrać cały odcinek o testach
Czasem w kursach i tutorialach mogą znaleźć się pojęcia bez dokładnego wytłumaczenia, oczywiście warto je sobie doprecyzować, także wtedy po prostu poszukaj o nich informacji w necie: www.w3schools.com/jsref/prop_html_innerhtml.asp Plus takiego podejścia jest taki, że zazwyczaj znajdziez nie tylko wiedzę na temat tego jednego konkretnego konceptu, ale też rzeczy dookoła niego.
@@JakNauczycSieProgramowania I mam jeszcze pytanie bo w 8 minucie i 40 sekund gdy wchodzę na stronę mam ten przycisk ale się nic nie pokazuje :| wiesz o co może chodzić? i w Html checker daje ten kod i wyskakuje mi takie coś Error: End tag for body seen, but there were unclosed elements.
@@AWIIZO Ciężko powiedzieć nie widząc tego, co robisz, także opisz problem i wrzuć na grupę: facebook.com/groups/jaknauczycsieprogramowania I ogarniemy :)
Ale czemu? Swietnie tu wyjaśnia jak zacząć programować we Front. Nie tak sztywno jak na innych kursach. Pokazuje naprawde wiele przydanych wiadomości. Ja np nie wiedziałam, że jest coś takiego jak "HTML checker", w żadnym kursie o HTML o tym nie mówią. Dzięki temu można się sprawniej nauczyć poprawnej struktury HTML. Uwielbiam takie spontan filmiki, wtedy najwięcej praktyki sie człowiek dowie, a nie tylko sztywne regułki, które można wyczytać w ksiązkach... Kamil robisz świetną robotę !!! Rób trochę tego i tego, a może we wtorki dla początkujących a w czwartki dla zaawansowanych? ;) :D
@@monikaradecka7061 Tak byłoby idealnie, ale niestety póki co czas pozwala mi tylko na jeden film w tygodniu :( na pewno jednak będą się pojawiały materiały dla początkujących, jak i dla osób nieco bardziej zaawansowanych, także i jedna i druga grupa znajdzie tutaj coś dla siebie. Mam sporo planów dotyczących kanału, jeżeli wszystko pójdzie zgodnie z planem, to jest duża szansa, że w pewnym momencie pojawiać się będą dwa filmy w tygodniu, a może nawet i więcej :)
Dzięki temu filmikowi już wiem jakiego języka programowania będę się uczyć 😍 żaden filmik typu "od czego zacząć programowanie" nie pomógł mi wybrać...
Fajny odcinek, prosimy o więcej praktycznych zastosowań javascrptu dla początkujących!
Bardzo przyjemnie się ciebie słucha
Dzięki!
Super sprawa dla początkujących!!!
Kamil oby więcej takich filmów i ludzi 👏
Dobra robota, czekam na więcej! :D
Bardzo zrozumiałe, fajnie!
Jakie to jest proste 😮😮
Jest super powiedziane
Dzięki wielkie za ten odcinek! Wszystko jasno wytłumaczone, jak zresztą na innych odcinkach też. Szkoda tylko że nie kontynuowałeś serii.
Może jeszcze wrócę do podstaw JS za jakiś czas :) a co byś chciał w tym temacie obejrzeć?
Filmik w którym wytłumaczysz dalsze rzeczy w JS (ten co trwał godzinę juz oglądałem)
@@JakNauczycSieProgramowania Hmm... może robienie jakiejś łatwej gierki w js? typu kółko i krzyżyk?
@@pjot3r790 tak
@@pjot3r790 tak to by było fajne
Za mało. Chcę więcej.
Myślę, że w tym roku uda się nagrać co najmniej kilka odcinków związanych z JavaScript:)
Bardzo fajnie się ogląda Twoje filmy, czekam na odcinki z JAVA.
witam jakieś kursy dostępne na YT do Html i css ?
Dobra robota :)
fajny odcinek napewno cos z tego wyniose
Witam zaczynam sie uczyc chce strozyc platne boty np do agario czy do teamspeak pytanie czego musze sie najbardziej uczyc jak wiadomo nikt nie da kodu nie wiem od czego wgl zaczac jestem po 1 odcinku jak zostac programista w 60 minut
Witam czy może Pan zrobić poradnik jak pisać co kolwiek na zjęciu ? Na stronie
A jak zmienić grafike strony, lub żeby po wejściu na stronę odrazu odpalał sie film
Hej, mam pytanie odnośnie buttona czy nie powinniśmy go łapać przez
let button = document.querySelector('.klasa-buttona');
button.addEventListener('click', function() {
// jakaś funkcja
});
Bo zawsze uczyłem się w ten sposób, mógłbyś nakreślić jakie są różnice w obu metodach ?
Pozdrawiam i dzięki za super materiały ! ;)
QuerySelector to nowsza metoda, która daje nam więkdsze możliwości, bo możemy pobrać również elementy, które nie posiadają id, ale w takich sytuacjach jak tutaj - gdzie znamy id elementu - skorzystanie z getElementById jest jak najbardziej słusznym i wystarczającym sposobem.
@@JakNauczycSieProgramowania Dzięki za odpowiedź ale nie do końca o to mi chodziło.
let button = document.getElementById('id-buttona');
button.addEventListener('click', function() {
// jakaś funkcja
});
Wtedy nie musimy w HTML na button ustawiać onclick='jakas funkcja()' tylko łapiemy go w JS i od razu przypisujemy funkcję co za tym idzie w pliku HTML wgl. nie ustawiamy onclick'a. I nie wiem czy mój zapis jest błędny czy po prostu nie użyłeś Eventu z względu na to ,że nie były omawiane.
@@Mateusz-om8qf addEventListener daje większe możliwości, bo dzięki tej metodzie możemy przypisywać do tego samego eventu kilka różnych listenerów, w naszym przypadku onClick wystarcza, ale spokojnie można byłoby wybrać Twoje podejście, zazwyczaj w programowaniu ten sam cel możemy osiągnąć na różne sposoby i tak też jest w tym przypadku :)
Mam taki blad ze jak klikam button na stronie nic nie pokazuje czy jest za malo czy za duzo tak jakby ten button nic nie robil jakby sie zepsul i nie wiem czym jest to spowodowane moglby ktos pomoc?
Wrzuć kod, który napisałeś i zobaczymy co jest nie tak :)
@@JakNauczycSieProgramowania
Moja pierwsza strona
Podaj Liczbę:
Sprawdź, czy wygrałeś
Tutaj caly skrypt z strony.html a ten skrypt js jest tu
let number = Math.floor(Math.random() * 11);
function play() {
let userNumber = document.getElementById.("userNumber").value;
let message;
if(userNumber > number) {
message = "Twój numer jest za duży";
} else if (userNumber < number) {
message = "Twój numer jest za mały";
} else {
message = "Gratulacje to właściwa liczba."
}
document.getElementById("message").innerHTML = message;
}
@@marci_223 Masz nadmiarową kropkę tutaj: let userNumber = document.getElementById.("userNumber").value;
Zmień na let userNumber = document.getElementById("userNumber").value;
i będzie ok :)
@@JakNauczycSieProgramowania dziekuje bardzo fajnie pan tlumaczy :) duzo mi to pomoglo
niedziała a wszystko zrobiłem dobrze aktualny jeszcze ten kod?
A pokaż kod, który napisałeś, pewnie jest gdzieś mały błąd :)
jak to zapisac i przejsc na ta strone?
Musisz zapisać stronę w wybranym katalogu na dysku, a potem przejść do tego katalogu i otworzyć ten plik.
Czy można dodać więcej niż jeden "lang"?
Do tagu html nie, ale można dodawać inne języki do innych tagów na stronie:
www.nomensa.com/blog/2010/7-tips-for-multi-lingual-website-accessibility
accessibility.psu.edu/foreignlanguages/langtaghtml
nie rozumiem dlaczego ale kod nie chce uruchomić w przeglądarce nawet przy prostym= console.log("Hello World");
Ciężko powiedzieć nie widząc kodu, ale jeżeli coś nie działa, to oznacza, że musisz mieć gdzieś błąd. Podziel się tym co robisz na Discordzie: www.jaknauczycsieprogramowania.pl/discord albo na grupie na FB: facebook.com/groups/jaknauczycsieprogramowania/ i ogarniemy co jest nie tak.
Dlaczego nie działa mi żaden skrypt, który robię? Wszystmo robię tak jak trzeba. Nie rozumiem...
Prawdopodobnie jednak gdzieś popełniasz błąd. Podziel się tym, co robisz na Discordzie: www.jaknauczycsieprogramowania.pl/discord i zobaczymy co jest nie tak.
Jak się nazywa używanie javascript w HTML tak jak tutaj bo ciągłe uczyłem sie osobno tych rzeczy a tu pierwszy raz ucze sie znowu czegoś na nowo .chyba odpowiedzia bedzie uczyć sie bibliotek react lub angulara czy ide w dobrym kierunku ?
Jeżeli mówimy o programowaniu webowym, to możemy albo korzystać z frameworków albo z czystego JavaScript. W tym filmie korzystamy właśnie z czystego JS, bez żadnych frameworków i bibliotek.
React i Angular to zdecydowanie dobry wybór :)
omomomomo :D
jaki program ?
Jeżeli pytasz o ten, w którym piszę kod to Visual Studio Code, ale możesz użyć dowolnego edytora tekstu.
zrób to samo tylko z 2020roku bo u mnie wywala nieskończoność błędów mi sie nie chce pojawić tekst
Rok nie ma tutaj znaczenia, działało to w 2019 roku i działa w 2020 :) Jakie masz błędy?
Wrzuć najlepiej screenshoty na grupę: facebook.com/groups/jaknauczycsieprogramowania
I ogarniemy :)
@@JakNauczycSieProgramowania czesc dzieki tobie zrobilem taki skrypt nie advertise albo cos poprostu niech pan zobaczy co za skrypt zrobilem th-cam.com/video/IpMgpQMPzqI/w-d-xo.html i bardzo polecam panski kanal naprawdze duzo sie nauczylem.
Uwielbiam dźwięki tej klawiatury 3>
Pracujesz na PC czy laptop?
Na MacBooku pracuję, zazwyczaj z zewnętrzną klawiaturą Logitecha, ale nagrywając ten film chyba jeszcze jej nie używałem :)
@@JakNauczycSieProgramowania jak pan zapisuje jednym przyciskiem ?
@@lukaszqw Jak zapisuję plik?
@@JakNauczycSieProgramowania 3:48
@@lukaszqw Ctrl + S
Obejrzałem twój odcinek pt"Podstawy programowania w JavaScript w 60 MINUT", robiłeś tam jako przykład kod ze stroną z alko. Na tej samej zasadzie napisałem kod dzięki któremu strona zapyta nas o średnia, a po podaniu przedstawia nam jaka to ocena (słownie). Jak to teraz przenieść by można było uruchomić to poza stroną codpen.io
Możesz stworzyć plik z rozszerzeniem .js, który dołączysz do strony albo umieścić skrypt pomiędzy znacznikami . I jeszcze jedna rzecz, bo prawdopodobnie skorzystałeś z console.log do wyświetlenia tekstu. To jest ok, ale console.log wyświetla tekst tylko w konsoli, a Ty pewnie chcesz wyświetlić go na stronie, którą otworzysz w przeglądarce. Spójrz na ten przykład: www.golangprograms.com/example-to-take-user-input-and-display-on-screen-using-javascript.html
I spróbuj zrobić analogicznie :) Daj znać jak poszło!
@@JakNauczycSieProgramowania Dziękuję za odpowiedź dałeś mi zajęcie na dziś :)
@@ryszkos No to miłej zabawy życzę :D I tak teraz jest #stayhome także warto wykorzystać ten czas na programowanie ; )
@@JakNauczycSieProgramowania EDIT: Obejrzałem kolejne kilka razy i udało mi się rozwiązać temat nieco inaczej !
Udało mi się to ogarnąć. Mam jednak pytanie jak zapętlić to działanie, czyli chciałbym żeby można było sprawdzić swoją ocene w nieskończoną ilość razy bez potrzeby odświeżania strony na nowo. Domyślam się że przy użyciu pętli, powtarzam ciągle twój film gdzie mówiłeś o pętli while i for ale nie do końca jeszcze rozumiem jak to zrobic w moim przypadku gdy nie ma błędnej odpowiedzi na pytanie z okienka. Tak czy siak gorąco polecam twoje filmy każdemy kto chce się czegoś dowiedzieć bo bardzo merytorycznie i zrozumiale tłumaczysz !
Może coś o testach?
Testach jednostkowych?
@@JakNauczycSieProgramowania jestem na etapie junior developera znalazłem pierwszą pracę pracuje już pół roku i uważam że znajomość gita i testów jednostkowych powoli staje się standardem nawet na stanowisku juniorskim a nawet jak nie standardem to ogromna zaleta warto o tym też wspomnieć lub nagrać cały odcinek o testach
@@EmilDworniczak Zgadzam się i jest już taki odcinek: th-cam.com/video/mQUd-H2rGis/w-d-xo.html
Super... Szkoda tylko że nie tłumaczyłeś co dany skrypt robi np: innerHtml co to robi nadal nie wiem...
Czasem w kursach i tutorialach mogą znaleźć się pojęcia bez dokładnego wytłumaczenia, oczywiście warto je sobie doprecyzować, także wtedy po prostu poszukaj o nich informacji w necie: www.w3schools.com/jsref/prop_html_innerhtml.asp
Plus takiego podejścia jest taki, że zazwyczaj znajdziez nie tylko wiedzę na temat tego jednego konkretnego konceptu, ale też rzeczy dookoła niego.
nie wiem jak otworzyć stronę na Windowsie, pomoże ktoś?
O co dokładnie pytasz? O to jak otworzyć plik?
@@JakNauczycSieProgramowania już nie potrzebuję pomocy ;) po prostu nie wiedziałem jak zapisać pracę a że byłem zmęczony to napisałem coś innego :(
@@AWIIZO a no to super, że już wszystko działa:)
@@JakNauczycSieProgramowania I mam jeszcze pytanie bo w 8 minucie i 40 sekund gdy wchodzę na stronę mam ten przycisk ale się nic nie pokazuje :|
wiesz o co może chodzić? i w Html checker daje ten kod i wyskakuje mi takie coś Error: End tag for body seen, but there were unclosed elements.
@@AWIIZO Ciężko powiedzieć nie widząc tego, co robisz, także opisz problem i wrzuć na grupę: facebook.com/groups/jaknauczycsieprogramowania
I ogarniemy :)
onclick w tutorialu w praktycznie 2020r? 🤔
o ile jeszcze zyjesz, co w tym złego?
function mes() {
document.getElementBYId("mes").innterHTML = "ok"
}
W czym tu jest błąd bo nwm
Dwie rzeczy:
1) Jest getElementBYId, a powinno być getElementById.
2) Jest innterHTML, a powinno być innerHTML.
Proszę nie idź w tę stronę 😥 Juz jest masa takich filmów na yt
Za tydzień lub dwa (nie wiem jeszcze, który z zaplanowanych filmów pójdzie jako pierwszy) wracamy do bardziej zaawansowanych tematów :)
@@JakNauczycSieProgramowania 😍😍😍
Ale czemu? Swietnie tu wyjaśnia jak zacząć programować we Front. Nie tak sztywno jak na innych kursach. Pokazuje naprawde wiele przydanych wiadomości. Ja np nie wiedziałam, że jest coś takiego jak "HTML checker", w żadnym kursie o HTML o tym nie mówią. Dzięki temu można się sprawniej nauczyć poprawnej struktury HTML. Uwielbiam takie spontan filmiki, wtedy najwięcej praktyki sie człowiek dowie, a nie tylko sztywne regułki, które można wyczytać w ksiązkach... Kamil robisz świetną robotę !!! Rób trochę tego i tego, a może we wtorki dla początkujących a w czwartki dla zaawansowanych? ;) :D
@@monikaradecka7061 Tak byłoby idealnie, ale niestety póki co czas pozwala mi tylko na jeden film w tygodniu :( na pewno jednak będą się pojawiały materiały dla początkujących, jak i dla osób nieco bardziej zaawansowanych, także i jedna i druga grupa znajdzie tutaj coś dla siebie. Mam sporo planów dotyczących kanału, jeżeli wszystko pójdzie zgodnie z planem, to jest duża szansa, że w pewnym momencie pojawiać się będą dwa filmy w tygodniu, a może nawet i więcej :)
@@JakNauczycSieProgramowania Wspaniale, trzymam kciuki :)