Jakie zadania do nauki Java Script ?

Question

Hej, uczę się Java Scriptu, na razie jestem początkujący, coś tam kumam z instrukcji warunkowych, pętli, funkcji, zdarzeń w JS. Niemniej jednak chciałbym uczyć się poprzez rozwiązywanie zadań aby lepiej pojąć te tematy. Czy możecie polecić jakąś stronę www z zadaniami albo jakiś zbiór zadań. Obecnie moja nauka polega głównie na oglądaniu tutoriali i pisaniu linijkę w linijkę kodu a chciałbym coś pisać sam od zera aby lepiej się nauczyć i lepiej zrozumieć.

Answer 1

CODEWARS

Jest to darmowa (przynajmniej w podstawowej wersji) platforma do nauki różnych języków, w tym JS. Są tam zadanka na różnym poziomie, ale plusem jest to, że po ich rozwiązaniu możesz podglądać kod innych osób i ogólnie zabawa tam wprowadzi Cię "w świat" testowania kodu.

A po za tym może spróbuj zrobić sobie coś takiego:

1. stwórz jakąś tablicę w JS, zawierającą obiekty np.:

   const persons = [
       {
           name: 'Adam',
           age: 30,
           city: 'Poznań',
       },
       {
           name: 'Michał',
           age: 35,
           city: 'Kraków',
       },
       {
           name: 'Patrycja',
           age: 20,
           city: 'Wrocław',
       },
   ];

   dodaj sobie jeszcze parę "osób".

2. Spróbuj przeiterować sobie po tej tablicy pętlą lub jakąś metodą Array.prototype (forEach, map, every, filter itp. - jako zadanie pozostawiam Ci dojść która z nich będzie tu odpowiednia), i stworzyć na tej podstawie np. tabelę HTML wyświetlającą dane osobowe.

3. Dodaj sobie jakieś elementy input i przycisk "Dodaj" aby umożliwić dodawanie nowych osób do bazy. (tutaj może się przydać np. metoda push() do dodawania nowych elementów tablicy).
4. ulepsz kod dodając np. jakiś napis, jeśli któreś pole będzie puste i zablokuj wtedy możliwość dodania (poczytaj o IF, konwersji typów do boolean, e.preventDefault()).
5. spróbuj może dodać w tabeli HTML jakąś ikonkę pozwalającą na usunięcie wybranej osoby - poczytaj tutaj np. o metodzie splice().
6. Pomyśl nad opcją wyszukania, np. pole input "Wpisz imię" i szukaj, czy w tablicy znajduje się taka osoba i zwracaj informację o tym (poczytaj np. o Array.prototype.includex, find, findIndex, indexOf i sam wtedy wybierz tę, która będzie pasować najlepiej).

To tak na szybko na początek :) Jak widzisz teoretycznie proste zadanko a pozwoli Ci poznać spory kawałek JS - pętle, instrukcje warunkowe, podpinanie zdarzeń, modyfikacje DOM, tworzenie tabel, poznasz różne typy wartości zmiennych, poznasz metody "tablicowe" itp.

Answer 2

Polecam freeCodeCamp

Answer 3

https://www.codecademy.com/
https://github.com/karan/Projects#mega-project-list