Kurs JavaScript od zera

[@kacp3roxd636]

To chyba najlepszy poradnik o JavaScripcie na KZbin! Fajnie byłoby, gdybyście dodali kontynuację tego kursu, w której można by umieścić takie zagadnienia jak: funkcje deklaratywne, zmiana stylu z poziomu kodu JavaScript, setTimeout, oraz wywoływanie funkcji JavaScript z poziomu HTML za pomocą onclick, itp.

[@domi16548]

Genialnie wytłumaczone na bazie żywych przykładów a nie klepanie teorii przez 40h i potem praktyka gdzie się zapomni w tym czasie 70% rzeczy.

[@lukasz._]

Jeden z najlepszych kursów dotyczących nie tylko JavaScript, ale ogólnie pojętych podstaw programowania. Bardzo Wam dziękuję, że stworzyliście coś tak dobrego i udostępniliście to bezpłatnie dla ludzi, którzy chcą poznać bardzo solidne podstawy programowania.

[@MajaLempart]

Jak mi się podoba gdy mówicie ,,dla przyszłych developerów i DEVELOPEREK

[@prezi84]

Fajny kurs, bardzo praktyczny! 50:57 warto wspomnieć, że możemy też użyć 2 znaki równości (==) jeśli porównujemy tylko wartości, niezależnie od typów zmiennych

[@krzysztofgraca2259]

Jednak wasz kurs był efektywny bo udało mi się samemu to zrobić - jeszcze raz wielkie dzięki za materiał.

[@krzysztofgraca2259]

Jak zwykle wysoki poziom. Sporo wiedzy super podane. Szukałem właśnie czegoś takiego. Wielkie dzięki ;)

[@barski13]

Dziękuję za ten filmik, dawno nie programowałem w js, a chciałem jakoś szybko przypomnieć sobie wiadomości z niego. Ten filmik wyjaśnił wszystko i mi przypomniał jak się w nim programowało. Dziękuję za to i mam nadzieje, że dalej będziecie tworzyć takie kursy ❤

[@mario_luigie4593]

Przesyłanie argumentów do parametrów funkcji wytłumaczone mistrzowsko! Ile ja się namęczyłem aby pojąć ta prostą w zasadzie rzecz przy nauce Javy :) - jestem pod wrażeniem Waszego kanału!

[@vermeneax]

Mega odcinek ! W końcu dokładnie rozumiem podstawy

[@warriorpriest3344]

Kilka potknięć i zjedzonych zębów ale choćby 100 razy to próbowałem naprawić każdy błąd i kurs skończony. Dzięki :)

[@anniediamond21webdesign26]

Swietny kurs, mega rozlozony na czynniki pierwsze jak dla mnie nawet za prosto :)) ale najlepszy jaki mialam okazje korzystac w Polsce, Korzystam z platnego kursu REACT i polecam kazdemu kto chce porzadnie nauczyc sie programowac

[@JZP]

Dzięki za miłe słowo

[@knexgame63]

Właśnie robiłem kurs 2h temu a tu taka niespodzianka

[@sadovskyy8048]

Bardzo ci dziękuje za ten odcinek. Mam nadzieje ze będzie więcej 😱❤️

[@Alter乂Aktywny]

Eh, ten plot twist na koncu :D super tutorial, mam nadzieje ze taka optymalizacja, upraszczanie kodu za pomoca funkcji, z czasem bedzie dla mnie bardziej intuicyjne :) Pozdrawiam!

[@xofie2105]

Kurs jest wspaniały! Każdy aspekt dobrze wytłumaczony i poparty przykładami

[@JZP]

Dzięki! Kłaniamy się nisko!

[@adriangrota5587]

Jestem bez wykształcenia i 12h spędziłem na zrozumieniu tego tematu ale się da. Polecam ;)

[@mario_luigie4593]

Świetny kurs, naprawdę przemyślany, a nie spontaniczne pokazywanie - choć za każdą wiedzę jestem wdzieczny, więc za tą tym bardziej. Dziękuję :)

[@JZP]

Kłaniamy się nisko ;)

[@zimek2377]

bardzo rzeczowo i zwięźle, super

[@daveid5274]

Bardzo dobry odcinek do przypomnienia sobie troche js. Niestety z js pożegnałem sie pół roku temu ale dzięki filmikowi przypomnilem sobie wszystko w godzinkę 😉

[@stanisawsieniakowski9930]

Narracja (ścieżka dzwiękowa) jest w filmie niesamowicie szybka i przyznaje że to jedyna niedoskonałość. Reszta na 5-tkę.

[@szymonciesielczyk154]

Akurat skończyłem webinarium o JS i z chęcią spróbuje ponownie :3 Trafione w sedno

[@kaczkof]

Dzięki wielkie, robicie super robotę!

[@doktor69doktor4]

Explained in great detail! Thank you so much!!

[@Damian1Ch93]

Świetne dla początkujących, Pozdrawiam :)

[@ola-pb5xy]

przydatne wiadomosci

[@michamocny9255]

Super odcinek, dzięki! Taka propozycja - aby na koniec takiego kursu zrobić krótkie podsumowanie całego kodu z wytłumaczeniem co za co odpowiada, pomoże to utrwalić widzę i zrozumieć wszystko. :)

[@gustawkrzewicki1496]

Akurat oglądałem twój filmik o szklanym designie :D

[@JZP]

Super! Mam nadzieję, że ten też Ci się spodoba :)

[@tomaszsmietanko7260]

Wszystko zrozumiałe. Świetny kurs.

[@uwmpr6148]

do uruchomenia devtoolsa na windowsie używa się F12

[@rafazielinski8480]

Kacper trochę goni z tłumaczeniem, bardzo szybko podaje dużo ważnych informacji. Robiąc kurs u Filipa, mimo że był na prędkości 1.25, to łatwiej było mi przyswajać wiedzę. Ale to nie zmienia faktu, że od listopada atakuję programowanie na poważnie i tworząc oba kursy wychodzicie mocno naprzeciw moim potrzebom. Serduszko dla was, dobrzy ludzie

[@JZP]

Następnym razem będę mówić wolniej! Dzięki za feedback. W moim przypadku będziesz musiał użyć spowolnienia 🙈

[@Johny_Scooba123]

Również się zgodzę. Generalnie fajnie wytłumaczone, jednak momentami troszkę za szybko przez co można było się pogubić. Poza tym super kursik i czekam na następne! :D

[@KatarzynaKinga]

Myślę, że tempo mówienia nie jest żadnym problemem - przecież można sobie zastopować film 😋

[@normalnyczowiek4502]

Najlepszy kurs jaki widziałem

[@JZP]

🥰

[@walor9214]

będzie oglądane

[@niee8496]

Sztoss. Fajna powtórka, dla zabieganych! Co powiecie na podobny film z PHP?

[@JZP]

Niestety na PHP się raczej słabo znamy 🙈 Ale JSa będzie więcej!

[@janekdziecial]

Szacunek za szczerość i za materiał;)

[@decimus1447]

1:07:00 - czy kliknięcie powoduje jednorazowe wywołanie pętli? addEventListener sprawia że pętla nie wykonuje się od razu trzy razy?

[@charnelion]

Pętla zostaje uruchomiona tylko na samym początku (po każdym odświeżeniu strony). Funkcja addEventListener dodaje "nasłuchiwanie" do kropek, przez co od tej pory każde naciśnięcie danej kropki wywołuje funkcję przekazaną jako argument (czyli showSlideI). Naciskanie kropek nie wywołuje ani pętli, ani addEventListener, tylko showSlideI.

[@proszepanstwa7701]

23:55 zatrzymałem się tutaj i mam problem bo nie wiem jak zrobić tak żeby w jednym divie były dodane 3 zdjęcia a wyświetlało tylko jedno jak na filmie. Z góry dziękuje za pomoc!

[@JK-gd7mb]

Kurs jest w ok, przejrzyście wszystko tłumaczysz. Mam jedno małe zastrzeżenie przy wywoływaniu funkcji przekazujemy argumenty a nie parametry. Parametry są tylko przy jej definiowaniu. W przykładowym kodzie isBiggerThan10(20) i isBiggerThan10(5), liczby 20 i 5 to argumenty funkcji. Podobnie z circleLength(i), i to też argument.

[@BOSRY]

mam pytanie jak wypakować ten zip z kodem html do visiual studio bo jak go otwieram to się uruchamia ta strona

[@mareksarol3908]

Strasznie mi zamieszało w 24:11 min, dlaczego nagle te nasze console.logi są niepotrzebne. Poczułem, że tak trochę bez wyjaśnienia nagle coś co mieliśmy klepać w kodzie jest do wyrzucenia :/ Być może wcześniej coś było mówione ale nie załapałem

[@mareksarol3908]

Nie wiem czy to coś ze mną nie tak ale na prędkości 0,75 było mi za szybko.. dalej jest, ale kończę kurs mimo to!

[@krzysztofgraca2259]

A czy dałoby radę dodać ciąg dalszy i wzbogacić o opcję zmiany koloru aktywnej kropki pod slajdem?

[@tomaszgawlik4739]

Czy wyskakuje Wam Error na linijce 22 jak po przeładowaniu strony klikniecie nie w kropkę a w strzałkę (obojętnie lewa czy prawa)? U mnie pokazuje "Uncaught TypeError: Cannot read properties of null (reading 'classList')". Jak zacznę klikanie od kropek to ten Error potem nie pokazuje się.

[@Traikocik]

31:35 W drugiej funkcji nie brakuje średnika po nawiasie klamrowym?

[@boryskaczynski5719]

Bet your soft is absolutely amazing! Never give up

[@aleksanderbarancewicz5261]

Możecie wytłumaczyć po krótce dlaczego w niektórych funkcjach na końcu zamykacie "};" a w niektórych nie? Dla przykładu "let showNextSlide" na końcu ma "};". W przypadku "showPreviousSlide" oraz pętli "for" jest samo "}" (bez średnika). Kod działa poprawie ze średnikiem i bez, ale nie daje mi to spokoju. Domyślam się, że zawsze musi być zamknięta funkcja średnikiem, a ich brak to przeoczenie? Dzięki za poradnik

[@JZP]

Dobre oko ;) prawie masz rację. Poczytaj sobie o blokach w JS oraz o „semicolon insertion”

[@crimsonstone369]

Bro it’s very intimidating! I’ve been slacking on it for a month now. The symbols are very confusing. You have to train your mind to

[@Mimispapi]

Hej! Zrobiłeś razem ze mną mój pierwszy slider w js na mojej stronie :D Idąc o krok dalej, próbuję zrobić aby kropka w aktywnym slajderze była zaznaczona kolorem, przyjmę podpowiedzi zanim sama zrobię:D

[@jakuborczyk9297]

troche sie zgubiłem a nie mogę znaleźć dokładnie tego momentu w filmie, chodzi mi o funkcje dodawania i usuwania klasy active, a mianowicie, dlaczego przy niektórych "active" dajemy kropke a przy innych nie? wiem ze musze to robić ale chciałbym rozumieć dlaczego i dlaczego akurat tutaj a nie np w następnej linijce

[@z4ckexe861]

The reason for my asking, is due to crackling/distorting soft, whenever the drum/snare, or whatever is playing. TNice tutorials was the case off

[@Mario16530]

Fajnie by było coś więcej JS bądź takie zagadnienia, których w polskim yt jest mało. Np: - NPM ( nmp.scripts i webpacki) - API (Fetch, AJAX) itp. - Jakieś projekty w JS (inne niż snake, zapamiętywanie czy pinpong) W przyszłość mogłyby się pojawić materiały o frameworkach oraz typescripcie. Chętnie bym obejrzał od was takie kompendium wiedzy. Taka seria Roudtour to FronetEndDev Pozdrawiam :D P.S. bardzo fajny odcinek !

[@JZP]

Dzięki! Taki jest plan, będziemy się starali wprowadzać coraz więcej zaawansowanego JS :) Pracujemy też powoli na długim odcinkiem z kursem Angulara :) Pozdro!

[@mikegadomski4537]

Super!!! moze caly kurs na Udemy? kupiłbym :D

[@JZP]

Dzięki za dobre słowo. Planujemy tego typu kursy w bliżej nieokreślonej przyszłości, ale jeszcze nie teraz.

[@GucioTenOdMaji]

No to pokotowaliśmy,

[@tomasith356]

Głupie pytanie: przy tworzeniu zmiennych i obiektów (kropki) w konsoli devtools nie zawsze otwiera mi się "podgląd" elementów na stronie (najeżdżamy kursorem na listę i wtedy podświetla gdzie dany element jest na stronie). Zazwyczaj pokazuje się lista tych elementów (ze strzałkami umożliwiającymi rozwinięcie ich właściwości). Za którymś odświeżeniem przeglądarki dopiero ładuje się ten "podgląd".

[@samuurajj7222]

no me acepta los datos para la licencia

[@damianfilipiak4968]

Failed to load resource: net::ERR_FILE_NOT_FOUND .Co jesli taki napis mi się wyświetla w konsoli w przegladarce ?

[@FiksjeProduction]

27:15 Po pierwsze, mówi się "cudzysłowami", nie "cudzysłowiami". Po drugie, to nie są cudzysłowy, tylko apostrofy.

[@DoubleeyAG]

ale jakoś zrozumiałeś treść

[@franekbury6512]

miałem problem w 41minucie mianowicie gdy zmieniałem klikając kropkę pokazywało mi w konsoli cannot read properties of null(reading 'classlist') po 40 minutach szukania buga okazało sie ze miałem spacje na końcu cudzysłowie w drugim id slidera i przez taką błahostkę nie działało ale jak na razie filmik super ;)

[@funcieq_]

Dzięki

[@tomasz8753]

Bardzo ciekawy kurs. Mam jedynie jedno pytanie. Co jeżeli w html będzie więcej niż 3 zdjęcia? Domyślam się trochę jak, ale czy dobrze myślę to nie wiem. podejrzewam, że te "3" należy zmienić na to co sprawdza ile jest tych zdjęć i dodać do pętli ile razy ma się wywołać i zmienić też w kropkach i strzałkach. Ale jak należałoby sprawdzić to nie wiem, ale myślę, że tu może chodzić o to, że można dodać klasę do tych zdjęć i użyć w JS querySelectorAll(.nazwaKlasy). Ale czy tak jest, to nie wiem. Od niedawna się uczę JS i proszę o wyrozumiałość. I jeżeli ktoś by mógł napisać jak to zrobić to byłbym wdzięczny.

[@szymonkos3156]

Pod koniec rozdziału "Funkcje - wielokrotne wykorzystanie raz napisanego kodu" zauważyłem że funkcje showSlide1,showSlide2,showSlide3 wykonują jedną funkcje showSlide z przekazaniem parametru, postanowiłem zrefaktoryzować kod i usunąć funkcje showSlide1,showSlide2,showSlide3 i bezpośrednio użyć funkcji showSlide w sposób: dot1.addEventListener("click", showSlide(1)); dot2.addEventListener("click", showSlide(2)); dot3.addEventListener("click", showSlide(3)); lecz takie rozwiązanie nie przynosi żadnego efektu. Nie wiem do końca dlaczego tak się dzieje, czy addEventListener nie może przyjąć funkcji z parametrem jeżeli tak to jak można to sprawdzić w innych podobnych przypadkach. Z góry dziękuje za odpowiedź, świetny materiał :)

[@JZP]

Do funkcji addEventListener należy przekazać funkcję. Zauważ, że to co ty przekazujesz to wynik wykonania funkcji showSlide(X) a nie funkcja ;)

[@boryszegota6640]

nie potrafię otworzyć bazę do karuzelki

[@adrianjurewicz]

Cool You really help me Well done!

[@solr4cc]

Jaki powód stylowania w css po id'kach? Wszędzie podkreślają, aby tego nie robić.

[@JZP]

Jeśli jakiś element na stronie jest unikalny, to można używać ID - w CSS i w JS.

[@wilkubonezip]

Kurcze po sprawdzeniu czy dobrze podpiety skrypt oraz laczeniu sie pliku js z html sam kod w sobie generuje mi blad na przegladarce. Nie za bardzo czaje co tu zrobic teraz...

[@JZP]

A jak jest komunikat błędu?

[@wilkubonezip]

@@JZP Failed to load resource: the server responded with a status of 404 (Not Found)

[@wilkubonezip]

@@JZP Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at add.js:38:37

[@wilkubonezip]

@@JZP jest to w zasadzie przepisany kod z Waszego kursu...wiem że tak sie nie powinno robić i staram sie we wlkasnym zakresie cos stworzyc ale mam problem ogolnie ze slajderami nawet chcac je dodac z innej stronki no ale Wasz generuje mi takie błędy właśnie. Pozdrawiam

[@MaciejSterna]

Hej! Ciekawy jestem czy według Ciebie ma znaczenie taki zapis: let showPreviousSlide = () => { activSlideNumber = activSlideNumber - 1; if (activSlideNumber === 0) { activSlideNumber = 3; }; showSlide(activSlideNumber); }; Wydaje mi się, że w ten sposób jest mniej do kompilowania? A może w Twoim zapisie chodzi o coś czego ja nie dostrzegam. Na mój gust to, to samo. Ale będę wdzięczny jeśli się odniesiesz do takiego zapisu. Pozdrawiam

[@JZP]

Jest to ten sam kod. Oba rozwiązania są OK, różnią się tylko zapisem. Żaden z nich nie jest w lepszy od drugiego.

[@MaciejSterna]

@@JZP Bardzo dziękuję!

[@IRQ333]

cześć, chciałbym stworzyć stronę z filmami podobną do yt według Ciebie jakie biblioteki do js powinienem umieć?

[@JZP]

Jeśli chcesz odwzorować tylko front-end, tak na prawdę to nie musisz znać ani jednej. Czysty JS w zupełności Ci wystarczy. Jeśli chcesz stworzyć "kolna YT" to poza front-endem będziesz musiał też opanować back-end aby ogarnąć upload wideo, autoryzację itd. To może być dość wymagające - ale dla chcącego nic trudnego.

[@IRQ333]

@@JZP a do backendu co byś polecił?

[@JZP]

@Angry 1 Na samym początku nie ma to większego znaczenia. Ważne jest, żeby wybrać sobie jedno narzędzie / język programowania (byle były w miarę popularne i było dużo materiałów do nauki) i po prostu programować. Rozwiązywać kolejne problemy i ćwiczyć. Nie ma tutaj dobrego albo złego wyboru.

[@IRQ333]

@@JZP ale nodejs chyba jest wymagany?

[@JZP]

@@IRQ333 node.js to jedna z opcji. Back-end można też robić (i często się robi) w innych językach - Javie, Pythonie, Ruby, C# itd

[@kosmapajor5208]

20:35 jak zaczął krzyczeć XDD

[@magdalenapiekarska2967]

TNice tutorials man is so good at explanation ...since I have been watcNice tutorialng soft soft tutorials , tNice tutorials is my first ti to really understand it . I love soft

[@FR.BP998]

yayy

[@marcinsikut4731]

Muszę przyznać że na potrzeby te potrzeby pobrałem chroma zazwyczaj kożystam z opery ze względu na możliwość blokowania reklam jak i zwykłego przyzwyczajenia

[@JZP]

Opera ma bardzo podobne narzędzia do programowania, więc możesz spróbować zrobić kurs na Operze ;)

[@_SadekTV]

bedzie wiecej o js ???

[@JZP]

Trochę o JS już mamy na kanale zachęcam Cię do przejrzenia. Jest coś z JS co Cię szczególnie interesuje o czym moglibyśmy zrobić odcinek?

[@_SadekTV]

@@JZP Szczerze to jestem początkującym, ale szybko się uczę np. jak mowiliscie ze teraz zrobimy to, to pauzowałem odcinek , sam to robilem i potem sprawdzałem czy jest dobrze(i o dziwo było). Mocno sie wciągnąłem we front-end wiec chciałbym wiedziec jak najwiecej (przynajmniej do pierwszej pracy). Fajnie jakbyście kontynuowali JS mam na mysli jakiś framework typu React czy Vue

[@DIES3L.10]

@@_SadekTV Czy po prawie roku "11 miesięcy" nauki programowania masz już jakąś pracę w tej branży?

[@_SadekTV]

@@DIES3L.10 siemka. Tak pracuje od niecalego miesiaca jako front :)

[@DIES3L.10]

Nice! W takim razie mam do ciebie kilka pytań... 1. Ile godzin dziennie poświęcałeś na naukę programowania, zanim cię zatrudnili? 2. Czy uczyłeś się z YT + internet comunity za free lub może kupiłeś jakiś kurs? 3. Jak już szukałeś pierwszej pracy w branży, to było to na zasadzie ""coś tam umiem, ogłoszę się tanio w internecie, może jakiś arab mnie zatrudni"" czy może wysyłałeś CV do różnych firm, więc do ciebie się odezwali, a ty przeszedłeś ich proces rekrutacyjny. 4. Umiesz jeszcze jakieś inne języki programowania poza html/css, javaScript lub jakieś frameworki? Ogólnie dzisiaj jest to mój drugi dzień nauki w javascript. W poprzednim miesiącu ogarnąłem HTML/css, ale jeszcze muszę doszlifować flexboxa. Trzymaj kciuki żebym w tym wytrwał.................... bo czasami dopada frustracja, ale na szczęście przechodzi jak postawie kropkę w odpowiednim miejscu XD

[@ABCinwestowania]

Tylko mi po kliknięciu kropki 3 wyskakuje zdjęcie numer 2, a następnie klikam kropkę 2 i wyskakuje zdjęcie 3? :) mimo, że doszedłem do końca kursu i mam co do przecinka taki sam kod :D ?

[@reju15]

Mam to samo przy zmianie na for.

[@TheTreborMedia]

It was cool.

[@zapotek8378]

Stary ja nawet nie wiem jak to gowno wypakować chyba nie zostanie programistą xD

[@kapiowy2199]

41:53

[@Kapionek]

34:28

[@ryszardniewegowski950]

too

[@15snxpez]

sa

[@KarinaFromPoland]

Trzy zdjęcia, trzy kropki i dwie strzałki a tyle pisania kodu. Beznadziejny jest ten JavaScript. Nie podoba mi się. Wkurza mnie. Komplikowanie prostych kwestii. Strata czasu.

[@DIES3L.10]

Polecisz jakąś alternatywę?

[@donjakub6412]

niefajen

[@Goliatidawid]

Gościu! Już szybciej się mówić nie da? Mówisz do ludzi początkujących. Zwolnij trochę.

[@kryptoprogramista8519]

Ja oglądałem na prędkości 0.8x - 0.9x i dużo więcej wówczas zrozumiałem, także polecam trochę zwolnić wideo 🙂

[@SigmaTimeBe]

Chociaz nie zamula. Jak czytam twoj komentarz to az ziewam. Za wolny masz mozg widocznie.

[@Goliatidawid]

@@SigmaTimeBe po Twoim komentarzu widzę, że w przeciwieństwie do Ciebie mam mózg.

[@SigmaTimeBe]

W mózg to Ty dostałeś kamieniem od Dawida. :)

[@Goliatidawid]

@@SigmaTimeBe Hahahahahahahahahahahhahahahaahahahahahahhahahahahahahahhahahahahahahaahhaahhahahahahahahahahahahahahahahahahahahhahahahahahahahahahhahahaha

[@ryszardniewegowski950]

Everything is cool! Thanks!

[@AntekDwa-w1k]

To jest dla zaawansowanych. Nic mi to nie mówi!!!

[@domi16548]

Zanim podałeś rozwiązanie przełączania sliderów strzałkami to spróbowałem po swojemu i działa: const showPreviousSlide = () => { if (img1.classList.contains('active')) { showSlide(3) } else if (img3.classList.contains('active')) { showSlide(2) } else { showSlide(1) } } const showNextSlide = () => { if (img1.classList.contains('active')) { showSlide(2) } else if (img2.classList.contains('active')) { showSlide(3) } else { showSlide(1) } }

[@JZP]

Super! Fajnie ze próbujesz sam rozwiązać problem ☺️

[@domi16548]

@@JZP a tak w ogóle to dlaczego w dziale zmiennych mówicie tylko o lecie a o const nic?