Tutorial HTML CSS i Javascript, ale bez ściemy

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 96

  • @bartoszludwiczak4943
    @bartoszludwiczak4943 2 ปีที่แล้ว +30

    Świetnie! W odrealnionym świecie sztucznej perfekcji pokazujecie prawdziwe oblicze codziennej pracy. Oby więcej takich materiałów! Dają kopa w momencie zastoju :-)

  • @JZP
    @JZP  2 ปีที่แล้ว +72

    Co sądzicie o takiej formie filmu?

    • @masterpl7000
      @masterpl7000 2 ปีที่แล้ว +1

      Nwm, nie oglądałem jeszcze.

    • @tojletpejper36
      @tojletpejper36 2 ปีที่แล้ว +1

      @@masterpl7000 noob ja juz cały obejrzałem

    • @exh8049
      @exh8049 2 ปีที่แล้ว +1

      Jestem mega podekscytowany - biorę się za oglądanie! 😎

    • @widmotk4364
      @widmotk4364 2 ปีที่แล้ว +13

      Wydaję mi się, że jest to bardzo fajna forma pokazująca jak działa rzeczywiście programowanie, bo wiele osób się strasznie szybko demotywuję, i poddaje jak widzi w jaki sposób wyglądają jakieś kursy, albo problemy rozwiązywane na TH-cam przez ekspertów, ale nigdy nie mają wglądu do tego jaka droga musiałabyć przebyta, aby osiągnąć takie rezultaty, sam początkowo kiedyś bardzo szybko się demotywowałem na to, że coś mi nie wychodzi drugi czy trzeci raz przez kilka godzin, aż nagle w końcu trafi się na rozwiązanie, bądź samemu się na nie wpadnie co jest jeszcze bardziej satysfakcjonujące. Wydaję mi się, że każdy programista musi przejść takie etapy, kodzenia, błedów, debugowania, czytania dokumentacji i wielokrotnego fixowania kodu, żeby widzieć efekty takiej pracy. Dzieki takim materiałom jest idealnie pokazane, że nawet przez profesjonalistów, projektowanie oprogramowania, stron etc. wygląda tak samo jak u początkujących zmaganie się z pierwszymi problemami. Zdecydowanie chciałbym więcej takich materiałów, widzieć na polskim Youtubie, mimo, że to nie są języki, które akurat wykorzystuję. Pozdrawiam i pamiętajcie:
      8 godzin debugowania jest wstanie zaoszczędzić 5 minut czytania dokumentacji. Szanujmy nasz czas ;3

    • @fuukowatty9817
      @fuukowatty9817 2 ปีที่แล้ว +2

      bardzo przyjemna, mysle ze tego typu kontent idealnie pasuje na stream

  • @jakobo5521
    @jakobo5521 2 ปีที่แล้ว +6

    Sam korzystam dość często z Frontend Mentora. Fajnie zobaczyć jak ktoś podejmuję próbę przejścia przez takie zadanie od początku do końca w realny sposób. Szacun za tak długi i wartościowy materiał 👍💪

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki :) !

  • @legolas2522
    @legolas2522 2 ปีที่แล้ว +6

    Więcej takich odcinków, świetna sprawa !

  • @marekbialik2789
    @marekbialik2789 2 ปีที่แล้ว +3

    Bardzo dobry tutorial, zacząłem naukę od Udemy a obecnie przechodzę przez freecodecamp, udaje mi się kończyć kursy i projekty a gdy na czymś utknę korzystam z pomocy Google jednak mimo to wiele konceptów trudno zapamiętać i zrozumieć kończąc dane wyzwanie tylko raz, ten dodatkowy komentarz do twojej pracy w tym filmie pozwolił mi lepiej zrozumieć kilka spraw :)

  • @yourSOULismy
    @yourSOULismy 2 ปีที่แล้ว +1

    Zacząłem od 9 a kończę o 1:45 z przerwami. Nie wszystko zrozumiałem i nadążałem z logicznym myśleniem. Super materiał. Kiedyś śmiałem się z ludzi co mówią , że portfolio mają grę papier kamień nożyce. Po tym co tu narobiłeś zyskałem uznanie.

  • @matteod1571
    @matteod1571 2 ปีที่แล้ว +2

    Świetny materiał. Przywróciłeś mi wiare w siebie! :D

  • @mvrtynvx
    @mvrtynvx 2 ปีที่แล้ว +3

    Tego potrzebowałam ❤️ Będzie przerabiane! 😃

  • @MrGrzesiek98
    @MrGrzesiek98 2 ปีที่แล้ว +1

    Hej, zacząłem oglądać ten kanał niedawno. Treściwe i wartościowe treści, swietnie się ogląda, słucha i uczy. Dzięki!! PS. Taka forma odcinka jak najbardziej świetna, więcej takich 😄

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki!

  • @fabix_098
    @fabix_098 2 ปีที่แล้ว +1

    Bardzo fajny film, dzięki za polecenie stronki frontend mentor, bedzie ćwiczone 🤟

  • @TrueSQN
    @TrueSQN 2 ปีที่แล้ว +4

    Super robota!

  • @Edoka7
    @Edoka7 2 ปีที่แล้ว

    Świetna forma wideo! Więcej takich :D Co prawda 3 godziny musiałem brać na kilka podejść ale i tak jest to super rozwiązanie!

  • @PURPLEBLACK
    @PURPLEBLACK 2 ปีที่แล้ว

    Trzeci dzien to juz ogladam 😎

  • @otakusenpaifrompoland
    @otakusenpaifrompoland 2 ปีที่แล้ว

    Bardzo fajny film. Gratuluję umiejętności.

  • @dawid12
    @dawid12 2 ปีที่แล้ว +1

    swietnie

  • @neomarex
    @neomarex 2 ปีที่แล้ว +1

    Świetny film

  • @jerzypeka2999
    @jerzypeka2999 2 ปีที่แล้ว

    480👍Obejrzałem całość👌Pozdrawiam👌💻👌⌨️👌

  • @pawegargula4974
    @pawegargula4974 2 ปีที่แล้ว +1

    @Jak zacząć programować? Jeśli chodzi o opcję Keep Open to można ją wywołać w szybszy sposób:
    - Double click na plik
    - Środkowy przycisk na plik
    - Ustawienie, żeby plik zawsze był otwierany w trybie Keep Open (na pojedyńczy click), kroki poniżej
    1. Ctrl + Shift + P
    2. Wpisujemy 'Preferences: Open User Settings' > Zatwierdzamy
    3. W Search settings wpisujemy 'workbench.editor.enablePreview'
    4. Odznaczamy checkbox
    Pozdro :D

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki!

  • @dropka2pl
    @dropka2pl 2 ปีที่แล้ว

    Super film. Następnym razem dawaj stream live :D

  • @patrykkozowski7209
    @patrykkozowski7209 2 ปีที่แล้ว +5

    Mega spoko! Na waszym kanale jest dużo filmików o podstawach, może warto dodać coś o reacie lub angularze?

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki za sugestię

  • @mahon2k219
    @mahon2k219 2 ปีที่แล้ว

    super filmik :)

  • @pnk9901
    @pnk9901 2 ปีที่แล้ว

    Taak! Brakowało mi takiego tutorialu.

  • @Johny_Scooba123
    @Johny_Scooba123 2 ปีที่แล้ว +1

    Fajny film i pomysł :D Można również zrobić podobny format, ale w formie live'a

  • @camilion8751
    @camilion8751 2 ปีที่แล้ว +2

    Mimo że siedzę w android studio i kotlinie, szacuneczek że pokazujesz realia programowania a nie marketingowe slogany :) 5!

    • @altair3021
      @altair3021 2 ปีที่แล้ว

      a już myślałem że jedynym mobilniaczem tutaj jestem xd

    • @JZP
      @JZP  2 ปีที่แล้ว +2

      Dzięki

    • @camilion8751
      @camilion8751 2 ปีที่แล้ว

      + gameDev :)

  • @tam_i_tu_czyli_wszedzie
    @tam_i_tu_czyli_wszedzie 2 ปีที่แล้ว +3

    Według mnie taka forma filmu pozwala na uczenie się naprawiania błędów

  • @Sumcio1000
    @Sumcio1000 2 ปีที่แล้ว

    Super obejrzeć jak ktoś inny podchodzi do programowania, mi niestety tak dobrze nie idzie jeszcze z CSS. Miło wiedzieć, że istnieje coś takiego jak aspect-ratio bo ostatnio musiałem przy zadaniu pisać tą funkciolaność ręcznie w JS.

    • @JZP
      @JZP  2 ปีที่แล้ว +1

      Nie mart się, przyjdzie z czasem :) Pozdro!

  • @k9.jhl.
    @k9.jhl. 2 ปีที่แล้ว

    Ej to jest supeeeeeer :)

    • @JZP
      @JZP  2 ปีที่แล้ว +1

      Dzięki!

    • @k9.jhl.
      @k9.jhl. 2 ปีที่แล้ว

      @@JZP Przede wszystkim jest to super, że można z tego filmu wywnioskować, w jaki sposób układać plan w projekcie, nad czym zastanawiać się od początku oraz od czego "ZACZĄĆ" , czyli to co jest w zamyśle kanału :) Dla takiego amatora jak ja to ważne. Pozdrawiam :)

    • @JZP
      @JZP  2 ปีที่แล้ว +1

      @@k9.jhl. Dzięki! Pozdro!

  • @jllisek
    @jllisek 2 ปีที่แล้ว +1

    Trochę nie wierze. Jakiś miesiąc temu szukałem sobie pierwszej rzeczy jaką mogłem napisac znając html/css i bedąc po 3 zajęciach javascriptu. Waszego filmu dzisiaj nie uda mi się obejrzeć. Ale mega mnie zastanawia jak rozwiązałeś pewne problemy. Mój kod jest słaby. teraz wiem więcej i planowałem zrobić w ramach treningu refaktoryzację. Teraz będzie mnie korcić podejrzeć jak jest u Ciebie. Pozdrawiam P.S (ze spokiem i jaszczurką też był plan (nawet jako głowny) ale ciężko znaleźć było spoka fajnego w svg;D

    • @JZP
      @JZP  2 ปีที่แล้ว

      Ale w co nie wierzysz? :D

  • @kernel5943
    @kernel5943 2 ปีที่แล้ว +1

    Super kanał będzie może poradnik do SCSS?

  • @Peeter306
    @Peeter306 2 ปีที่แล้ว +13

    Teraz bylo by fajnie zobaczyc to albo podobne zadanie ale z reactem itp. ;]

  • @litokopry
    @litokopry 2 ปีที่แล้ว +1

    Super! Te podstawy są ciężkie, ja podchodziłem do kodowania kilka razy, i nie robiłem tego lata. Wiem, że mogę zainstalować frameworki i robić gotowe strony, kopiować kod od innych, przecież setki tych rzeczy już powstawało, i naprawdę robić jakiś wkład.. Ale nadal, nie mam podstaw w postaci czystego JS, dużego doświadczenia z HTML, nie znam preprocesorów CSS - i potrzebuje czuć się w tym biegły, sam dla siebie.
    Co nie zmienia faktu, że jestem pewien że umiałbym zrobić już ciekawą i w miarę złożoną aplikację.
    Problem jest taki, że nie wiedziałbym czemu i jak ona działa :D
    Pozdrawiam!

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki! Pozdro :)

  • @paweldraws7800
    @paweldraws7800 2 ปีที่แล้ว +1

    Fajnie by było jakby pojawiły się jakieś tutoriale prezentujące wykonanie prostych paneli administracyjnych, np. z galerią. Czy da się wyłącznie zrobić coś takiego z użyciem baz danych, czy są jakieś inne myki...

  • @rafakonczewski2708
    @rafakonczewski2708 2 ปีที่แล้ว

    Wspominasz o prettier, a co sądzisz o ESLint? Materiał oczywiście jak zawsze pierwsza klasa :-)

    • @JZP
      @JZP  2 ปีที่แล้ว

      Z ESLint też warto korzystać :) Dzięki za komentarz :)

  • @DonKonradesko
    @DonKonradesko 2 ปีที่แล้ว

    Nagracie kiedyś jakieś kursy lub poradniki na temat C#?

  • @KGBMN
    @KGBMN 2 ปีที่แล้ว +2

    Czemu w projektowanie bez podejścia mobile first? Wszędzie uczą żeby jednak media queries dostosowywać do większych ekranów a nie mniejszych

    • @JZP
      @JZP  2 ปีที่แล้ว +1

      To czego się uczy, a to co robi się w praktyce to dwie różne rzeczy :)

  • @cihyboj
    @cihyboj 2 ปีที่แล้ว

    Obejrzałem tylko początek i jedyne czego bym się przyczepił to focus na mikrofonie.. ;)

  • @MultiZixon
    @MultiZixon 2 ปีที่แล้ว

    27:30 jak nazywa się wtyczka, którą się posłużyłeś do szybkiego zrobienia diva? słyszałem że w VSC jest coś takiego fabrycznie, ale ja tego nie mam :(

    • @JZP
      @JZP  2 ปีที่แล้ว

      Emmet :)

  • @BuhuuRecords
    @BuhuuRecords 2 ปีที่แล้ว

    Cześć, świetny materiał, można wiele się nauczyć, mimo że w kilku momentach nie rozumiałem kilku rzeczy :D Przy okazji, w jaki sposób ustawiłeś MDN w języku polskim? osobiście wolę czytać dokumentację po angielsku bo i tak jest to bardzo ważne, ale czasami jak nie rozumiem jednej rzeczy 5 godzin to przeczytanie czegoś w języku polskim może chociaż mentalnie podnieść na duchu :D

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dzięki za komentarz! W prawym górnym rogu jest wybór języka :)

    • @BuhuuRecords
      @BuhuuRecords 2 ปีที่แล้ว

      @@JZP Zgadza się, natomiast u mnie języka polskiego nie ma, stąd pytanie :D

  • @michalo200111
    @michalo200111 2 ปีที่แล้ว +1

    Czy będą robione kolejne challange z tej strony?

    • @JZP
      @JZP  2 ปีที่แล้ว +2

      Jeśli się Wam spodoba to jak najbardziej :)

  • @rst0078
    @rst0078 2 ปีที่แล้ว

    Masz buga w finalnym kodzie, linijka 91 ;) Masz tam klucz do LSa playera zamiast AI i dlatego wynik po odświeżeniu strony (o ile komputer wygrał) będzie nadpisywał wynik gracza.

  • @lechf1
    @lechf1 2 ปีที่แล้ว

    Jest coś podobnego jak frontendmentor tylko pod języki obiektowe jak C#/Java?

    • @JZP
      @JZP  2 ปีที่แล้ว

      Codewars :)

  • @grzywn
    @grzywn 2 ปีที่แล้ว

    Robię dużo projektów z frontendmentora i nie ukrywam, że autorzy dodają wiele smaczków nawet do najłatwiejszych challenge'ów i są tam zazwyczaj takie elementy z którymi problemy mogą mieć nawet dobrzy frontendowcy, aby wykonać je dobrze. Nad niektórymi challenge'ami potrafię siedzieć kilka dni, żeby wszystko było tak jak chce :)

  • @konradmleczko3810
    @konradmleczko3810 ปีที่แล้ว

    fajny ten aspect ratio tylko niestety ma ponizej 90% na can i use

  • @szymonkunc1667
    @szymonkunc1667 2 ปีที่แล้ว +1

    Male pytanko pewnie wielokrotnie komentowane, ale nie znalazłem. Mam 42 lata czy jest sens wchodzić w ten świat, czy jest szansa na znalezienie pracy ?

    • @szanujsie
      @szanujsie ปีที่แล้ว

      Pytanie powtarzane wielokrotnie. Oczywiście, że warto! Wiek nie ma znaczenia

  • @selfmaster1123
    @selfmaster1123 ปีที่แล้ว

    1:37:17 nie rozumiem tego LocalStorage, jak to działa?, nie wytłumaczyłeś, tylko napisałeś kod,
    jak ktoś to widzi pierwszy raz to czego się nauczy, to jakieś cookies?

    • @JZP
      @JZP  ปีที่แล้ว +1

      Hej! Mamy odcinek o LocalStorage, poszukaj na kanale 🙂

    • @selfmaster1123
      @selfmaster1123 ปีที่แล้ว +1

      @@JZP O, fajnie, dzięki 👍to w sumie można podlinkować w video ;)

  • @krzysztofsobek1377
    @krzysztofsobek1377 2 ปีที่แล้ว

    Fajny pomysł na film, szkoda że nie ma w opisie linku do kodowania/plików, pozdrawiam😀

    • @JZP
      @JZP  2 ปีที่แล้ว

      Dodałem w opisie link do repo, dzięki za komentarz :)

  • @coderdaxezy9996
    @coderdaxezy9996 2 ปีที่แล้ว +1

    A klient zawsze dołączona pliki graficzne?

    • @JZP
      @JZP  2 ปีที่แล้ว +3

      Zazwyczaj tak. Najczęściej w formie projektu na figmie/sketchu czy plików .psd :)

  • @ts100
    @ts100 2 ปีที่แล้ว

    Zaproszenie do discorda mi nie działa

  • @fuukowatty9817
    @fuukowatty9817 2 ปีที่แล้ว

    51:30 czemu ta kropka w src?

    • @JZP
      @JZP  2 ปีที่แล้ว

      Przyzwyczajenie :)

  • @bboyPrzemek
    @bboyPrzemek 2 ปีที่แล้ว

    Będzie link do gita? 😀

    • @maksp9943
      @maksp9943 2 ปีที่แล้ว

      podbijam

    • @JZP
      @JZP  2 ปีที่แล้ว +1

      Dodany w opisie :)

    • @bboyPrzemek
      @bboyPrzemek 2 ปีที่แล้ว

      @@JZP Dzięki

  • @noxagen
    @noxagen 2 ปีที่แล้ว +1

    Fajny RPS xD Ja kilka miesięcy podczas nauki zrobiłem swój ale teraz patrzę na ten kod to LOL XDDD
    noxagen.github.io/r_p_s_project-game/ zapraszam jesli ktoś chce zagrać ^^
    Materiał świetny jak każdy

  • @RobieMVPAplikacjeKarolBocian
    @RobieMVPAplikacjeKarolBocian 2 ปีที่แล้ว

    Świetny materiał!