Poradnik slider

Question

Witam,

Potrzebuje dobrego tutoriala z robieniem slidera w JS, zależałoby mi na tym, żeby był to czysty JS, a poradnik w języku polskim lub z wyraźnie mówiącym autorze w języku angielskim. Jest ktoś w stanie polecić sprawdzony tutorial?

(Oczywiście z kropkami na dole i strzałkami po bokach)

Z góry dziękuję.

Pozdrawiam

Answer 1

Może sam spróbuj albo po prostu zadaj pytanie a my Ci pomożemy :)

Comments

Myślę, że mam już taką wiedzę, żeby to zrobić, ale metodą takiego ,,brudnego" (zbędnego kodu), chcę zobaczyć jak zrobią to inni ludzie i porównać z tym jakbym ja to zrobił.

Pozdrawiam

---

To zrób brudnym kodem a my spróbujemy go "naprawić" :)

---

W sumie dobra myśl, praktyka najważniejsza, a nauczę się na błędach, gdy forum będzie mnie poprawiać. Dzięki

Answer 2

Dokładnie jak w poprzednim poście, spróbuj sam. Wystarczy kilka kroków:

1. Określ z czego składa się taki slider. Warto zrobić prosty schemat (w paincie, www.draw.io, itp.) tego co chce się zrobić.
2. Mając rysunek/schemat spróbuj wybrać tagi HTML, którymi mógłbyś opisać naszkicowane elementy.
3. Zakoduj HTML wraz ze stylami CSS, tak aby powstała statyczna, nie interaktywna wersja tego co jest Twoim celem.
4. Teraz patrząc na to co powstało, pomyśl jakie interakcje z użytkownikiem powinien móc umożliwiać Twój aktualny slider.
5. Mając liste interakcji, poszukaj odpowiednich eventów w JavaScript, które im odpowiadają. Szukając dostępnych eventów polecam dokumentację MDN, tutaj przy okazji jest od razu sposób podpinania eventów pod elementy DOM.
6. Tutaj będzie najcięższy ale jednocześnie ostatni krok, zakoduj znalezione eventy i przetestuj czy to co powstało spełniają Twoje oczekiwania.

Przykładowo jako statyczną wersję slajdera wyobraź sobie jak ma on wyglądać z przykładowo 4 elementami bądź więcej.

PS. Jeżeli jednak to by Ci nie odpowiadało daj komentarz poszukam i podrzucę jakiś tutorial.