Scroll, flexbox i jQuery - Kurs FEZ - bonus 15

[@SamurajProgramowania]

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]

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]

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

[@patrykzatorski2909]

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]

"dygresyjka" jak najbardziej potrzebna :) pozdrawiam ^^

[@dmndrw]

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

[@SamurajProgramowania]

dzięki za praktykowanie ze mną :)

[@katarzynabartnik3168]

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]

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

[@slava84pl49]

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]

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

[@Blazej_Kar]

+1

[@merwin8870]

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

[@masztan]

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

[@panpita9763]

Bardzo dobry materiał na KZbin jak i na udemy

[@norbertperka9231]

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

[@agnieszkal1204]

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

[@TheLocagus]

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?

[@sebastianurbaniec7905]

Dlaczego scrollValue jest const skoro wartosc jest ciagle podmieniana?

[@stigmanmagros4952]

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

[@btcking_pl]

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

[@bobolek10]

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

[@SamurajProgramowania]

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.

[@Maciejf85]

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]

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).

[@pawesieniawski173]

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

[@piotrek8272]

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]

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.

[@ruslav9992]

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

[@SamurajProgramowania]

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

[@ruslav9992]

To fajnie :D

[@szczeczaczoszczeczek5077]

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

[@SamurajProgramowania]

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]

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