Scroll, flexbox i jQuery - Kurs FEZ - bonus 15

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 34

  • @SamurajProgramowania
    @SamurajProgramowania  6 лет назад +12

    Dziękuję i zapraszam do kolejnego kursu na Udemy, który będzie dostępny od 17 września. Kurs nazywa się Programowanie w JavaScript i będzie 3 z sześciu etapów projektów od podstaw do pierwszej pracy jako front-end developer. Więcej informacji na websamuraj.pl (pewnie koło środy). Nie ma przedsprzedaży tego kursu. Jeszcze raz wielkie dzięki dla uczestników kursu, ale też dla widzów kanału, którzy oglądali bonusy, ale w kursie nie brali udziału.

    • @megaQpa1
      @megaQpa1 6 лет назад

      Samuraj Programowania czy nauka javascriptu bez większego skupienia na css i html ma sens? Bardziej interesuje mnie programistyczna strona webdeveloperki i zastanawiam się czy obejdzie się bez tego

    • @poncjuszsliwa
      @poncjuszsliwa 6 лет назад +4

      wedlug mnie bez sensu, ale ile ludzi tyle ścieżek:)

    • @patrykzatorski2909
      @patrykzatorski2909 6 лет назад

      jestem przy zadaniu 1a z tego dnia :) i zdziwlo mnie ze mam zupelnie inne podejscie.
      Zamiane zrobilem odruchowo bez jsa bo nie widze potrzeby komplikowania, i html też zrobilem inaczej.
      html:
      3 sekcje z roznym z indexem;
      kazda sekcja ma animacje gdzie zmienia z index na wysoki na 1/3 czasu do tego odpowiedni delay i dziala tak samo :D(poprawilem na samo opacity bo manewrowanie z indexem chyba bardziej skomplikowane)
      Czy to nie lepszy sposob? Wydaje mi się bardziej intuicyjny. I nie zaprzęgamy js'a.
      Czy twoj sposob byl wybrany na potrzeby tutoriala czy ma jakies widoczne przewagi ? :)
      Mam nadzieje ze odpowiesz po takim czasie :)
      Edit: Paczam na tego jsa i chyba faktycznie byl robiony zeby ludziom pokazać tablice, imo zamiast tablicy i podmieniania lepsza by byla zwykla petla for i łączenie stringa z i, w koncu nasze sciezki do plikow roznila sie cyferka :) dobrze mysle ?

  • @borooLIVE
    @borooLIVE 6 лет назад +5

    "dygresyjka" jak najbardziej potrzebna :) pozdrawiam ^^

  • @katarzynabartnik3168
    @katarzynabartnik3168 5 лет назад +3

    Właśnie dzisiaj kończę ten kurs i zabieram się za JS...Nie było łatwo ale tym bardziej czuję się zainspirowana do dalszej nauki i praktyki, no i pracy w przyszłości. Pozdrawiam

    • @Ami443ify
      @Ami443ify 2 года назад

      Hej @Katarzyna Bartnik, i jak udało znaleźć Ci się pracę? :)

  • @dmndrw
    @dmndrw 6 лет назад +6

    Dzięki wielkie za te codzienne zapasy praktykowania. Wielka przyjemność i satysfakcja móc tyle czasu poświęcać. Czekam na kolejne materiały. Piona

  • @slava84pl49
    @slava84pl49 5 лет назад +1

    Mistrzu, jesteś genialny, biorę się właśnie za JavaScript i lecimy dalej, dzięki Twoim kursom jest szansa na to ,że rozpocznę swoja przygodę jako Junior, pozdrawiam.

    • @shustypl
      @shustypl 4 года назад +3

      Jak tam droga do juniora po 8 miesiącach od startu nauki z samurajem?

    • @Blazej_Kar
      @Blazej_Kar 4 года назад +1

      +1

  • @merwin8870
    @merwin8870 6 лет назад

    Dzięki również, było super i czekam na następne materiały i kursy. Pozdrawiam

  • @masztan
    @masztan 6 лет назад +3

    elem.getBoundingClientRect() - natywna funkcja js od razu poda w top odległość od górnej pozycji od okna widoku. Czyli top

  • @panpita9763
    @panpita9763 6 лет назад +1

    Bardzo dobry materiał na RUclips jak i na udemy

  • @pawesieniawski173
    @pawesieniawski173 6 лет назад

    Fajne, ale to już dla osób mających kontakt z czymś więcej niż CSS. Dla mnie za duży rozmach! ;)

  • @stigmanmagros4952
    @stigmanmagros4952 5 лет назад

    a czy kurs sass w front-end zaawansowany to część kursu czy można go sobie zacząć na samym początku nie hronologicznie? bo niema tam dopisku dzien 16 czy coś xd

  • @bobolek10
    @bobolek10 6 лет назад

    warto by dodać elemętowi pierwszemu klase active na starcie albo wywołać funkcje pierwszy raz jeszcze przed scrollem

    • @SamurajProgramowania
      @SamurajProgramowania  6 лет назад +1

      planowałem wywołać raz funkcje na starcie, ale już nie dodawałem. Domyślnie klasy active nie ma co dokładać do pierwszego elementu bo nigdy nie wiadomo czy scroll niekoniecznie będzie na początku po odświeżeniu.

  • @agnieszkal1204
    @agnieszkal1204 5 лет назад

    A jak to zrobic, zeby po odswiezeniu strony zostaly zachowane ustawienia scrolla?
    Czekam na obiecane wyjasnienie tej kwestii :)

  • @sebastianurbaniec7905
    @sebastianurbaniec7905 6 лет назад

    Dlaczego scrollValue jest const skoro wartosc jest ciagle podmieniana?

  • @btcking_pl
    @btcking_pl 6 лет назад

    a co gdy ostatnia sekcja będzie miała wysokość mniejszą niż 100vh ??

  • @norbertperka9231
    @norbertperka9231 4 года назад

    jedno glupie pytanie, jak obnizyc offset top o np. 10vh? tak zeby okno i wszystkio co zwiazane ze scroll zacznalo sie nizej,na twoim przykladzie kropki zaczna sie zmieniac 10vh wczesniej,powiedzmy ,ze navbar ma 10vh

  • @Maciejf85
    @Maciejf85 6 лет назад

    Czy mógłbyś coś powiedzieć o notacji BEM ? Czy warto się uczyć jej zasad, czy jest to przerost formy nad treścią.
    Pozdrawiam

    • @SamurajProgramowania
      @SamurajProgramowania  6 лет назад +3

      Warto, ponieważ w wielu miejscach (software house'ach) się BEM stosuje. Będę chciał przygotować materiał na ten temat. Póki co dla zainteresowanych ten link getbem.com/introduction/ i krótkie info. BEM (Block, Element, Modifier) to sposób określenia i uporządkowywania klas w CSS-ie. Nie daje to nowych funkcji/możliwości, to po porstu kilka zasad dotyczących tworzenia nazw i budowania selektorów. Jest alternatywą dla tradycyjnego sposobu nadawania klas, który znamy z mniejszych projektów (czy choćby z tego kursu). Przy małych stronach w użyciu BEM nie widzę korzyści (poza samą nauką BEM(, ale przy dużych jedna wspólna metoda dla całego zespołu z określonymi zasadami jest korzystna (i nie musi to być BEM, ale BEM jest rzeczywiście najpopularniejszy).

  • @szczeczaczoszczeczek5077
    @szczeczaczoszczeczek5077 6 лет назад

    Gorzej jak ostatnia sekcja ma mniejszą wysokość niż okno strony, bo nigdy nie jej gówna krawędź nie dotknie góry strony

    • @SamurajProgramowania
      @SamurajProgramowania  6 лет назад

      Jasne, w takim przypadku lepszym rozwiązaniem będzie napisanie warunku gdy sekcje staje się widoczna w oknie (czyli wjeżdżają). Bardziej mi chodzi tutaj o mechanikę, interfejs (co jest lepsze) już zostawiam w tym ćwiczeniu na drugim planie.

    • @szczeczaczoszczeczek5077
      @szczeczaczoszczeczek5077 6 лет назад

      Scroll jest zachowywany po odświeżeniu strony? (oglądam na tel i nie mam jak tego sprawdzić)

  • @piotrek8272
    @piotrek8272 6 лет назад

    Czemu Pan w tym projekcie nie pobrał wysokości okna przeglądarki $(winow).height() i nie odjął tak jak kiedyś Pan to robił we wcześniejszym projekcie z tym że pobierane jeszcze były wysokości elementów. Mógłby mi ktoś to wytłumaczyć? Byłbym wdzięczny

    • @SamurajProgramowania
      @SamurajProgramowania  6 лет назад +3

      Bo nie chcieliśmy tutaj uzyskać zmiany przy pojawieniu się elementu (dolna krawędź) tylko jak dotknie górnej (więc wysokość okna musi być pokonana). Inne założenie, więc inaczej zbudowany warunek.

  • @TheLocagus
    @TheLocagus 4 года назад

    Hej. Do efektu widocznego na filmiku, chciałem we własnym zakresie dodać możliwość, by po kliknięciu w dane 'li' strona przesuwała się na początek danej sekcji, jednak nie wszystko dzieje się po mojej myśli. Przykładowo, po kliknięciu w 3 kółeczko od góry, niby faktycznie przesuwa mnie do 3 sekcji, jednak u góry ekranu jest jeszcze widoczna druga sekcja o wysokości dosłownie jednego pixela, wskutek czego klasa 'active' jest na drugim 'li', zamiast na trzecim. Ktoś może spotkał się z podobnym problemem?

  • @ruslav9992
    @ruslav9992 6 лет назад

    A co z Sassem? Nie będzie już nic o nim?

    • @SamurajProgramowania
      @SamurajProgramowania  6 лет назад +3

      Będzie w kursie na Udemy. Pojawi się na dniach dodatkowa sekcja "wprowadzenie do Sass"

    • @ruslav9992
      @ruslav9992 6 лет назад

      To fajnie :D